web播放器demo--播放VIS视频流

举报
玩转VIS 发表于 2020/05/20 16:24:25 2020/05/20
【摘要】 一些开发的小伙伴,有疑问,vis的取流地址对应的https协议的flv格式网络视频流,(1)可以通过相关视频分析库进行分析,(2)可以通过vlc等流行播放器播放网络流;但是,vis的视频流还可以在浏览器中进行播放,就像VIS控制台界面那样,我怎么开发一个web播放器呢?可以快速通过flv.js去实现,该开源技术框架github库https://github.com/bilibili/flv....

一些开发的小伙伴,有疑问,vis的取流地址对应的https协议的flv格式网络视频流,

(1)可以通过相关视频分析库进行分析,

(2)可以通过vlc等流行播放器播放网络流;

但是,vis的视频流还可以在浏览器中进行播放,就像VIS控制台界面那样,我怎么开发一个web播放器呢?

可以快速通过flv.js去实现,该开源技术框架github库https://github.com/bilibili/flv.js/blob/master/docs/api.md


别急,demo来啦(见末尾附件)

-----------------------------------------我是分隔线-----------------------------------------------


1、  VIS控制台界面,获取正在推流的或者拉流的视频流的取流地址。

1.png


2、  下载demo压缩包,并解压

2.png


3、  用浏览器打开解压包中的index.html

3.png


4、  将步骤1中获取的取流地址,填入URL输入框中,并点击【播放视频】按钮,视频开始正常播放。

4.png


5、  如果有开发的同学,需要开发类似web播放器,可以参考附件demo中的源码。


【版权声明】本文为华为云社区用户原创内容,未经允许不得转载,如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。