3-视频传输,监控,直播方案-网页端播放视频流(RTMP,HLS,m3u8)

2021-11-22 07:00:15 阅读：252 来源： 互联网

标签：git m3u8 播放视频流 HLS EasyPlayer 地址 js

说明

这节来看一下如何使用网页端播放视频流.

网页端有各种写好的插件来播放视频,这里选择 EasyPlayer.js

把EasyPlayer.js源码放到服务器

1,上传EasyPlayer.js压缩包到网站根目录(方式1); 下面还有个方式可以直接用git拉取,不需要自己上传

解压

2,使用git下载(方式2);

在网站根目录点击终端,然后输入一下git地址,然后点击回车

git clone git://github.com/tsingsee/EasyPlayer.js.git

测试

1.里面有个可以直接测试的 demo

2.在浏览器上输入 http://自己服务器的IP地址/EasyPlayer.js/demo/html

我的等半分钟以后才加载出来......

3.记得根据上一节的教程一直推着数据流哈(我这次就一直推这个字符串)

4.(先测试RTMP) 在播放地址对话框输入自己的RTMP数据流地址

我的是 rtmp://116.62.178.48/hls/yang (这个根据自己的写哈,不记得的看上一节那个VLC拉流软件里面的地址是怎么写的)

5.(测试m3u8) 在播放地址对话框输入自己的 xxx.m3u8数据流路径

我的是 http://116.62.178.48/hls/yang.m3u8 (这个根据自己的写哈,不记得的看上一节那个VLC拉流软件里面的地址是怎么写的)

等啊等...................

其它

1.提供的例程一个是html的,另一个是加了vue的

2.引用其实挺简单

3.其它EasyPlayer各种字段什么的,各种花里胡哨什么的---百度就好了.

标签：git,m3u8,播放,视频流,HLS,EasyPlayer,地址,js
来源： https://www.cnblogs.com/yangfengwu/p/15586819.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9