SkeyeWebPlayer免费网页直播点播播放器-页面动态多播放器添加代码示例
发布时间：2022-11-19 16:03:45 320 相关标签： # html# webkit# java# java# 信息
强大的网页直播/点播播放器 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播放;
- 支持直播和点播播放;
- 支持全屏或比例显示;
- 支持播放器快照截图;
- 支持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不要重复）
文章来源： https://blog.51cto.com/openskeye/5851687
特别声明：以上内容（图片及文字）均为互联网收集或者用户上传发布，本站仅提供信息存储服务！如有侵权或有涉及法律问题请联系我们。
举报
