对象存储 COS 音视频播放器实践

COS 音视频云端处理与端侧播放如何进行实际应用,文中的实践案例涵盖音视频处理所支持的协议、功能以及如何播放 COS 音视频文件的操作指引,并结合 腾讯云数据万象(CI) 丰富的音视频处理能力,提供更多的产品功能使用思路并获得更好的播放性能体验。

相关产品
对象存储 产品页,含版本规格、价格与购买入口。

一、协议支持

音视频协议 URL 地址格式 PC 浏览器 移动端浏览器
MP3 https://<BucketName-APPID>.cos.<Region>.myqcloud.com/xxx.mp3 支持 支持
MP4 https://<BucketName-APPID>.cos.<Region>.myqcloud.com/xxx.mp4 支持 支持
HLS(M3U8) https://<BucketName-APPID>.cos.<Region>.myqcloud.com/xxx.m3u8 支持 支持
FLV https://<BucketName-APPID>.cos.<Region>.myqcloud.com/xxx.flv 支持 支持
DASH https://<BucketName-APPID>.cos.<Region>.myqcloud.com/xxx.mpd 支持 支持

注意:HLS、FLV、DASH 视频在部分浏览器环境中播放需要依赖 Media Source Extensions。

二、功能支持

功能 TCPlayer 播放器 DPlayer 播放器 Videojs 播放器
播放 MP4 格式视频 查看详情 查看详情 查看详情
播放 HLS 格式视频 查看详情 查看详情 查看详情
播放 FLV 格式视频 查看详情 查看详情 查看详情
播放 DASH 格式视频 查看详情 查看详情 查看详情
播放 PM3U8(私有 M3U8)视频 查看详情 查看详情 查看详情
设置封面图 查看详情 查看详情 查看详情
设置 HLS 标准加密 查看详情 查看详情 查看详情
切换清晰度 查看详情 查看详情 –
设置动态水印 查看详情 – –
设置左上角 LOGO – 查看详情 –
设置进度预览图 查看详情 – –
设置字幕 查看详情 – –
设置多语言 查看详情 – –
设置贴片广告 查看详情 – –

注意:说明:

注意:播放器兼容常见的浏览器,播放器内部会自动区分平台,并使用最优的播放方案。例如在 Chrome 等现代浏览器中优先使用 HTML5 技术实现视频播放,而手机浏览器上会使用 HTML5 技术或者浏览器内核能力实现视频播放。

三、使用指引

·使用 TCPlayer 播放 COS 视频文件

·使用 DPlayer 播放 COS 视频文件

·使用 VideojsPlayer 播放 COS 视频文件

四、Web 端体验

你可直接在电脑端浏览器访问 COS 音视频体验馆,体验 COS 的音视频处理功能。

五、示例代码

前往 GitHub 获取示例代码。

赞 (0)
上一篇 5天前
下一篇 5天前