Jessibuca H5 直播播放器3 步在浏览器里跑通 FLV 与 H.265 直播【免费下载链接】jessibucaJessibuca是一款开源的纯H5直播流播放器项目地址: https://gitcode.com/GitHub_Trending/je/jessibucaJessibuca 是一款开源的纯 H5 直播流播放器它把 FFmpeg 解码库编译为 WebAssembly 在浏览器中运行让 FLV、HLS 直播流无需插件就能在 PC、手机和微信里直接播放支持 H.264、H.265、AAC 与 G.711 音频。它面向需要在网页里做监控墙、低延迟互动直播的视频功能开发者。为什么浏览器播监控流容易黑屏安防项目要上网页时开发者常先撞一堵墙设备端推的是 RTSP经网关转成 FLV 后video标签根本不认识。H.265 更麻烦Chrome、Firefox 都不提供硬件解码没有硬件支持时画面直接黑屏。常规出路是让用户装本地插件或者加一台服务器做转码成本和体验都要付出代价。Jessibuca 的思路是把解码这一步搬进浏览器音视频流通过 HTTP 或 WebSocket 传进来解码在浏览器内完成结果画到画布上。用户侧不装任何东西服务端也不用为网页单独转码。Jessibuca H5 播放器能力速览能力项支持内容视频解码H.264Baseline/Main/High含 B 帧、H.265flv id 12、enhanced-rtmp音频解码AACLC/HE/HEv2、G.711 PCMA/PCMU8kHz拉流协议http(s)-flv、ws(s)-flv、websocket-raw需搭配 Monibuca 服务器解码方式WebAssembly 软解、WebCodecs/MSE 硬解硬解失败自动回退软解运行环境PC、手机、微信内嵌浏览器无需插件3 步跑起来克隆、安装、打开演示在终端依次执行以下 3 行git clone https://gitcode.com/GitHub_Trending/je/jessibucanpm inpm run dev最后一条会启动 VitePress 本地站点并自动打开浏览器演示页里收录了低延迟、H.265、多画面等几十个可播放的样例对着样例改参数即可。WebAssembly 软解如何让 H.265 在浏览器可播先用一句大白话解释 WebAssembly它是让浏览器以接近原生速度执行代码的技术通常用来离线做转码的 FFmpeg被 Emscripten 编译成decoder.wasm后就能跑在网页里。仓库结构把分工交代得很清楚wasm/是 C 解码源码src/是 JS 业务代码。拉流与界面由主线程的jessibuca.js负责解码放进 Web Worker 后台线程由decoder.js和decoder.wasm执行产出 YUV/PCM 再回传主线程交给 canvasWebGL和 AudioContext 呈现。图解码在后台线程完成输出到 canvas 与音频通道主线程不被占满这套结构对使用者有三点实际意义。其一浏览器不支持 H.265 硬解也能播从浏览器支持面看HEVC 全网覆盖约 86%剩下那部分设备正要靠软解兜底。图HEVC/H.265 在各浏览器的支持情况未覆盖设备依赖软解其二解码跑在后台线程多画面时走 WebWorker 多核解码页面不卡。其三播放会先尝试 WebCodecs、MediaSource 硬件解码失败自动切换 wasm 软解用户感知到的只是能播。三个真实落地场景监控墙。值班室用 2x2、3x3 网格同时看多路 H.265 通道。浏览器普遍缺 H.265 硬件解码wasm 软解让每格画面都能点亮多核解码保证网格不卡顿。低延迟互动直播。播放缓冲区时长可配置设成 0 缓冲即达到极限低延迟适合远程操作这类要即时响应的场合换到弱网环境再加大缓冲换平稳。微信内嵌播放。微信内置浏览器里直接拉起播放器打开视频不会劫持全屏长时间观看不会息屏配合 HTTPS/WSS 加密传输移动端接入不需要额外适配。软解与硬解怎么选3 条避坑建议 拉流协议优先 ws(s)-flv。http-flv 由浏览器发跨域请求服务端必须设置access-control-allow-origin响应头websocket-flv 默认不存在这个问题能选 WebSocket 就少配一处。按路数和分辨率挑解码方式。单路、显卡好的环境用 WebCodecs/MSE 硬解上限更高多路 1080P 建议 wasm 软解丢帧策略可控、画面更稳。项目里附了不同 CPU/显卡下解码方式 × 分辨率 × 每路路数的参考表选型前先看表。图wasm 与 mse/wcs 解码方式下各硬件的每路路数与内存参考0 缓冲是有前提的。网络一抖就表现为卡顿链路质量一般时建议把缓冲加到 1 到 2 秒平滑与延迟之间取平衡。写在最后Jessibuca 解决一件事不装插件的前提下让浏览器稳定播放主流直播流。如果你正在做安防监控墙、网页直播或回放类功能先按上文的 3 步把演示跑通正式接入时对照 API 文档 查参数多路播放、回放等进阶内容见 官方文档遇到问题欢迎直接在仓库提 Issue。【免费下载链接】jessibucaJessibuca是一款开源的纯H5直播流播放器项目地址: https://gitcode.com/GitHub_Trending/je/jessibuca创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 
长河君 · 2026/10/21 3:29:41 · 阅读 1.2k Jessibuca H5 直播播放器：3 步在浏览器里跑通 FLV 与 H.265 直播
Jessibuca H5 直播播放器3 步在浏览器里跑通 FLV 与 H.265 直播【免费下载链接】jessibucaJessibuca是一款开源的纯H5直播流播放器项目地址: https://gitcode.com/GitHub_Trending/je/jessibucaJessibuca 是一款开源的纯 H5 直播流播放器它把 FFmpeg 解码库编译为 WebAssembly 在浏览器中运行让 FLV、HLS 直播流无需插件就能在 PC、手机和微信里直接播放支持 H.264、H.265、AAC 与 G.711 音频。它面向需要在网页里做监控墙、低延迟互动直播的视频功能开发者。为什么浏览器播监控流容易黑屏安防项目要上网页时开发者常先撞一堵墙设备端推的是 RTSP经网关转成 FLV 后video标签根本不认识。H.265 更麻烦Chrome、Firefox 都不提供硬件解码没有硬件支持时画面直接黑屏。常规出路是让用户装本地插件或者加一台服务器做转码成本和体验都要付出代价。Jessibuca 的思路是把解码这一步搬进浏览器音视频流通过 HTTP 或 WebSocket 传进来解码在浏览器内完成结果画到画布上。用户侧不装任何东西服务端也不用为网页单独转码。Jessibuca H5 播放器能力速览能力项支持内容视频解码H.264Baseline/Main/High含 B 帧、H.265flv id 12、enhanced-rtmp音频解码AACLC/HE/HEv2、G.711 PCMA/PCMU8kHz拉流协议http(s)-flv、ws(s)-flv、websocket-raw需搭配 Monibuca 服务器解码方式WebAssembly 软解、WebCodecs/MSE 硬解硬解失败自动回退软解运行环境PC、手机、微信内嵌浏览器无需插件3 步跑起来克隆、安装、打开演示在终端依次执行以下 3 行git clone https://gitcode.com/GitHub_Trending/je/jessibucanpm inpm run dev最后一条会启动 VitePress 本地站点并自动打开浏览器演示页里收录了低延迟、H.265、多画面等几十个可播放的样例对着样例改参数即可。WebAssembly 软解如何让 H.265 在浏览器可播先用一句大白话解释 WebAssembly它是让浏览器以接近原生速度执行代码的技术通常用来离线做转码的 FFmpeg被 Emscripten 编译成decoder.wasm后就能跑在网页里。仓库结构把分工交代得很清楚wasm/是 C 解码源码src/是 JS 业务代码。拉流与界面由主线程的jessibuca.js负责解码放进 Web Worker 后台线程由decoder.js和decoder.wasm执行产出 YUV/PCM 再回传主线程交给 canvasWebGL和 AudioContext 呈现。图解码在后台线程完成输出到 canvas 与音频通道主线程不被占满这套结构对使用者有三点实际意义。其一浏览器不支持 H.265 硬解也能播从浏览器支持面看HEVC 全网覆盖约 86%剩下那部分设备正要靠软解兜底。图HEVC/H.265 在各浏览器的支持情况未覆盖设备依赖软解其二解码跑在后台线程多画面时走 WebWorker 多核解码页面不卡。其三播放会先尝试 WebCodecs、MediaSource 硬件解码失败自动切换 wasm 软解用户感知到的只是能播。三个真实落地场景监控墙。值班室用 2x2、3x3 网格同时看多路 H.265 通道。浏览器普遍缺 H.265 硬件解码wasm 软解让每格画面都能点亮多核解码保证网格不卡顿。低延迟互动直播。播放缓冲区时长可配置设成 0 缓冲即达到极限低延迟适合远程操作这类要即时响应的场合换到弱网环境再加大缓冲换平稳。微信内嵌播放。微信内置浏览器里直接拉起播放器打开视频不会劫持全屏长时间观看不会息屏配合 HTTPS/WSS 加密传输移动端接入不需要额外适配。软解与硬解怎么选3 条避坑建议 拉流协议优先 ws(s)-flv。http-flv 由浏览器发跨域请求服务端必须设置access-control-allow-origin响应头websocket-flv 默认不存在这个问题能选 WebSocket 就少配一处。按路数和分辨率挑解码方式。单路、显卡好的环境用 WebCodecs/MSE 硬解上限更高多路 1080P 建议 wasm 软解丢帧策略可控、画面更稳。项目里附了不同 CPU/显卡下解码方式 × 分辨率 × 每路路数的参考表选型前先看表。图wasm 与 mse/wcs 解码方式下各硬件的每路路数与内存参考0 缓冲是有前提的。网络一抖就表现为卡顿链路质量一般时建议把缓冲加到 1 到 2 秒平滑与延迟之间取平衡。写在最后Jessibuca 解决一件事不装插件的前提下让浏览器稳定播放主流直播流。如果你正在做安防监控墙、网页直播或回放类功能先按上文的 3 步把演示跑通正式接入时对照 API 文档 查参数多路播放、回放等进阶内容见 官方文档遇到问题欢迎直接在仓库提 Issue。【免费下载链接】jessibucaJessibuca是一款开源的纯H5直播流播放器项目地址: https://gitcode.com/GitHub_Trending/je/jessibuca创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考