VUE2使用EasyPlayer.js实现H264,H265视频流播放
VUE2使用EasyPlayer.js实现H264,H265视频流播放
·
1.通过npm引入EasyPlayer(目前EasyPlayer最新版本为5.0.5):
npm install @easydarwin/easyplayer --save
将node_modules下的@easydarwin/easyplayer/dist/component/crossdomain.xml等文件复制到public目录下
进入到程序内配置文件
(1)在public下的index.html引入刚刚从node_modules复制过来的组件
上方的jquery需要单独添加,这里直接放到下面可以复制:
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
(2)配置vue文件
npm文档地址:https://www.npmjs.com/package/@easydarwin/easyplayer(详细的配置熟悉可以在这里看到)
在线测试连接地址:http://www.easydarwin.org/easyplayer/(测试视频的地址,如果在测试里面能看到视频那大概率是代码出问题了)
(3)隐藏载入动画
EasyPlayer.js默认是有加载动画以及载入文字的,如果我们不需要,可以在CSS里面隐藏到
//隐藏视频的载入动画
.easy-player-loading {
display: none !important;
}
文章来自:http://t.csdn.cn/wxsLI(基于上面的教程又补充了一些东西)
更多推荐
已为社区贡献1条内容
所有评论(0)