更新时间:2020-12-14 17:06:47
网宿提供HTML5 播放器SDK,用于嵌入到PC网页、手机H5中 实现不同终端跨平台播放。
请联系网宿技术支持申请。
浏览器 | mp4 | flv | m3u8 | rtmp | mp3 |
---|---|---|---|---|---|
IOS Safari | 支持 | 不支持 | 支持 | 不支持 | 支持 |
Android | 支持 | 不支持 | 4.0+ | 不支持 | 支持 |
Chrome | 支持 | 34+ | 34+ | 不支持 | 支持 |
Firefox | 支持 | 49+ | 49+ | 不支持 | 支持 |
Edge | 支持 | 支持 | 支持 | 不支持 | 支持 |
Opera | 支持 | 支持 | 支持 | 不支持 | 支持 |
MAC Safari | 支持 | 8+ | 8+ | 不支持 | 支持 |
文件名 | 说明 |
---|---|
demo/player.html | 相关 demo 展示页面 |
demo/main.js | 相关引用 js 文件 |
lang/en.js | 国际化英文界面 |
lang/Zh-CN.js | 国际化中文界面 |
wsplayer.min.js | SDK 库文件 |
wsplayer.min.css | SDK 样式文件 |
wsplayer-vr.min.js | SDK-VR 库文件 |
wsplayer-vr.min.css | SDK-VR 样式文件 |
<script src="./wsplayer.min.js"></script>
语言方面通过引入相应文件实现,DEMO 中提供了中英文两种文本
<script src="./lang/zh-CN.js"></script>
<script src="./vr/wsplayer-vr.min.js"></script>
<body><!-- id/class 属性必须提供,且 class 值必须为 video-js --><video id="my-player" class="video-js"></video>
<script src="./wsplayer.min.js"></script> <!-- 国际化中文样式,引入相应文件--> <script src="./lang/zh-CN.js"></script> <script>
const player = WSPlayer('my-player', { // 播放配置, 详见参数说明
muted:true,
autoplay:true,
controls:true,
// 若为直播,应设置 isLive:true, sources:[{
src: 'https://xxxxx.mp4',
type: WSPlayer.CODEC.MP4,
label: '480P'
}],
.... }, () => {
console.log('Your player is ready!'); player.on(WSPlayer.WSEvent.PLAY.ENDED, function() {
console.log('video ended.');
});
player.on(WSPlayer.WSEvent.PLAY.ERROR, function(event, error) { console.log('video error: ', error);
}); });
</script></body>