检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如果客户端用Node.js开发，推荐安装14.19.1或以上版本。 支持的浏览器详情请参见浏览器适配详情。 如果客户端用TypeScript开发，TypeScript的版本不低于3.8.3。 SDK集成 将SDK下载到本地，建议将SDK压缩包放置在自己项目的“sdk”目录下。
<body> <div id='preview' style='width:1280px; height:720px'> </div> </body> 创建客户端，参考createClient。
最佳实践 进阶用法 音频受限处理 降级处理 代码示例 父主题： Web SDK
修订记录 表1 修订记录 修改时间 修改说明 2024-12-02 低时延直播Web SDK更新点，如下所示： 支持自动降级和指定降级。 支持移动端后台播放音频。 解决设备兼容性问题。 支持多实例video标签id。 2024-11-12 新增最佳实践及其相关的代码示例。 2024
详情请参考客户端时间回调。
浏览器适配 本章节介绍低时延直播Web SDK支持的浏览器类型、版本以及使用限制。 表1 浏览器适配详情 操作系统类型 浏览器类型 浏览器版本 Windows Chrome浏览器 67+ QQ浏览器（极速内核） 10.4+ 360安全浏览器（极速模式） 12 微信内嵌浏览器 - Firefox
进阶用法 总体说明 进阶用法，共包含下述场景： 场景一： 播放 场景二：暂停与恢复播放 场景三：切换视频 场景四：全屏播放 场景五：静音 场景六：停止播放 场景七：销毁播放器 以上场景的完整代码详见进阶用法，可自行拷贝至本地运行测试。 场景一： 播放 使用startPlay方法时需传入配置
代码示例 进阶用法 自动播放失败监听 手动播放 自动降级 指定降级 父主题： 最佳实践
音频受限处理 什么是音频受限 新页面加载后立即自动播放音频（或带有音轨的视频）可能会让用户感到意外，所以主流浏览器对音频自动播放有音频受限策略。自动播放音频的场景下，因为可能与页面无交互，会触发音频受限策略。非自动播放或静音播放场景，音频则不受限。具体表现在，如果audio或video
创建的拉流客户端类型。 低时延直播拉流客户端类型：webrtc。 flv直播拉流客户端类型：flv。 HLS直播拉流客户端类型：hls（预留，暂未开放）。 缺省值：webrtc。 【返回参数】 client：拉流客户端对象。
公网地址 表1 公网地址列表 公网地址 信息 log-collection-new.hwcloudlive.com 国内日志和打点环境地址。 log-collection-ap-southeast-3.rocket-cdn.com 海外日志和打点环境地址。 hcdnl-pull302
降级处理 降级场景 降级说明 使用LLL SDK进行直播拉流时，可能会遇到播放失败等问题，可以考虑使用其他协议播放。 触发条件 浏览器环境不支持webrtc特性，可以通过checkSystemRequirements接口来判断。 服务端请求、建链均失败。 媒体起播播放超时，且解码帧数为
手动播放 手动播放的代码示例，如下所示： <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale
进阶用法 进阶用法的完整代码实例，如下所示： <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0,
自动降级 自动降级的代码示例，如下所示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Downgrade Demo</title> <script src="sdk
指定降级 指定降级的代码示例，如下所示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Downgrade Demo</title> <script src="sdk
错误码（ErrorCode） getCode getCode(): number 【功能说明】 获取错误码。 【请求参数】 无 【返回参数】 number类型，错误码值。 getMsg getMsg(): string 【功能说明】 获取错误描述。 【请求参数】 无 【返回参数】
自动播放失败监听 自动播放失败监听的代码示例，如下所示： <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale
PC端推流和播放 本节主要介绍如何在PC端借助第三方软件实现媒体直播推流和播放。 前提条件 已参考配置域名在视频直播控制台配置推流域名和播放域名。 已参考创建频道，创建完成频道。 已安装推流工具，推荐使用推流工具OBS，若未安装，请先下载并安装。
PC端推流和播放（标准直播场景） 本节主要介绍如何在PC端借助第三方软件实现直播推流和播放。 前提条件 已参考配置域名在视频直播控制台配置推流域名和播放域名。 已安装推流工具，推荐使用推流工具OBS，若未安装，请先下载并安装。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
