检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
Web SDK 浏览器适配 开发前准备 SDK使用 基本使用逻辑 最佳实践 接口参考 常见问题 修订记录
主入口（HWLLSPlayer） 本章节介绍了低时延直播Web SDK的HWLLSPlayer接口详情。 表1 主入口接口 接口 描述 checkSystemRequirements 检测浏览器是否支持低时延直播Web SDK。 getVersion 获取SDK版本号。 createClient
错误码（ErrorCode） getCode getCode(): number 【功能说明】 获取错误码。 【请求参数】 无 【返回参数】 number类型，错误码值。 getMsg getMsg(): string 【功能说明】 获取错误描述。 【请求参数】 无 【返回参数】
最佳实践 进阶用法 音频受限处理 降级处理 代码示例 父主题： Web SDK
开发前准备 前提条件 已下载SDK包。 环境要求 编译工具推荐安装Microsoft Visual Studio Code 1.43.2或以上版本。 如果客户端用Node.js开发，推荐安装14.19.1或以上版本。 支持的浏览器详情请参见浏览器适配详情。 如果客户端用TypeScript
常见问题 如果业务上App只能使用http协议，是否能够集成使用华为低时延直播Web SDK ? 部分浏览器（chrome）可以集成使用，但不推荐。由于浏览器兼容性识别是根据浏览器暴露的WebRTC对象判断的，在非https协议下，对象可能不存在。 Firefox浏览器中无法使用华为低时延直播
基本使用逻辑 主业务流程包括： 拉流前：创建客户端。 拉流播放：拉流播放请求。 停止播放：停止播放请求。 拉流后：销毁客户端。 单击下图中的接口名称可快速跳转至对应的接口描述，查看其使用方法。 父主题： Web SDK
接口参考 主入口（HWLLSPlayer） 客户端对象（HWLLSClient） 客户端对象（HWFlvClient） 客户端对象（HWHlsClient） 客户端事件通知（HWLLSClientEvent） 错误码（ErrorCode） 公网地址 客户端错误码 父主题： Web
修订记录 表1 修订记录 修改时间 修改说明 2024-11-12 新增最佳实践及其相关的代码示例。 2024-06-27 新增setReportConfig接口，更新SDK。 2024-03-19 1、新增SDK包下载路径及其完整性校验方法。 2、新增FLV、HLS等相关资料。
SDK使用 创建容器。 <body> <div id='preview' style='width:1280px; height:720px'> </div> </body> 创建客户端，参考createClient。 const client = HWLLSPlayer.createClient
公网地址 表1 公网地址列表 公网地址 信息 log-collection-new.hwcloudlive.com 国内日志和打点环境地址。 log-collection-ap-southeast-3.rocket-cdn.com 海外日志和打点环境地址。 hcdnl-pull302
降级处理 降级场景 降级说明 使用LLL SDK进行直播拉流时，可能会遇到播放失败等问题，可以考虑使用其他协议播放。 触发条件 浏览器环境不支持webrtc特性，可以通过checkSystemRequirements接口来判断。 服务端请求、建链均失败。 媒体起播播放超时，且解码帧数为
浏览器适配 本章节介绍低时延直播Web SDK支持的浏览器类型、版本以及使用限制。 表1 浏览器适配详情 操作系统类型 浏览器类型 浏览器版本 Windows Chrome浏览器 67+ QQ浏览器（极速内核） 10.4+ 360安全浏览器（极速模式） 12 微信内嵌浏览器 - Firefox
代码示例 进阶用法 自动播放失败监听 手动播放 自动降级 指定降级 父主题： 最佳实践
进阶用法 总体说明 进阶用法，共包含下述场景： 场景一： 播放 场景二：暂停与恢复播放 场景三：切换视频 场景四：全屏播放 场景五：静音 场景六：停止播放 场景七：销毁播放器 以上场景的完整代码详见进阶用法，可自行拷贝至本地运行测试。 场景一： 播放 使用startPlay方法时需传入配置
指定降级 指定降级的代码示例，如下所示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Downgrade Demo</title> <script src="sdk
进阶用法 进阶用法的完整代码实例，如下所示： <!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
音频受限处理 什么是音频受限 新页面加载后立即自动播放音频（或带有音轨的视频）可能会让用户感到意外，所以主流浏览器对音频自动播放有音频受限策略。自动播放音频的场景下，因为可能与页面无交互，会触发音频受限策略。非自动播放或静音播放场景，音频则不受限。具体表现在，如果audio或video
手动播放 手动播放的代码示例，如下所示： <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
