失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > SkeyeWebPlayer网页RTSP/RTMP/FLV/HLS/H265/M3U8直播点播播放器-页面动态多播放器添加代码示例

SkeyeWebPlayer网页RTSP/RTMP/FLV/HLS/H265/M3U8直播点播播放器-页面动态多播放器添加代码示例

时间:2019-11-28 18:25:58

相关推荐

SkeyeWebPlayer网页RTSP/RTMP/FLV/HLS/H265/M3U8直播点播播放器-页面动态多播放器添加代码示例

强大的网页直播/点播播放器 SkeyeWebPlayer,使用简单,功能强大, 终身免费使用,支持Windows、 Android、iOS平台。

SkeyeWebPlayer.js H5播放器是由成都视开信息科技开发和维护的一个完善的RTSP、FLV、HLS等多种流媒体协议播放,视频编码支持H.264,H.265,音频支持AAC,支持TCP/UDP协议,是一套极佳的且适合用于综合安防视频云服务播放组件,已经非常稳定、完整。功能包括:直播、录像、抓图,目前在功能性、稳定性、可扩展性和完整性极强的一款H5播放器!
支持Websocket-RTSP播放;支持m3u8播放;支持HTTP-FLV、WS-FLV播放;支持HEVC/H265播放;支持直播和点播播放;支持全屏或比例显示;支持播放器快照截图;支持windows、Android、iOS播放;

多播放器示例

(1)、动态添加播放器页面示例

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><style>.web-media-player {width: 500px;}</style></head><body><div class="web-media-player" id="WebMediaBox"></div></body><script src="./dist/SkeyeWebPlayer.js"></script><script type="text/javascript">let urls = ['rtsp://192.168.0.111:5555/00000000031315178598/0','rtsp://192.168.0.111:5555/00000000031315178598/1','rtsp://192.168.0.111:5555/00000000031315178598/2',];let WebMediaBox = document.getElementById('WebMediaBox');for (let i = 0; i < urls.length; i++) {init(i);}function init(i) {let div = document.createElement('div');div.id = 'WebMediaPlayer_' + i;WebMediaBox.appendChild(div);new SkeyeWebPlayer(urls[i], div.id)}</script></html>

变量 urls 数组放入将要播放的多个流地址,这里也可以从其它接口获得。将播放地址和动态生成div的id传入到SkeyeWebPlayer中,初始化时会自动播放,(id不要重复)

如果觉得《SkeyeWebPlayer网页RTSP/RTMP/FLV/HLS/H265/M3U8直播点播播放器-页面动态多播放器添加代码示例》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。