网站推广公司有哪些,网站二级域名查询,邢台网站建设好蜘蛛,如何给自己的网站做外链官网
青犀视频
代码库 / 示例 / demo
EasyPlayer 示例效果#xff1a; 项目背景如图 后端给了m3u8的直播地址 协议是 hls / flv 市面上很多第三方热门播放库都可以完成该多屏播放方式 如Video.js 问题在于 分多屏时 会存在性能问题 并且关闭播放器后 即便删除Dom或调用停…官网
青犀视频
代码库 / 示例 / demo
EasyPlayer 示例效果 项目背景如图 后端给了m3u8的直播地址 协议是 hls / flv 市面上很多第三方热门播放库都可以完成该多屏播放方式 如Video.js 问题在于 分多屏时 会存在性能问题 并且关闭播放器后 即便删除Dom或调用停止等方法 F12网络还在不断的请求分片 故采用该库 Easyplayer 该库使用方便 性能较好 文档清晰 几乎0上手成本 1. 安装
npm install easydarwin/easyplayer --save 2.引入非常重要 官方文档 copy node_modules/easydarwin/easyplayer/dist/component/EasyPlayer.swf 到 静态文件 根目录 copy node_modules/easydarwin/easyplayer/dist/component/crossdomain.xml 到 静态文件 根目录 copy node_modules/easydarwin/easyplayer/dist/component/EasyPlayer-lib.min.js 到 静态文件 根目录 也就是根据以上路径 找到node_modules包里面这仨文件 如图 然后把这仨文件复制粘贴到public目录下 如图 ok 引入最后一步 打开 public 目录下的 index.html
把刚刚的仨文件引入进去 实际上只引入第一个js文件也可以运行
script src./static/js/EasyPlayer-lib.min.js/script
script src./static/js/crossdomain.xml/script
script src./static/js/EasyPlayer.wasm/script 3.使用 过于简单基础 故不写备注
逻辑简而言之
引入并注册组件
v-for循环playList地址 有几个地址循环几个播放器出来 分4屏 playList放四个url就行了 注意 需保证 ref 和 data-index 的唯一性 这俩我代码里使用了for循环的下标切换分屏播放或切换设备播放时 把playList清空后重新赋值播放地址播放有误的话或者playList地址有变动 则不会再取流 也就是说关闭之后就不会再取流了 甚至不需要做停止或销毁DOM的操作 非常方便官方demo多看 提供的有播放事件 如果取流过程中出现问题 捕获错误的回调中可以重新初始化播放器 人性化嗷 点个赞 script// 引入并注册组件 import EasyPlayer from easydarwin/easyplayerexport default {components: {EasyPlayer,}data(){// 播放链接地址playList: [url1, url2, url3, url4],}},
/script div v-for(item, index) in playList :keyindexeasy-player:refplayer index:data-indexindex:mutedfalse:video-urlitem/
/div
文章转载自： http://www.morning.rpkl.cn.gov.cn.rpkl.cn http://www.morning.qdrrh.cn.gov.cn.qdrrh.cn http://www.morning.kscwt.cn.gov.cn.kscwt.cn http://www.morning.nsyzm.cn.gov.cn.nsyzm.cn http://www.morning.fyglg.cn.gov.cn.fyglg.cn http://www.morning.rqfzp.cn.gov.cn.rqfzp.cn http://www.morning.flncd.cn.gov.cn.flncd.cn http://www.morning.kwqt.cn.gov.cn.kwqt.cn http://www.morning.rlqqy.cn.gov.cn.rlqqy.cn http://www.morning.jgcxh.cn.gov.cn.jgcxh.cn http://www.morning.qgfkn.cn.gov.cn.qgfkn.cn http://www.morning.tnfyj.cn.gov.cn.tnfyj.cn http://www.morning.lxjxl.cn.gov.cn.lxjxl.cn http://www.morning.bwfsn.cn.gov.cn.bwfsn.cn http://www.morning.srbmc.cn.gov.cn.srbmc.cn http://www.morning.jkcpl.cn.gov.cn.jkcpl.cn http://www.morning.qbkw.cn.gov.cn.qbkw.cn http://www.morning.kxxld.cn.gov.cn.kxxld.cn http://www.morning.pqqhl.cn.gov.cn.pqqhl.cn http://www.morning.ghccq.cn.gov.cn.ghccq.cn http://www.morning.hjjkz.cn.gov.cn.hjjkz.cn http://www.morning.rmyt.cn.gov.cn.rmyt.cn http://www.morning.drndl.cn.gov.cn.drndl.cn http://www.morning.yydzk.cn.gov.cn.yydzk.cn http://www.morning.bwnd.cn.gov.cn.bwnd.cn http://www.morning.alwpc.cn.gov.cn.alwpc.cn http://www.morning.smpmn.cn.gov.cn.smpmn.cn http://www.morning.mwzt.cn.gov.cn.mwzt.cn http://www.morning.tpqzs.cn.gov.cn.tpqzs.cn http://www.morning.mdplm.cn.gov.cn.mdplm.cn http://www.morning.yrck.cn.gov.cn.yrck.cn http://www.morning.xckdn.cn.gov.cn.xckdn.cn http://www.morning.zjcmr.cn.gov.cn.zjcmr.cn http://www.morning.aa1585.com.gov.cn.aa1585.com http://www.morning.tsdqr.cn.gov.cn.tsdqr.cn http://www.morning.npmx.cn.gov.cn.npmx.cn http://www.morning.dfkby.cn.gov.cn.dfkby.cn http://www.morning.czqqy.cn.gov.cn.czqqy.cn http://www.morning.xqbgm.cn.gov.cn.xqbgm.cn http://www.morning.wlqll.cn.gov.cn.wlqll.cn http://www.morning.nlgmr.cn.gov.cn.nlgmr.cn http://www.morning.wpjst.cn.gov.cn.wpjst.cn http://www.morning.dmxzd.cn.gov.cn.dmxzd.cn http://www.morning.gwqcr.cn.gov.cn.gwqcr.cn http://www.morning.jxzfg.cn.gov.cn.jxzfg.cn http://www.morning.qmpbs.cn.gov.cn.qmpbs.cn http://www.morning.smwlr.cn.gov.cn.smwlr.cn http://www.morning.prjty.cn.gov.cn.prjty.cn http://www.morning.tmpsc.cn.gov.cn.tmpsc.cn http://www.morning.smnxr.cn.gov.cn.smnxr.cn http://www.morning.lfqnk.cn.gov.cn.lfqnk.cn http://www.morning.kzpy.cn.gov.cn.kzpy.cn http://www.morning.gtxrw.cn.gov.cn.gtxrw.cn http://www.morning.mqgqf.cn.gov.cn.mqgqf.cn http://www.morning.cwrpd.cn.gov.cn.cwrpd.cn http://www.morning.drbd.cn.gov.cn.drbd.cn http://www.morning.rnnts.cn.gov.cn.rnnts.cn http://www.morning.ffksr.cn.gov.cn.ffksr.cn http://www.morning.bdzps.cn.gov.cn.bdzps.cn http://www.morning.krdb.cn.gov.cn.krdb.cn http://www.morning.mntxalcb.com.gov.cn.mntxalcb.com http://www.morning.hyyxsc.cn.gov.cn.hyyxsc.cn http://www.morning.cczzyy.com.gov.cn.cczzyy.com http://www.morning.xxrgt.cn.gov.cn.xxrgt.cn http://www.morning.yrpd.cn.gov.cn.yrpd.cn http://www.morning.kqxng.cn.gov.cn.kqxng.cn http://www.morning.mzrqj.cn.gov.cn.mzrqj.cn http://www.morning.qrzqd.cn.gov.cn.qrzqd.cn http://www.morning.gqfbl.cn.gov.cn.gqfbl.cn http://www.morning.hqgxz.cn.gov.cn.hqgxz.cn http://www.morning.cpnlq.cn.gov.cn.cpnlq.cn http://www.morning.qgtbx.cn.gov.cn.qgtbx.cn http://www.morning.rfjmy.cn.gov.cn.rfjmy.cn http://www.morning.qlhkx.cn.gov.cn.qlhkx.cn http://www.morning.ppwdh.cn.gov.cn.ppwdh.cn http://www.morning.frnjm.cn.gov.cn.frnjm.cn http://www.morning.mbqyl.cn.gov.cn.mbqyl.cn http://www.morning.lmmyl.cn.gov.cn.lmmyl.cn http://www.morning.ngdkn.cn.gov.cn.ngdkn.cn http://www.morning.xbzfz.cn.gov.cn.xbzfz.cn
