- 博客(21)
- 收藏
- 关注
原创 vue项目中使用flv.js实时播放 断流重连 关闭断流开发心得
在调用 video的 play() 方法之后就立即被之后一次调用 pause() 方法中断了。那么上述的问题就有了解决方法: 在 play() 执行成功后,播放视频,然后执行后续操作。功能:点击右边菜单出现实时监控画面,页面有四个窗体,每个窗体播放不同的视频,当四个窗体都在播放时,点击下一个会依次替换每个窗体,随机点四个页面会出现对应的实时视频。EasyPlayer flv m3u8 ws
2021-03-20 18:16:59 18816 46
原创 解决iframe嵌套第三方网址不能访问
X-Frame-Options 是一个 HTTP 响应头部,用于防止网站被嵌入到其他网站的 iframe 中。该协议定义了一些选项,使网站可以控制在哪些网站中可以嵌入自己的内容,从而防止网站被点击劫持攻击。如果网站设置了 X-Frame-Options 响应头部,浏览器会根据该选项来决定是否允许在 iframe 中显示该网站的内容。并隐藏来自该网站的两个响应头:“Content-Security-Policy” 和 “X-Frame-Options”。2.SAMEORIGIN:只允许同源网站嵌入。
2023-05-11 15:24:36 26314 2
原创 vue封装websocket,支持心跳机制,支持断开重连机制
vue js websocket websocket断开重连.websocket心跳机制.封装websocket
2023-04-27 16:45:16 1084 3
原创 echarts 全局换肤 echarts根据系统颜色换肤,echarts自定义icon,echarts发光效果
echarts 全局换肤 echarts根据系统颜色换肤,echarts自定义icon,echarts发光效果
2023-03-17 10:42:20 757
原创 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 7023 1
原创 window.open()方法打开新标签403问题
window.open()跳转外链403问题页面中引入外网的链接资源,会产生一个新的http请求。为了安全(URL里可能包含用户信息),浏览器一般都会给这写请求头加上表示来源的referrer 字段。打开外部链接出现403。
2022-10-14 22:10:22 804
原创 npm配置cnpm,不需要配置环境变量
npm配置 npm配置cnpm无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确 ,然后再试一次。说明:该报错应该是windows权限问题。cnpm -v 查看版本报错。查看是否有node环境。然后直接下载cnpm。1.以管理员身份运行。(在应用中直接搜索),根据提示输入Y或A。
2022-09-17 00:04:48 824
原创 vue项目中使用vueQr和qrcodejs2生成二维码和下载功能
vue生成二维码 vueqr qrcode2 el-table生成二维码
2022-01-17 11:04:11 1126 1
原创 浏览器判断本地是否安装exe文件,有则打开,没有提醒下载
这个是 github上面大神写的方法。这篇文章中提到的谷歌浏览器的方法是。(gihub打不开的同学,看下面)抽离谷歌适用于谷歌的方法。但是没有提供相关的代码。没有exe文件提醒下载。
2021-07-24 09:53:46 3263 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 1525 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 1243 1
原创 Echarts网格颜色渐变 + 折线图折线发光高亮效果
series:里面定义折线发光高亮的效果 lineStyle: { shadowColor: "#5cfbff", //透明的颜色 shadowOffsetX: 0, shadowOffsetY: 0, opacity: 1, //透明度 shadowBlur: 8, //阴影大小 type: "solid", //实线
2020-11-13 17:34:03 3260
原创 Echarts折线图在X轴全部显示信息
不多说,上代码!封装代码主要代码: axisLabel: { show: true, rotate: 0, //角倾斜显示 formatter: function (val) { return val.split("").join("\n"); }, //横轴信息文字竖直显示 },<template> <
2020-11-13 09:56:58 3725
原创 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 1385
原创 element-ui分页功能删除最后一条数据返回上一页
删除最后一页的数据怎么返回上一页 // 删除人员信息 deletePersonInfo(item) { this.$confirm("你确定要删除吗,请三思,后果自负", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning", }).then(() => { deletePerson(item.id, this.communi
2020-10-22 17:27:16 1766
原创 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 686 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人