网站建设的分项报价,长沙网站排名优化报价,网站防盗链怎么做,小程序模板周末业余时间在家无事#xff0c;学习了一下腾讯的云播放sdk#xff0c;并制作了一个小demo#xff08;m3u8播放器#xff09;#xff0c;该在线工具是基于腾讯的云播sdk开发的#xff0c;云播sdk非常牛#xff0c;可以支持多种播放格式。 预览地址 m3u8player.org
源码… 周末业余时间在家无事学习了一下腾讯的云播放sdk并制作了一个小demom3u8播放器该在线工具是基于腾讯的云播sdk开发的云播sdk非常牛可以支持多种播放格式。 预览地址 m3u8player.org
源码地址 https://github.com/geeeeeeeek/m3u8player
开发步骤
第一步集成播放器SDK 播放器 SDK 支持 cdn 集成方式 link hrefhttps://web.sdk.qcloud.com/player/tcplayer/release/v5.1.0/tcplayer.min.css relstylesheet/!--播放器脚本文件--script srchttps://web.sdk.qcloud.com/player/tcplayer/release/v5.1.0/tcplayer.v5.1.0.min.js/script第二步设置容器 然后设置播放器容器在需要展示播放器的页面位置加入播放器容器。可以在 index.html 中加入如下代码容器 ID 以及宽高都可以自定义。
video idplayer-container-id width414 height270 preloadauto playsinline webkit-playsinline
/video第三步初始化并播放
var player TCPlayer(player-container-id, {sources: [{src: path/to/video,}],licenseUrl: https://license-url,
}); // player.src(url); // url 播放地址最终集成后的代码可以参考 https://github.com/geeeeeeeek/m3u8player
附m3u8知识
M3U8是一种播放多媒体列表的文件格式它的设计初衷是为了播放音频文件比如MP3但是越来越多的软件现在用来播放视频文件列表M3U8也可以指定在线流媒体音频源。很多播放器和软件都支持M3U8文件格式。