快手Web播放组件基于HTML5的HTMLVideoElement(<video />)。
提供适配Vue2/Vue3/React/原生JS的多个版本接入。
同时支持桌面端和移动端浏览器环境。
功能点 | 功能说明 |
---|---|
支持协议 | 支持 FLV、HLS、MP4、WebRTC、裸流 等丰富的音视频格式 |
播放-URL | 支持网络视频的 URL 方式播放 |
播放-Manifest | 支持快手协议 |
播放-本地文件 | 本地文件方式播放 |
播放-videoID | 支持vid播放(开发中) |
基本功能 | 支持开始、结束、暂停、自动播放、循环播放、断点续播、重播、倍速等播放控制功能 |
清晰度切换-手动 | 支持清晰度切换 |
清晰度切换-平滑 | 配合GOP对齐HLS/快手协议,支持无停顿平滑切换 |
清晰度切换-自动 | 配合GOP对齐HLS/快手协议,支持根据网速自动切换清晰度 |
预览图 | 支持预览图功能 |
弹幕防挡 | 支持弹幕防挡 |
水印 | 支持在播放组件中添加自定义水印 |
H.265支持 | 快手web端265解决方案 |
自定义启播时间 | 支持自定义视频开启播放的时间 |
多实例 | 支持在一个界面添加多个播放器同时播放 |
边下边播 | 支持视频播放的同时缓存下载后面的内容 |
HLS标准加密 | 支持基于 HLS 提供的 AES encryption 方案,使用密钥对视频数据加密 |
DRM | widevine |
逐帧播放 | MP4支持上下帧逐帧播放 |
协议 | H.264 | H.265 | H.266 | AV1 | KVC | AAC | MP3 | Opus |
---|---|---|---|---|---|---|---|---|
flv + flv切片 | 支持 | 依赖浏览器 + wasm | x | 依赖浏览器 | x | x | 支持 | x |
mp4 | 支持 | 依赖浏览器 + wasm | wasm | 依赖浏览器 | wasm | wasm | 支持 | 支持 |
HLS | 支持 | 依赖浏览器 + wasm | x | x | wasm | x | 支持 | - |
裸流 | 支持 | 依赖浏览器 + wasm | x | 依赖浏览器 | wasm | x | - | - |
webRTC直播 | 支持 | - | x | - | - | - | - | - |
YUV支持: 8bit/10bit yuv420p/yuv422p/yuv444p。YUV文件命名需要符合模板:name_WxH_FPS_BITDEPTH_CHROMA.yuv。
面向普通用户的场景不推荐使用wasm解码器。如果要使用H.265/AV1编码,推荐采用快手web端H.265整体解决方案,如有更多问题请联系我们。
浏览器 | MP4 | FLV | HLS |
---|---|---|---|
Chrome 39+ | 支持 | 支持 | 支持 |
Edge win10 | 支持 | 支持 | 支持 |
IE11+ | 支持 | 支持 | 支持 |
Firefox 42+ | 支持 | 支持 | 支持 |
Safari 8+ | 支持 | 支持 | 支持 |
浏览器 | MP4 | FLV | HLS |
---|---|---|---|
Chrome 39+ | 支持 | 支持 | 支持 |
微信 | 支持 | 支持 | 支持 |
Edge | 支持 | 支持 | 支持 |
浏览器 | MP4 | FLV | HLS |
---|---|---|---|
Chrome | 支持 | 不支持 | 支持 |
微信 | 支持 | 不支持 | 支持 |
Safari | 支持 | 不支持 | 支持 |
Edge | 支持 | 不支持 | 支持 |
功能 | 桌面端 | Android | iOS |
---|---|---|---|
全屏 | 支持 | 不支持 | 1. iOS 10以下版本的Safari浏览器无法禁止视频自动全屏播放; 2. 仅支持网页全屏 |
自动播放 | 播放组件会按照以下规则尝试自动播放:有声音自动播放,失败后尝试静音自动播放,失败后不自动播放。 1. Chrome遵循以下播放规则:https://developer.chrome.com/blog/autoplay/ 2. Safari依赖浏览器设置 |
策略同桌面端 | 策略同桌面端 |
音量 | 支持 | 依赖设备音量 | 依赖设备音量 |
倍速 | 支持 | 部分移动端浏览器不支持设置倍速 | 不支持 |