介绍#

1. 名词解释#

名词	名词解释
WebAssembly	WASM 是一个可移植、体积小、加载快并且兼容 Web 的全新格式。通过 WASM 可以在浏览器里执行原生代码(例如 C、C++)
HTTP-FLV	Flash Video Over Http 的缩写，是一种基于 HTTP 的 FLV 音视频数据的传输协议。
MSE	Media Source Extensions 的缩写，是 chrome、safari、edge 等主流浏览器支持的一个新 Web 接口，允许 JavaScript 播放媒体流
WEBCODECS	WEBCODECS 是一个提供 Web 浏览器上视频编解码功能的 API。它是由 W3C 提出的，旨在简化 Web 上的视频处理任务，如后处理、视频编辑等。

2. 特性#

• 纯 H5 播放器，不需要安装任何插件
• 支持 MSE、WASM、WEBCODECS 解码方式，可根据浏览器支持情况动态切换
• 支持媒体流 AES 加密播放
• 支持 H264、H265 编码格式
• 内部采用插件机制，电子放大、智能马赛克、AI 能力展示等功能都能自由开启

3. 功能列表#

3.1. 直通#

播放、销毁、主子码流切换、断线重连

3.2. 回放#

播放（多通道/单通道）、销毁（多通道/单通道）、停止、重播、主子码流切换、倍数（0.25、0.5、2、4、8）、拖动

3.3. 视频特色功能#

音量设置、屏占比、通道全屏、电子放大、AI 马赛克、AI 信息展示、视频信息展示、截图等

3.4. 对讲#

开始、停止、对讲时长信息获取、播放音量控制

3.5. 监听#

开始、停止、监听时长信息获取、播放音量控制

4. 兼容性#

H5Player 内部采用了 MSE、 web worker、webgl、canvas 等技术，故对浏览器要求较高，具体支持以下浏览器版本：

• chrome 97+
• firefox 100+
• safari 13.1+

注：截止目前未对手机、平板端进行适配

5. 性能#

5.1. 测试数据#

测试环境：Win10 专业版

测试主机：12th Gen Intel(R) Core(TM) i7-12700F 2.10 GHz

测试场景：单设备情况下，支持路数（仅测试到 32 路）

业务项	特殊约定	测试结果
首屏延迟		低于 500ms（局域网）
播放延迟	WEBASSEMBLY /WEBCODECS 模式	低于 500ms (局域网)
播放延迟	MSE 模式	低于 1s (局域网)
并发路数（264 编码）	WEBASSEMBLY 模式（画质 1、25FPS、CPU 使用不超过 85%）	16 路 CIF、16 路 D1、12 路 720P、8 路 1080P
并发路数（264 编码）	MSE 模式（画质 1、25FPS、CPU 使用不超过 85%）	32 路 CIF、32 路 D1、32 路 720P、26 路 1080P
并发路数（264 编码）	WEBCODECS 模式（画质 1、25FPS、CPU 使用不超过 85%）	32 路 CIF、32 路 D1、26 路 720P、22 路 1080P
并发路数（265 编码）	WEBASSEMBLY 模式（画质 1、25FPS、CPU 使用不超过 85%）	16 路 CIF、16 路 D1、10 路 720P、7 路 1080P
并发路数（265 编码）	MSE 模式（画质 1、25FPS、CPU 使用不超过 85%）	32 路 CIF、32 路 D1、30 路 720P、24 路 1080P
并发路数（265 编码）	WEBCODECS 模式（画质 1、25FPS、CPU 使用不超过 85%）	32 路 CIF、32 路 D1、24 路 720P、18 路 1080P

详细性能信息请参考：V2.0.0 性能测试

5.2. 解码器对比#

解码器	延迟	性能	兼容性	马赛克安全性
WEBASSEMBLY	低	低	高	高
MSE	高	高	中	低
WEBCODECS	低	中	低（chrome v109 及以上）	高

6. 安装部署#

内部用户：利用锐明 CICD 管理系统进行安装部署使用

外部用户：请联系相关技术服务支持，内部 OA 系统申请外发流程

注：外部客户对接 H5Player 时 技术支持需考虑如下几点：

1、需要行业提供获取 token 方式或者提供客户的 sign 信息，在 header 中需要传入，用于鉴权

2、客户集成 H5Player 需要使用 devId，需要行业提供获取 devId 方式

3、需要用户提供自己使用的域名，告知给行业允许跨域