当前位置:   article > 正文

VUE2使用EasyPlayer.js实现H264,H265视频流播放

easyplayer

1.通过npm引入EasyPlayer(目前EasyPlayer最新版本为5.0.5):

npm install @easydarwin/easyplayer --save

  1. 将node_modules下的@easydarwin/easyplayer/dist/component/crossdomain.xml等文件复制到public目录下

  1. 进入到程序内配置文件

(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里面隐藏到

  1. //隐藏视频的载入动画
  2. .easy-player-loading {
  3. display: none !important;
  4. }

文章来自:http://t.csdn.cn/wxsLI(基于上面的教程又补充了一些东西)

本文内容由网友自发贡献,转载请注明出处:https://www.wpsshop.cn/w/Guff_9hys/article/detail/790747
推荐阅读
相关标签
  

闽ICP备14008679号