logologo
售前咨询
点播云
产品简介
购买指南
快速入门
控制台指南
服务端API
SDK文档
播放器SDK
Web端播放器
Android端播放器
iOS端播放器
鸿蒙端播放器
上传SDK
服务端SDK
相关协议
文档中心
SDK文档播放器SDKWeb端播放器简介

简介


简介

快手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+ 支持 支持 支持

Android端浏览器

浏览器 MP4 FLV HLS
Chrome 39+ 支持 支持 支持
微信 支持 支持 支持
Edge 支持 支持 支持

iOS端浏览器

浏览器 MP4 FLV HLS
Chrome 支持 不支持 支持
微信 支持 不支持 支持
Safari 支持 不支持 支持
Edge 支持 不支持 支持

H5 功能说明

功能 桌面端 Android iOS
全屏 支持 不支持 1. iOS 10以下版本的Safari浏览器无法禁止视频自动全屏播放;
2. 仅支持网页全屏
自动播放 播放组件会按照以下规则尝试自动播放:有声音自动播放,失败后尝试静音自动播放,失败后不自动播放。
1. Chrome遵循以下播放规则:https://developer.chrome.com/blog/autoplay/
2. Safari依赖浏览器设置
策略同桌面端 策略同桌面端
音量 支持 依赖设备音量 依赖设备音量
倍速 支持 部分移动端浏览器不支持设置倍速 不支持
上一篇:DEMO体验下一篇:接入指引
该篇文档内容是否对您有帮助?
有帮助没帮助