EMB visionVISION
데모 바로가기

Bitmovin Player × SGR Vision

Bitmovin Playerenhance(videoElement, options) 한 줄로 실시간 화질 개선을 적용합니다. Bitmovin 자체 HLS/DASH 엔진(MSE)으로 재생하므로 canvas 오염 없이 동작하며, Bitmovin UI 는 그대로 유지됩니다(WebGPU 우선·WebGL 폴백).

렌더러
// 1) 표준 Bitmovin Player (자체 HLS/DASH 엔진)
const player = new bitmovin.player.Player(container, { key: "BITMOVIN-KEY" });
await player.load({ hls: url });

// 2) 내부 <video> 에 화질 개선 적용
const video = container.querySelector("video");
const fx = enhance(video, { enabled: true, profile: "default", licenseKey: "VSK-…" });
컨트롤 z-index — SDK 오버레이 canvas 는 z-index:2 로 영상 위에 겹쳐집니다. Bitmovin UI 가 가려지지 않도록 .bmpui-ui-uicontainer { z-index:3 } 한 줄만 추가하면 됩니다.