PRO Capabilities

Decode and Rendering Enhancements

  • WASM multi-threaded decoding for H.264/H.265 at 1080P+ workloads — effectively utilizes multi-core processors for smooth playback.
  • WASM SIMD and SIMD + multi-thread acceleration paths for maximum decode performance.
  • MPEG4 software decode support (PRO-exclusive).
  • Expanded rendering modes: canvas / webgl / webgpu / video element combinations, configurable via useCanvasRender and useWebGPU.
  • Long-running foreground/background anti-latency accumulation strategies with configurable videoBuffer and videoBufferDelay thresholds.
  • Hardware decoding with worker-based demuxing via demuxUseWorker option.

Try it → See the PRO — Live Stream demos for decode mode switching in action.

Protocol and Stream Coverage

  • Extended live protocols: HLS (including H.265), fMP4, TS/PS, WebTransport, and broad WebRTC variants (m7s, ZLM, SRS, Alibaba Cloud, and custom servers).
  • Encrypted stream support: m7s private crypto, SM4 (national standard), XOR encryption, and HLS AES-128 CBC scenarios.
  • Naked stream playback for raw H.264/H.265 without container formats.
  • VOD support for MP4 and HLS (TS/MP4), including playback control enhancements.
  • Playback stream workflows for GB28181, GA/T 1078, and special replay modes with 24-hour timeline and fixed-duration timeline support.
  • Configurable playback rates: dynamic (from stream) or fixed (local setting) with I-frame only decoding at 2x/4x/8x speeds.

Try it → See PRO — Encryption and PRO — Playback demo sections.

Enterprise UI and Control Modules

  • Advanced PTZ panel with 8-direction control, zoom/focus/aperture/iris operations, cruise (patrol), defog, and wiper controls — supports GB28181 encoding output.
  • Custom control buttons and customizable control-bar HTML content via controlHtml and operateBtns configuration.
  • Resolution switching UX with configurable quality levels (qualityConfig).
  • Digital zoom (electronic magnification) module with programmable zoom rect control.
  • N×N multi-view layouts: 2×2, 3×3, 4×4 regular grids and irregular split modes with per-window drag-sort, selection, and partial fullscreen interaction.
  • Display mode controls: mirror (horizontal/vertical), rotation (0°/90°/180°/270°), and aspect ratio (default/fill/stretch, custom ratios).
  • Bottom bar auto-hide, custom context menus, and performance panel toggle.

Try it → See PRO — Multi-screen, PRO — Advanced Features, and PRO — UI & Controls demo sections.

Recording, Watermarking, and Security

  • Recording formats: WebM (audio+video), MP4 (video), FLV (audio+video) — scenario-dependent with extended module paths.
  • Watermark modes:
    • Local watermark — positioned overlay with configurable text, opacity, and size.
    • Fullscreen watermark — tiled text across the entire viewport.
    • Dynamic watermark — moving overlay to prevent screen capture.
    • Ghost watermark — invisible watermark for forensic tracing.
  • Screenshot watermark and hidden watermark options for compliance workflows.
  • Security-oriented controls for enterprise playback governance workflows.

Try it → See the Dynamic watermark and Video recording demos under PRO — Advanced Features.

Network Resilience and Lifecycle

  • Auto-reconnect on timeout, disconnection, and playback errors — configurable retry count (including unlimited), delay intervals, and no-black-screen options.
  • Separate timeout handling for loading phase and playback phase with independent retry policies.
  • WebSocket 1006 error and stream end/error internal retry with configurable delay.
  • Decoder error auto-fallback to WASM mode via decoderErrorAutoWasm.
  • Show last frame during replay transitions for seamless user experience.
  • Video carousel (looping through multiple streams) with configurable interval and last-frame display.
  • Page visibility lifecycle management: auto-pause on tab hide with configurable delay.

Try it → See Error recovery, Video carousel, and Page visibility demos.

AI and Operational Tooling

  • AI modules: face detection, object recognition, occlusion/screen anomaly checks.
  • Crash and exception telemetry hooks (crashLog event) for support and diagnosis.
  • SEI metadata extraction from multiple stream containers via videoSEI event.
  • Custom overlay rendering: draw text, rectangles, and combined overlays on the video canvas for annotation and detection visualization.
  • Weak-network handling strategies with low-FPS replay triggers.
  • Visibility/focus lifecycle hooks and advanced runtime monitoring support.

Try it → See SEI metadata and Custom overlay demos under PRO — Advanced Features.

Audio and Communication

  • Audio-only player (jessibuca-pro-audio-player.js) for audio-only streaming scenarios.
  • Voice communication (talk) via jessibuca-pro-talk.js:
    • Single-channel audio capture and WebSocket transmission.
    • G.711 A-law/U-law encoding at 8kHz, 16-bit precision.
    • RTP protocol encapsulation support with GB standard TCP/UDP formats.
    • Configurable sample rate, precision, and container format (raw or RTP).
  • Multiple audio engine options: script (default), worklet, and active (mobile browser compatible).

Try it → See the PRO — Audio & Talk demo section.

File Structure

The PRO distribution includes the following key files:

File Description
jessibuca-pro.jsMain player (include via script tag)
jessibuca-pro-multi.jsMulti-screen player (include via script tag)
decoder-pro.js / .wasmStandard decoder (configure via decoder param)
decoder-pro-simd.js / .wasmSIMD decoder
decoder-pro-*-mt*Multi-threaded decoder files (auto-loaded internally)
decoder-pro-hard*.jsHardware decoding demuxer (auto-loaded internally)
jessibuca-pro-audio-player.jsAudio-only player
jessibuca-pro-talk.jsVoice communication module

Note: Only include one of jessibuca-pro.js or jessibuca-pro-multi.js, not both. TypeScript definitions are available in the d.ts/ folder.