- 博客(23)
- 收藏
- 关注
RSS订阅
原创 使用 Vue 和 flv.js 实现流媒体视频播放：完整教程
本文详细介绍了如何在 Vue.js 项目中集成 flv.js，以实现宇视摄像头的实时视频播放。成功解决了多窗体视频播放的问题，并优化了流媒体的加载速度和播放稳定性。文章还涵盖了在实际开发中遇到的挑战，例如处理摄像头的流媒体格式兼容性、视频加载延迟等问题，并提供了对应的解决方案。本文适合有一定 Vue.js 开发经验的读者，特别是那些在项目中需要实现流媒体视频播放功能的开发者。
2021-03-20 18:16:59
23103
47
原创 使用 WebRtcStreamer 实现实时视频流播放
WebRtcStreamer 是一个基于 WebRTC 协议的轻量级开源工具，可以在浏览器中直接播放 RTSP 视频流。它利用 WebRTC 的强大功能，提供低延迟的视频流播放体验，非常适合实时监控和其他视频流应用场景。本文将介绍如何在Vue.js项目中使用实现实时视频流播放，并分享相关的代码示例。注意:只支持H264格式流媒体方式文章。
2024-12-09 17:32:16
4149
4
原创 ‘rimraf‘ 不是内部或外部命令,也不是可运行的程序
rimraf 是一个跨平台的 Node.js 包，用于删除文件和文件夹，特别是在 Windows 上删除文件夹时表现得更稳定。如果你在运行某个命令时遇到 ‘rimraf’ 不是内部或外部命令，也不是可运行的程序 这样的错误，通常是因为你没有安装 rimraf，或者安装后路径没有正确设置。
2024-09-03 10:07:04
1171
原创 解决iframe嵌套第三方网址不能访问
X-Frame-Options 是一个 HTTP 响应头部，用于防止网站被嵌入到其他网站的 iframe 中。该协议定义了一些选项，使网站可以控制在哪些网站中可以嵌入自己的内容，从而防止网站被点击劫持攻击。如果网站设置了 X-Frame-Options 响应头部，浏览器会根据该选项来决定是否允许在 iframe 中显示该网站的内容。并隐藏来自该网站的两个响应头：“Content-Security-Policy” 和 “X-Frame-Options”。2.SAMEORIGIN：只允许同源网站嵌入。
2023-05-11 15:24:36
31482
3
原创 vue封装websocket,支持心跳机制,支持断开重连机制
vue js websocket websocket断开重连.websocket心跳机制.封装websocket
2023-04-27 16:45:16
1338
3
原创 echarts 全局换肤 echarts根据系统颜色换肤,echarts自定义icon,echarts发光效果
echarts 全局换肤 echarts根据系统颜色换肤,echarts自定义icon,echarts发光效果
2023-03-17 10:42:20
886
原创 VUE项目中优雅使用EasyPlayer实时播放摄像头多种格式视频
简介:集播放http-flv, hls, websocket 于一身的H5视频直播/视频点播播放器, 使用简单, 功能强大；功能支持支持 MP4 播放支持 m3u8/HLS 播放;支持 HTTP-FLV/WS-FLV 播放;支持直播和点播播放;支持播放器快照截图;支持点播多清晰度播放;支持全屏或比例显示;自动检测 IE 浏览器兼容播放;支持重连播放；官网(可在线调试)NPM文档。EasyPlayer flv m3u8 ws
2023-01-05 15:07:45
9132
1
原创 window.open()方法打开新标签403问题
window.open()跳转外链403问题页面中引入外网的链接资源，会产生一个新的http请求。为了安全（URL里可能包含用户信息），浏览器一般都会给这写请求头加上表示来源的referrer 字段。打开外部链接出现403。
2022-10-14 22:10:22
1042
原创 npm配置cnpm,不需要配置环境变量
npm配置 npm配置cnpm无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确 ，然后再试一次。说明:该报错应该是windows权限问题。cnpm -v 查看版本报错。查看是否有node环境。然后直接下载cnpm。1.以管理员身份运行。(在应用中直接搜索)，根据提示输入Y或A。
2022-09-17 00:04:48
923
原创 vue项目中使用vueQr和qrcodejs2生成二维码和下载功能
vue生成二维码 vueqr qrcode2 el-table生成二维码
2022-01-17 11:04:11
1223
1
原创 浏览器判断本地是否安装exe文件,有则打开,没有提醒下载
这个是 github上面大神写的方法。这篇文章中提到的谷歌浏览器的方法是。(gihub打不开的同学,看下面)抽离谷歌适用于谷歌的方法。但是没有提供相关的代码。没有exe文件提醒下载。
2021-07-24 09:53:46
3721
23
原创 vue-seamless-scroll 的使用
配置项=>step: 0.8, //数值越大速度滚动越快limitMoveNum: 8, //开始无缝滚动的数据量 //this.fourDatata.lengthhoverStext: false, //是否开启鼠标悬停stopdirection: 1, // 0向下 1向上 2向左 3向右openWatch: true, //开启数据实时监控刷新domsingleHeight: 0, //单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1sin
2021-01-18 14:48:30
1580
3
原创 项目中调取高德地图天气接口
高德天气API调取接口axios .get( "https://restapi.amap.com/v3/weather/weatherInfo?city='城市编码'&key='用户key'" ) .then((res) => { res.data.lives.forEach((ele) => { this.temperature = ele.temperature; this
2020-12-19 14:47:43
1382
1
原创 Echarts网格颜色渐变 + 折线图折线发光高亮效果
series:里面定义折线发光高亮的效果 lineStyle: { shadowColor: "#5cfbff", //透明的颜色 shadowOffsetX: 0, shadowOffsetY: 0, opacity: 1, //透明度 shadowBlur: 8, //阴影大小 type: "solid", //实线
2020-11-13 17:34:03
3493
原创 Echarts折线图在X轴全部显示信息
不多说,上代码!封装代码主要代码: axisLabel: { show: true, rotate: 0, //角倾斜显示 formatter: function (val) { return val.split("").join("\n"); }, //横轴信息文字竖直显示 },<template> <
2020-11-13 09:56:58
3847
原创 vue 页面长时间无操作退出到登录页
功能: 用户15分钟没有任何操作.页面可以看,但是不能做任何的操作(想实现的是没有操作就自动退出到login页面)在App.vue中给事件<template> <div id="app" @mousemove="handleTime"> <router-view v-if="isRouterAlive" /> </div></template>data中定义时间 data() { return {
2020-11-12 17:36:20
1477
原创 element-ui分页功能删除最后一条数据返回上一页
删除最后一页的数据怎么返回上一页 // 删除人员信息 deletePersonInfo(item) { this.$confirm("你确定要删除吗，请三思,后果自负", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning", }).then(() => { deletePerson(item.id, this.communi
2020-10-22 17:27:16
1815
原创 vue项目中调取pc端摄像头图片转换base64浏览器访问问题
vue如何调取pc端摄像头 + 图片的转换base64使用的组件库:element-ui页面结构: <el-dialog title="拍照上传" :visible.sync="visible" @close="onCancel" :append-to-body="true" :close-on-click-modal="fals
2020-09-25 16:56:42
729
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人