检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
浏览器适配 本章节介绍低时延直播Web SDK支持的浏览器类型、版本以及使用限制。 表1 浏览器适配详情 操作系统类型 浏览器类型 浏览器版本 Windows Chrome浏览器 67+ QQ浏览器（极速内核） 10.4+ 360安全浏览器（极速模式） 12 微信内嵌浏览器 - Firefox浏览器
配置方法 媒体直播支持配置并开启HTTPS安全加速，保障您的媒体直播数据在传输过程中受到加密保护。 背景信息 强制跳转HTTPS：配置HTTPS后，开启强制跳转HTTPS，若用户发起HTTP请求，服务端会返回302重定向响应，原来的HTTP请求将会被强制重定向为HTTPS请求。
配置方法 视频直播支持配置并开启HTTPS安全加速，保障您的直播数据在传输过程中受到加密保护。 背景信息 强制跳转HTTPS：配置HTTPS后，开启强制跳转HTTPS，若用户发起HTTP请求，服务端会返回302重定向响应，原来的HTTP请求将会被强制重定向为HTTPS请求。 相比HTTP协议，HTTPS具有如下优势：
如何查看我的资源？ 如果需要查看用户的Live服务资源，请参考下述步骤操作： 登录视频直播控制台。 单击界面右上角的“资源”，浏览器新增一个页签，进入“我的资源”页面。 在“服务”区域，选择“视频直播 LIVE”，下方列表中会筛选出视频直播服务的所有域名，如图1所示。 图1 我的资源
是否支持将直播以二维码的方式分享给别人？ 可以通过二维码的方式将直播播放链接分享给别人，若通过微信扫码，在微信浏览器中播放，则需要注意播放器是否支持相关格式，建议使用m3u8格式。 父主题： 直播播放
MP基于flash无法在iOS的浏览器中播放，但是实时性比HLS好。 HTTP-FLV协议工作方式是在大块的视频帧和音视频头部加入一些标记头信息，由于工作方式简洁，因此请求海量并发时比较稳定，延时小；用作手机端APP直播协议很合适，但是在手机浏览器上的支持却很有限。 HLS协议工
和网络情况有关的，一般情况下，RTMP推流+FLV播放的正常延迟是2-3s左右，HTTP-FLV作为播放协议能有效地降低延迟。但HLS对浏览器的兼容比较友好，且支持跨终端，所以您可以根据实际需求适当选择播放协议。具体请参考如何降低直播延时。 父主题： 直播推流
Web SDK ? 部分浏览器（chrome）可以集成使用，但不推荐。由于浏览器兼容性识别是根据浏览器暴露的WebRTC对象判断的，在非https协议下，对象可能不存在。 Firefox浏览器中无法使用华为低时延直播Web SDK？ Firefox浏览器使用之前需要安装H264的
绝名单中的域名请求访问。 Referer白名单：允许名单内的域名请求访问资源，拒绝其它域名请求访问。 您可以设置是否允许空Referer字段访问资源，即是否允许通过浏览器地址栏直接访问资源URL。 规则 黑名单或白名单中的域名。 输入的域名总数最多支持100条（最少1条），以英文“;”进行分隔。
设置Referer防盗链黑白名单 功能介绍 设置Referer黑白名单，直播服务会根据配置的referer黑白名单，对访问者的身份进行识别和过滤，符合规则的可以顺利访问到该内容。如果不符合规则，该访问请求将会被禁止。 调用方法 请参见如何调用API。 URI PUT /v1/{p
标记头信息，在延迟表现和大规模并发方面都很成熟。但需要注意的是HTTP-FLV在手机浏览器上的支持非常有限。 因此，在降低延时方面，选择HTTP-FLV作为播放协议能有效地降低时延。但HLS对浏览器兼容比较友好，且支持跨终端，所以HLS也是很多用户的首选。
播放权限受限，需要手动触发播放。 由于浏览器自动播放安全策略的限制，浏览器直接拉起App并启动播放会返回该错误，在应用层需要根据该错误码，引导用户通过手动触发页面UI控件，调用replay接口恢复播放。 须知： Safari浏览器还有以下处理方法： 打开Safari浏览器偏好设置 > 网站 > 自动播放
以内。 手机浏览器 Safari对HLS（m3u8）的支持很好，甚至直接使用iPhone的硬解芯片协助视频播放，所以若DNS有缓存的话，视频打开速度还是可以的，但也仅限于iOS平台。 Android上的表现就具有比较大的随机性，由于碎片化严重，各个版本和机型的系统浏览器实现都有差异。
startPlayPromise = playClient.startPlay(streamUrl, options) 设置autoPlay为true。如果不设置autoPlay，也会默认为true。当音频受限时，浏览器控制台报错如下所示： [HWLLS] [error] [HLLSTrack] [play audio
【返回参数】 boolean：配置参数设置结果。true表示参数设置成功，false表示参数设置失败。 setLogLevel setLogLevel(level: string): boolean 【功能说明】 设置Console上打印的日志级别，如不设置日志级别，则console日志打印级别默认为error。
Web SDK 浏览器适配 开发前准备 SDK使用 基本使用逻辑 最佳实践 接口参考 常见问题 修订记录
Visual Studio Code 1.43.2或以上版本。 如果客户端用Node.js开发，推荐安装14.19.1或以上版本。 支持的浏览器详情请参见浏览器适配详情。 如果客户端用TypeScript开发，TypeScript的版本不低于3.8.3。 SDK集成 将SDK下载到本地，建
参数downgradeUrl的flv或hls地址，可以实现在异常时降级播放。如果hlsUrl和flvUrl播放地址设置一个，会降级至指定地址；如果两个播放地址都设置，则会先走HLS降级，如果HLS不支持或者HLS拉流失败，则会走FLV降级。注意iOS设备不支持FLV播放。 const
相关功能，低时延直播SDK提供开关上报日志的方法。 1. setReportConfig(reportConfig:ReportConfig)接口中reportConfig包含enable参数，设置为false时，不会进行日志上报，设置为true时，才会进行日志上报。 2. setLogLevel(level:
以上场景的完整代码详见进阶用法，可自行拷贝至本地运行测试。 场景一： 播放 使用startPlay方法时需传入配置，elementId为必传的DOM节点ID，指定视频渲染节点。推荐传入downgradeUrl，用于在浏览器不支持webrtc或网络较差时，能够按设定的降级url去播放，减少播放失败场景
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
