# 简介

# jessibuca pro 是在开源版本的基础上额外支持的深入业务解决方案的。解决了一些痛点，比如H265的硬解码，SIMD软解码加速。

# 开源版与PRO 差异性

# Pro 体验版本和 Pro正式版本区别

1. 体验版的解码时间限制是在一个小时，超过一个小时wasm会暂停解码。
2. 体验版会强制在右上角有 jessibuca-pro 水印。（有坏心思人会通过修改代码移除这块逻辑）
3. 体验版会强制全屏水印（JessibucaPro 体验）。（有坏心思人会通过修改代码移除这块逻辑）
4. 体验版会强制动态水印（JessibucaPro 体验）。
5. 体验版会强制幽灵水印（JessibucaPro 体验）。

如需要购买PRO版本可以联系添加作者微信：bosswancheng

包含的文件有：

# 音视频播放器

• jessibuca-pro-demo.js(script标签引入)
• jessibuca-pro-multi-demo.js(script标签引入)
• decoder-pro.js (初始化参数decoder参数配置)
• decoder-pro.wasm(胶水文件)
• decoder-pro-simd.js (初始化参数decoder参数配置)
• decoder-pro-simd.wasm(胶水文件)
• decoder-pro-audio.js(不需要配置，播放器内部会引用)
• decoder-pro-audio.wasm(胶水文件)
• decoder-pro-hard.js(硬解码解封装数据,播放器内部会引用)
• decoder-pro-hard-not-wasm.js(硬解码解封装数据,播放器内部会引用)
• decoder-pro-mt.js(不需要配置，播放器内部会引用)
• decoder-pro-mt-worker.js(不需要配置，播放器内部会引用)
• decoder-pro-mt-worker.wasm(胶水文件)
• decoder-pro-mt-worker.worker.js(不需要配置，播放器内部会引用)
• decoder-pro-simd-mt.js(不需要配置，播放器内部会引用)
• decoder-pro-simd-mt-worker.js(不需要配置，播放器内部会引用)
• decoder-pro-simd-mt-worker.wasm(胶水文件)
• decoder-pro-simd-mt-worker.worker.js(不需要配置，播放器内部会引用)

jessibuca-pro-demo.js与jessibuca-pro-multi-demo.js的区别是，前者是单路播放，后者是支持多路播放。 两者只需要引入一个就行了，不需要同时引入。

# 音频播放器

• jessibuca-pro-audio-payer-demo.js(script标签引入)
• decoder-pro-audio-player.js(初始化参数decoder参数配置)
• decoder-pro-audio.wasm(胶水文件)

# 语音通讯（单向采集数据发送给服务器端）

• jessibuca-pro-talk-demo.js(script标签引入)

# 直播协议支持(封装格式)

支持18种直播格式

大部分协议都支持H264和H265编码格式。

当电脑支持硬解码的时候优先使用硬解码，不支持硬解码的时候降级使用软解码（保证H264、H265都可以播放）。

webrtc 遵循的协议是：https://datatracker.ietf.org/doc/html/draft-ietf-wish-whip-03

# 视频编码格式支持

H265硬解码需要对于浏览器、电脑硬件有要求。

检查浏览器是否支持H265硬解码，

1.浏览器输入：chrome://gpu/ 如果edge浏览器就edge://gpu/ 2.全局搜索下hevc关键词

查看是否有：

H265硬解码，对于电脑硬件支持情况：

支持情况

# 音频编码格式支持

# 加密流支持

播放 m7s-crypto加密流需要配合M7S Pro加密插件（plugin-crypto）

播放 国标SM4加密流 需要流媒体服务器端自己开发支持（集成规则请咨询作者bosswancheng）

播放 XOR加密流 需要流媒体服务器端自己开发支持（集成规则请咨询作者bosswancheng）

播放 HLS(aes-128-cbc)加密流 需要流媒体服务器端自己开发支持（集成规则请咨询作者bosswancheng）

# 分辨率支持

支持任意分辨率（720P、1080P、2k、4k）

分辨力越高，对于解码要求越高，对于浏览器有要求，对于设备有要求。

# 浏览器支持

基础功能支持主流浏览器。

会存在部分功能只支持部分浏览器。

MSE和WebCodecs硬解码H265需要Chrome 107及以上。

Chrome/Edge 91, Firefox89及之后正式提供的SIMD指令集加速解码(在1080P以上分辨率带来100%-300%的性能提升)。

Safari 16.4版本之后正式提供的WCS硬解码H264。

Safari暂不支持SIMD指令集加速解码。

Chrome/Edge 113 支持 WebGPU

Chrome/Edge 97 支持 WebTransport

统信浏览器 和 奇安信浏览器 是国产操作系统的浏览器。

默认指的都是较新版本的浏览器，如果是较老版本的浏览器，可能会有部分功能不支持。

# 对于hevc(265)支持情况

caniuse详情

可以在浏览器地址栏上面输入：chrome://gpu/ 或者 edge://gpu/ 就可以查看显卡支持情况了

# 对于Webassembly支持情况

caniuse详情

# PC端

根据推荐配置，优先使用 mse硬解码，如果不支持 mse，会降级到 wasm simd解码，如果不支持wasm simd，会降级到 wasm解码。

mse 解码H265 需要window系统在10及以上，chrome/edge的版本得108及以上才能够支持

edge支持 硬解码H265 需要额外安装hevc扩展 具体见：edge/chrome开启硬解码

edge浏览器检查并打开HEVC的支持： 开启HEVC支持

webcodecs 解码H265 需要https环境，同样需要window系统在10及以上，chrome的版本得107及以上，safari的16.4及以上才能够支持。

# Chromium 内核的 Edge 在 Windows 系统下，额外支持了硬解 HEVC 视频，但必须满足如下条件：

• 操作系统版本必须为 Windows 10 1709（16299.0）及以后版本。
• 安装付费的 HEVC 视频扩展或免费的来自设备制造商的 HEVC 视频扩展且版本号必须大于等于 1.0.50361.0（由于一个存在了一年半以上的 Bug，老版本存在抖动的 Bug，Issue：https://techcommunity.microsoft.com/t5/discussions/hevc-video-decoding-broken-with-b-frames/td-p/2077247/page/4）。
• 版本号必须大于等于 Edge 99 。

在安装插件后，进入 edge://gpu 页面，可以查看 Edge 对于 HEVC 硬解支持的 Profile：

# 指标：

• 分辨率最高支持 8192px * 8192px。
• 支持 HEVC Main / Main10 / Main Still Picture Profile。

# 优势：

• 在显卡支持的情况，性能是最好的。
• HTMLVideoElement、MSE 等原生 API 的直接支持。

# 劣势：

• 不支持 Windows 8 和老版本 Windows 10。
• 需要手动装插件。
• HDR 支持不够好。

# 移动端

# 安卓

安卓的浏览器基本都支持mse，优先使用mse硬解码。

根据推荐配置，优先使用mse硬解码(h264+h265)，如果不支持mse，会降级到wasm simd解码，如果不支持wasm simd，会降级到wasm解码。

# iphone

iphone自带的浏览器不支持mse，所以只能使用wasm解码。

iphone 16.4.1版本之后，支持webcodecs硬解码h264，但是不支持h265。

iphone 17.1.x版本之后，支持MSE硬解码h264，但是不支持h265。

# 操作系统

基础功能支持主流操作系统。

会存在部分功能只支持部分操作系统。

# 国产化操作系统

国产化操作系统是指：麒麟、龙芯、飞腾、兆芯等。

对于国产化操作系统，支持的性能有限。

# 支持加密流

目前播放器对接了M7S的私有格式加密流,国标SM4加密流，XOR加密流播放

支持额外定制私有的加密解密方式。

# 电脑型号（硬件配置）以及码率

# windows 默认

windows 7 与 windows 10也是存在差异性的。windows 7的性能会比windows 10/11差一些。

2k,4k的视频，需要更高的配置才能够流畅播放。一般默认情况下，只能支持一路2k或者4k的视频。

“每路所需内存”，大部分是wasm所需要的内存。

# windows 开启多线程模式下

多线程依赖https，并且需要额外开启支持才行 见：开启多线程解码

# 国产操作系统

国产操作系统是指：麒麟、龙芯、飞腾、兆芯等。

# 小结

例如：6路 1080p的视频，所需的内存为：6 * 300 = 1800M，1800/1024 = 1.75G

例如：6路 720p的视频，所需的内存为：6 * 200 = 1200M，1200/1024 = 1.17G

对于硬解码，如果只是集成显卡的情况，对于1080P的H265视频，4路基本不卡（推荐，gpu的占比基本30%以下），5路，6路都是轻微（gpu的占比基本50%左右），7路卡顿增多（gpu的占比基本60%左右），8路，9路（gpu的占比基本60%-80%）就是整个画面一直在卡了。

所以如果想要上4路以上的多屏，就得上独立显卡了。

!!! 如果电脑的解码性能跟不上，可能会导致解码数据堆积，内存会一直上涨，导致网页崩溃。!!!

# N卡官方对视频并发解码路数有限制

使用N卡进行视频编解码有着并发数的限制，https://developer.nvidia.com/video-encode-decode-gpu-support-matrix#Encoder，可以看到，GeForce 系列各种显卡大部分限制为 3 路并发。这个限制貌似并不是硬件能力的限制，而是Nvidia为了让更多的人购买高端系列的显卡而做的手脚。 有同志已经制作了补丁，可以打破这一限制，https://github.com/keylase/nvidia-patch 。使用这个补丁后，现在同时进行19路编解码，连续两周，还很稳定。

# 码率

网络带宽方面

# 240p分辨率：

这是最低的视频分辨率，适用于低带宽网络环境。在这种情况下，视频的清晰度较低，但传输所需的带宽也较少，通常需要大约150 kbps- 200 kbps的带宽。

# 360p分辨率：

这是一种标准的视频分辨率，适用于中等带宽网络环境。视频的清晰度相对较好，但传输所需的带宽也相对较高，通常需要大约400 kbps - 800 kbps的带宽。

# 480p分辨率：

这是一种较高的视频分辨率，适用于较好的带宽网络环境。视频的清晰度较高，但传输所需的带宽也较高，通常需要大约800 kbps - 1500 kbps的带宽。

# 720p分辨率：

这是一种高清视频分辨率，适用于较好的带宽网络环境。视频的清晰度非常好，但传输所需的带宽也相对较高，通常需要大约1.5 Mbps - 4 Mbps的带宽。

# 1080p分辨率：

这是一种全高清视频分辨率，适用于高速带宽网络环境。视频的清晰度非常高，但传输所需的带宽也非常高，通常需要大约4 Mbps - 8 Mbps的带宽。

# 2.5k分辨率

这是一种超高清视频分辨率，适用于高速带宽网络环境。视频的清晰度最佳，但传输所需的带宽也非常高，通常需要大约2.5 Mbps - 8 Mbps的带宽。

# 4k分辨率

这是一种超高清视频分辨率，适用于高速带宽网络环境。视频的清晰度最佳，但传输所需的带宽也非常高，通常需要大约6 Mbps - 22 Mbps的带宽。

# 对于H265硬解码显卡的支持情况：

如果出现chrome（版本大于104）但是暂未开启硬解码的情况，可以参考下面的链接开启硬解码。 chrome 开启HEVC硬件解码

硬件支持情况

# 独显

NVIDIA GTX950 及以上

AMD RX460 及以上

# 集显

Intel HD4400, HD515 及以上

AMD Radeon R7, Vega M 及以上

Apple M1, M1 Pro, M1 Max, M1 Ultra 及以上

# 详细支持列表

Intel

AMD

NVIDIA

# 首屏时间、延迟

# 首屏时间

首屏时间指的是从播放器初始化到第一帧画面出现的时间。

标准配置延迟能够基本控制在1s以内。

# 延迟

延迟指的是从采集到的数据到播放器播放出来的时间。

可以支持超低延迟300ms以内。

# 关于延迟

# 测试报告：

单路

多路-4路

多路-16路-内存消耗

多路-12路-低延迟

多路-24路-720p-1080p

# PRO AI

# 人脸识别

主要是利用openvc的人脸识别功能，识别出人脸后，打上框子。

需要单独购买人脸识别的授权，授权后才能使用。

体验demo demo

# 物品识别

主要是给识别到的物品打上tag，支持人、车辆、物品等。

需要单独购买人脸识别的授权，授权后才能使用。

体验demo demo

# 黑屏、绿屏、花屏、马赛克检查

利用opencv实现的黑屏、绿屏、花屏、马赛克检查

需要单独购买，授权后才能使用。

体验demo demo

# 遮挡物检查

利用opencv实现的遮挡物检查

需要单独购买，授权后才能使用。

体验demo demo

# PRO 扩展模块

# Mp4 录制（MPEG-4）

利用ffmpeg实现的 mp4录制，支持录制视频和音频。

视频支持的编码格式：h264、h265、

音频支持的编码格式：aac、mp3、pcmu(g711u)、pcma(g711a)

# 直播流、回放(录像)流下载（录制）器

支持 ws(s)-raw,http(s)-flv,ws(s)-flv,http(s)-fmp4,ws(s)-fmp4,hls,http(s)-h264,ws(s)-h264,http(s)-h265,ws(s)-h265 等协议的直播流、回放(录像)流下载（录制）器。

视频支持的编码格式：h264、h265、 音频支持的编码格式：aac、mp3、pcmu(g711u)、pcma(g711a)

支持录制格式 flv,mp4，webm。

# 支持定制化服务开发

支持一系类和业务耦合的开发需求。

# 支持作者

# 第一作者

# V3版本作者

# 群

# 群

# qq频道