Quick Start
Welcome to the developer guide for the YumYumPlayer media engine. This low-level, high-performance library is explicitly engineered to bypass expensive server-side transcoding infrastructure. The player ingests raw media feeds directly and computes all binary demuxing and hardware-accelerated decoding on the client side, keeping CPU loads close to 0%.
Step 1: Install Package
Install the stable core engine build from our enterprise npm package registry:
Step 2: Initialize Player on Canvas
Initialization requires a standard HTML5 Canvas element. The player will automatically provision an optimized WebGL2 shader context on it for low-overhead YUV-to-RGB texture rendering:
import { YumYumPlayer } from '@yumyum-player/core'; const canvas = document.getElementById('render-target') as HTMLCanvasElement; const player = new YumYumPlayer({ canvas: canvas, volume: 0.8, muted: false, placeholderStyle: 'no-signal', logLevel: 'warn', }); // HLS works out of the box. For ws:// live streaming add the// @yumyum-player/pro-streaming plugin (see "Plugins").await player.load('https://cdn.example.com/live/stream.m3u8'); player.play(); Because the YumYumPlayer media engine provisions raw web assets — including WebGL shader programs, AudioContext output devices, and background decoding Web Workers — it is absolutely critical to clean up resources by invoking player.destroy() whenever your UI components unmount. Neglecting this pattern will exhaust the browser's available GPU context limits.