Shaka Player × SGR Vision
Shaka Player
(UI 포함)에 enhance(videoElement, options) 한 줄로
실시간 화질 개선을 적용합니다. Shaka 가 MSE 로 HLS/DASH 를
재생하므로 canvas 오염 없이 동작하며, Shaka 컨트롤은 그대로
유지됩니다(WebGPU 우선·WebGL 폴백).
렌더러 —
// 1) 표준 Shaka Player (UI)
const player = new shaka.Player();
await player.attach(video);
new shaka.ui.Overlay(player, container, video);
await player.load(url);
// 2) <video> 에 화질 개선 적용
const fx = enhance(video, { enabled: true, profile: "default", licenseKey: "VSK-…" });
컨트롤 z-index — SDK 오버레이 canvas 는
z-index:2 로 영상 위에 겹쳐집니다. Shaka UI 컨트롤이
가려지지 않도록
.shaka-controls-container { z-index:3 } 한 줄만
추가하면 됩니다.