检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
最佳实践 进阶用法 音频受限处理 降级处理 代码示例 父主题: Web SDK
为什么调用API时提示“APIG.0301”? 调用API时提示“APIG.0301”,可能有以下两个原因: 提示"error_msg":"Incorrect IAM authentication information: verify aksk signature fail","error_code":"APIG
已安装播放工具,推荐使用VLC播放器,若未安装,请先下载并安装。 注意事项 检查推流工具OBS的输出分辨率。 需要关注OBS配置的输入输出分辨率和频道的直播转码模板中设置的分辨率,防止出现播放效果不达预期的场景。 查看OBS输入输出分辨率的方法如下所示: 本地打开OBS视频采集工具。 在界面上方的导航栏中,选择“文件
Web SDK 浏览器适配 开发前准备 SDK使用 基本使用逻辑 最佳实践 接口参考 常见问题 修订记录
开发前准备 前提条件 已下载SDK包。 环境要求 编译工具推荐安装Microsoft Visual Studio Code 1.43.2或以上版本。 如果客户端用Node.js开发,推荐安装14.19.1或以上版本。 支持的浏览器详情请参见浏览器适配详情。 如果客户端用TypeS
基本使用逻辑 主业务流程包括: 拉流前:创建客户端。 拉流播放:拉流播放请求。 停止播放:停止播放请求。 拉流后:销毁客户端。 单击下图中的接口名称可快速跳转至对应的接口描述,查看其使用方法。 父主题: Web SDK
为什么播放器播放视频时出现黑边? 该问题可能是设置的播放器尺寸比率与实际视频尺寸不一致。若视频的分辨率为1280 x 720,则播放器的尺寸可以设置为640 x 360或者1280 x 720等,只要满足16:9的宽高比,就能完全显示视频,播放器不会出现黑边。 父主题: 直播播放
云直播转码是如何计费的? 若配置了转码模板,则直播开始推流时即同时开始转码,且产生转码费用,具体费用根据实际转码的编码标准、分辨率和时长进行计算,时长精确到小数点两位,第二位根据第三位四舍五入。 若配置多个输出规格,则各个输出规格的费用和为总直播转码费用。转码计费时长为直播推流时
接口参考 主入口(HWLLSPlayer) 客户端对象(HWLLSClient) 客户端对象(HWFlvClient) 客户端对象(HWHlsClient) 客户端事件通知(HWLLSClientEvent) 错误码(ErrorCode) 公网地址 客户端错误码 父主题: Web
为什么调用API时返回“The token must be updated”? 可能是如下2种情况导致: Token已过期。Token认证有效期为24小时,如果Token过期,会返回该提示信息。 账户出现欠费,重新充值时,未重新获取token,会返回该提示信息。 若出现该提示,请
修订记录 表1 修订记录 修改时间 修改说明 2024-12-02 低时延直播Web SDK更新点,如下所示: 支持自动降级和指定降级。 支持移动端后台播放音频。 解决设备兼容性问题。 支持多实例video标签id。 2024-11-12 新增最佳实践及其相关的代码示例。 2024-06-27
SDK使用 创建容器。 <body> <div id='preview' style='width:1280px; height:720px'> </div> </body> 创建客户端,参考createClient。 const client = HWLLSPlayer
公网地址 表1 公网地址列表 公网地址 信息 log-collection-new.hwcloudlive.com 国内日志和打点环境地址。 log-collection-ap-southeast-3.rocket-cdn.com 海外日志和打点环境地址。 hcdnl-pull302-global-gslb
到源站。 SRT_PUSH:需要配置SRT协议的推流域名,并执行推流操作。 “SRT_PUSH”输入类型的频道,为了保障可靠性,必须满足下述条件: “SRT_PUSH”输入类型的频道支持主备双URL,编码器要同时向主备双URL推流。 编码器推流断链时,需具备主动重推能力。建议断链重推周期小于一个分片时长。
浏览器适配 本章节介绍低时延直播Web SDK支持的浏览器类型、版本以及使用限制。 表1 浏览器适配详情 操作系统类型 浏览器类型 浏览器版本 Windows Chrome浏览器 67+ QQ浏览器(极速内核) 10.4+ 360安全浏览器(极速模式) 12 微信内嵌浏览器 - Firefox浏览器
代码示例 进阶用法 自动播放失败监听 手动播放 自动降级 指定降级 父主题: 最佳实践
进阶用法 进阶用法的完整代码实例,如下所示: <!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/HWLLSPlayer
指定降级 指定降级的代码示例,如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Downgrade Demo</title> <script src="sdk/HWLLSPlayer
videoElement.play(); }) 音频受限引发的LLL SDK报错信息 使用LLL SDK自动播放低延时直播流,且非静音播放时: const options = { elementId: 'elementId', autoPlay: true, } startPlayPromise