@norskvideo/norsk-studio-built-ins 1.6.1 → 1.7.0

package/lib/processor.audioMixer/info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"info.js","sourceRoot":"","sources":["../../src/processor.audioMixer/info.ts"],"names":[],"mappings":"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"}

package/lib/processor.audioMixer/inline-view.d.ts

@@ -0,0 +1,7 @@
+import type { AudioMixerState, AudioMixerSettings } from "./runtime";
+export declare function mkSourceKey(sourceId: string, key?: string): string;
+declare function InlineView({ state }: {
+    state: AudioMixerState;
+    config: AudioMixerSettings;
+}): import("react/jsx-runtime").JSX.Element;
+export default InlineView;

package/lib/processor.audioMixer/inline-view.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mkSourceKey = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function mkSourceKey(sourceId, key) {
+    return key ? sourceId + "-" + key : sourceId;
+}
+exports.mkSourceKey = mkSourceKey;
+function InlineView({ state }) {
+    function percentage(levels) {
+        if (!levels) {
+            return 0;
+        }
+        if (levels.peak == 0 && levels.rms == 0) {
+            return 0;
+        }
+        const rebase = levels.rms - 12.0;
+        const capped = 0 - (rebase / 112);
+        const snapped = Math.floor(capped * 10.0) * 10;
+        return Math.max(0, 100 - snapped);
+    }
+    const sourcesOrdered = state.knownSources.filter(({ id }) => id !== "mixer-output");
+    const mixerOutput = state.knownSources.find(({ id }) => id === "mixer-output");
+    if (mixerOutput) {
+        sourcesOrdered.push(mixerOutput);
+    }
+    function mkGridColumns() {
+        const gridRows = Array(Math.ceil((sourcesOrdered.length - 1) / 3)).fill("108px");
+        return {
+            ["gridTemplateRows"]: gridRows.join(" ")
+        };
+    }
+    return !state.displayInlineChannels ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}) : (0, jsx_runtime_1.jsx)("div", { id: "mixer-level-container-inline", className: "grid mt-4", style: mkGridColumns(), children: sourcesOrdered.map((s, i) => {
+            const source = state.sources[mkSourceKey(s.id, s.key)];
+            const isMasterOutput = i == sourcesOrdered.length - 1;
+            if (source) {
+                return (0, jsx_runtime_1.jsx)("div", { className: `grid justify-start w-full ${isMasterOutput ? "inline-master-channel" : ""}`, children: (0, jsx_runtime_1.jsxs)("div", { title: s.key ?? s.id, className: `preview-levels dark:text-slate-100 text-black relative ${isMasterOutput ? "inline-master-border" : ""}`, children: [(0, jsx_runtime_1.jsx)("div", { className: 'inline-channel-name absolute', children: isMasterOutput ? "Master" : s.key ?? s.id }), (0, jsx_runtime_1.jsx)("div", { className: `preview-level clip-${percentage(source.levels)}` })] }) }, mkSourceKey(s.id, s.key));
+            }
+            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+        }) });
+}
+exports.default = InlineView;
+//# sourceMappingURL=inline-view.js.map

package/lib/processor.audioMixer/inline-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-view.js","sourceRoot":"","sources":["../../src/processor.audioMixer/inline-view.tsx"],"names":[],"mappings":"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"}

package/lib/processor.audioMixer/runtime.d.ts

@@ -0,0 +1,119 @@
+import { AudioGainNode, AudioMeasureLevelsNode, AudioMixNode, ChannelLayout, Db, MediaNodeId, Norsk, StreamKey, SubscriptionError } from '@norskvideo/norsk-sdk';
+import { OnCreated, RuntimeUpdates, ServerComponentDefinition, StudioNodeSubscriptionSource, StudioRuntime } from '@norskvideo/norsk-studio/lib/extension/runtime-types';
+import { CustomAutoDuplexNode } from '@norskvideo/norsk-studio/lib/extension/base-nodes';
+export type AudioMixerSettings = {
+    id: string;
+    displayName: string;
+    defaultGain: number;
+    channelLayout: ChannelLayout;
+};
+export type AudioMixerLevels = {
+    levels?: {
+        peak: number;
+        rms: number;
+    };
+    sliderGain: number;
+    preMuteSliderGain?: number;
+    nodeGain?: Db;
+    key?: string;
+    isMuted: boolean;
+};
+export type AudioMixerState = {
+    knownSources: AudioMixerSource[];
+    sources: {
+        [sourceIdAndKey: string]: AudioMixerLevels;
+    };
+    gainRange: GainRange;
+    displayInlineChannels: boolean;
+};
+export declare function mkSourceKey(sourceId: string, key?: string): string;
+export type AudioMixerEvent = {
+    type: 'audio-levels';
+    sourceId: string;
+    key?: string;
+    levels: {
+        peak: number;
+        rms: number;
+    };
+} | {
+    type: "set-gain";
+    sourceId: string;
+    key?: string;
+    sliderGain: number;
+    nodeGain: Db;
+} | {
+    type: "sources-discovered";
+    sources: AudioMixerSource[];
+} | {
+    type: "switch-mute";
+    sourceId: string;
+    muted: boolean;
+    preMuteSliderValue: number;
+    key?: string;
+} | {
+    type: "source-dropped";
+    sourceId: string;
+    key?: string;
+} | {
+    type: "display-inline-channels";
+    display: boolean;
+};
+export type AudioMixerCommand = {
+    type: "set-gain-cmd";
+    sourceId: string;
+    key?: string;
+    value: number;
+} | {
+    type: "switch-mute-cmd";
+    sourceId: string;
+    key?: string;
+    preMuteSliderValue: number;
+    muted: boolean;
+} | {
+    type: "display-inline-channels-cmd";
+    display: boolean;
+};
+export type AudioMixerSource = {
+    id: string;
+    key?: string;
+};
+type AudioMixerSubscription = {
+    id: string;
+    key?: string;
+    gain: AudioGainNode;
+};
+export type GainRange = {
+    minGain: number;
+    maxGain: number;
+};
+export declare const defaultGainRange: GainRange;
+export default class AudioMixerDefinition implements ServerComponentDefinition<AudioMixerSettings, AudioMixer, AudioMixerState, AudioMixerCommand, AudioMixerEvent> {
+    create(norsk: Norsk, cfg: AudioMixerSettings, cb: OnCreated<AudioMixer>, { updates }: StudioRuntime<AudioMixerState, AudioMixerEvent>): Promise<void>;
+    handleCommand(node: AudioMixer, command: AudioMixerCommand): void;
+}
+export declare class AudioMixer extends CustomAutoDuplexNode {
+    initialised: Promise<void>;
+    norsk: Norsk;
+    updates: RuntimeUpdates<AudioMixerState, AudioMixerEvent>;
+    cfg: AudioMixerSettings;
+    audioGainOutput?: AudioGainNode;
+    audioLevelsOutput?: AudioMeasureLevelsNode;
+    audioMixer?: AudioMixNode<string>;
+    sendSetGainEvent: (sourceId: string, sliderGain: number, actualGain: Db, key?: string) => void;
+    sendSwitchMuteEvent: (sourceId: string, muted: boolean, preMuteSliderValue: number, key?: string) => void;
+    sendDisplayInlineChannelsEvent: (display: boolean) => void;
+    knownSources: AudioMixerSource[];
+    gainNodes: {
+        [sourceIdWithKey: string]: AudioGainNode;
+    };
+    sourceSubscriptions: StudioNodeSubscriptionSource[];
+    sourcesSubscribedTo: {
+        [id: MediaNodeId]: [AudioMixerSource, StreamKey][];
+    };
+    audioMixerSubscriptions: AudioMixerSubscription[];
+    constructor(norsk: Norsk, updates: RuntimeUpdates<AudioMixerState, AudioMixerEvent>, cfg: AudioMixerSettings);
+    initialise(): Promise<void>;
+    subscribe(subs: StudioNodeSubscriptionSource[]): void;
+    sourceContextChange(_responseCallback: (error?: SubscriptionError) => void): Promise<boolean>;
+}
+export {};

package/lib/processor.audioMixer/runtime.js

@@ -0,0 +1,142 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AudioMixer = exports.defaultGainRange = exports.mkSourceKey = void 0;
+const norsk_sdk_1 = require("@norskvideo/norsk-sdk");
+const base_nodes_1 = require("@norskvideo/norsk-studio/lib/extension/base-nodes");
+const util_1 = require("@norskvideo/norsk-studio/lib/shared/util");
+function mkSourceKey(sourceId, key) {
+    return key ? sourceId + "-" + key : sourceId;
+}
+exports.mkSourceKey = mkSourceKey;
+exports.defaultGainRange = {
+    minGain: -40,
+    maxGain: 40,
+};
+class AudioMixerDefinition {
+    async create(norsk, cfg, cb, { updates }) {
+        const node = new AudioMixer(norsk, updates, cfg);
+        await node.initialised;
+        cb(node);
+    }
+    handleCommand(node, command) {
+        const commandType = command.type;
+        switch (commandType) {
+            case "set-gain-cmd": {
+                const gainNode = node.gainNodes[mkSourceKey(command.sourceId, command.key)];
+                if (gainNode) {
+                    let newGain = command.sourceId === "mixer-output" ? command.value : mkNodeGain(command.value);
+                    if (command.value && command.value < exports.defaultGainRange.minGain) {
+                        newGain = null;
+                    }
+                    gainNode.updateConfig({ channelGains: [newGain, newGain] });
+                    node.sendSetGainEvent(command.sourceId, command.value, newGain, command.key);
+                }
+                break;
+            }
+            case "switch-mute-cmd": {
+                const gainNode = node.gainNodes[mkSourceKey(command.sourceId, command.key)];
+                if (gainNode) {
+                    if (command.muted) {
+                        gainNode.updateConfig({ channelGains: [null, null] });
+                    }
+                    else {
+                        gainNode.updateConfig({ channelGains: [mkNodeGain(command.preMuteSliderValue), mkNodeGain(command.preMuteSliderValue)] });
+                    }
+                    node.sendSwitchMuteEvent(command.sourceId, command.muted, command.preMuteSliderValue, command.key);
+                }
+                break;
+            }
+            case "display-inline-channels-cmd": {
+                node.sendDisplayInlineChannelsEvent(command.display);
+                break;
+            }
+            default:
+                (0, util_1.assertUnreachable)(commandType);
+        }
+    }
+}
+exports.default = AudioMixerDefinition;
+function mkNodeGain(sliderGain) {
+    return sliderGain < exports.defaultGainRange.minGain ? null : sliderGain - 40;
+}
+class AudioMixer extends base_nodes_1.CustomAutoDuplexNode {
+    initialised;
+    norsk;
+    updates;
+    cfg;
+    audioGainOutput;
+    audioLevelsOutput;
+    audioMixer;
+    sendSetGainEvent;
+    sendSwitchMuteEvent;
+    sendDisplayInlineChannelsEvent;
+    knownSources = [];
+    gainNodes = {};
+    sourceSubscriptions = [];
+    sourcesSubscribedTo = {};
+    audioMixerSubscriptions = [];
+    constructor(norsk, updates, cfg) {
+        super(cfg.id);
+        this.cfg = cfg;
+        this.norsk = norsk;
+        this.updates = updates;
+        this.initialised = this.initialise();
+        this.knownSources = [];
+        this.sendSetGainEvent = (sourceId, sliderGain, nodeGain, key) => { updates.raiseEvent({ type: "set-gain", sourceId, key, sliderGain, nodeGain }); };
+        this.sendSwitchMuteEvent = (sourceId, muted, preMuteSliderValue, key) => { updates.raiseEvent({ type: "switch-mute", sourceId, muted, preMuteSliderValue, key }); };
+        this.sendDisplayInlineChannelsEvent = (display) => { updates.raiseEvent({ type: "display-inline-channels", display }); };
+    }
+    async initialise() {
+        const mixerSettings = {
+            id: `audio-mixer-${this.cfg.id}`,
+            sampleRate: 48000,
+            sources: [],
+            outputSource: "mixer-source",
+            channelLayout: this.cfg.channelLayout,
+        };
+        const audioMixer = await this.norsk.processor.transform.audioMix(mixerSettings);
+        this.audioMixer = audioMixer;
+        const gainId = "mixer-output";
+        const audioGain = await this.norsk.processor.transform.audioGain({
+            id: gainId,
+            channelGains: new Array((0, norsk_sdk_1.getAmountOfChannels)(this.cfg.channelLayout)).fill(0)
+        });
+        audioGain.subscribe([{ source: audioMixer, sourceSelector: norsk_sdk_1.selectAudio }]);
+        this.audioGainOutput = audioGain;
+        this.audioLevelsOutput = await this.norsk.processor.control.audioMeasureLevels({
+            id: "mixer-output-levels",
+            onData: (levels) => {
+                const total = levels.channelLevels.reduce((acc, l) => {
+                    acc.peak += l.peak ?? 0;
+                    acc.rms += l.rms ?? 0;
+                    return acc;
+                }, { rms: 0, peak: 0 });
+                this.updates.raiseEvent({
+                    type: 'audio-levels',
+                    sourceId: gainId,
+                    levels: {
+                        peak: levels.channelLevels.length == 0 ? 0 : total.peak / levels.channelLevels.length,
+                        rms: levels.channelLevels.length == 0 ? 0 : total.rms / levels.channelLevels.length
+                    }
+                });
+            }
+        });
+        this.audioLevelsOutput?.subscribe([{ source: audioGain, sourceSelector: norsk_sdk_1.selectAudio }]);
+        this.knownSources.push({ id: gainId });
+        this.gainNodes[gainId] = audioGain;
+        this.updates.raiseEvent({ type: "set-gain", sourceId: "mixer-output", sliderGain: this.cfg.defaultGain, nodeGain: 0 });
+        this.setup({ input: audioGain, output: [audioGain] });
+    }
+    subscribe(subs) {
+        subs.forEach((sub) => {
+            sub.registerForContextChange(this);
+            this.sourceSubscriptions.push(sub);
+        });
+        void this.sourceContextChange(() => { });
+    }
+    async sourceContextChange(_responseCallback) {
+        return false;
+    }
+}
+exports.AudioMixer = AudioMixer;
+//# sourceMappingURL=runtime.js.map

package/lib/processor.audioMixer/runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../src/processor.audioMixer/runtime.ts"],"names":[],"mappings":"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"}

package/lib/processor.audioMixer/summary-view.d.ts

@@ -0,0 +1,7 @@
+import { AudioMixerCommand, AudioMixerSettings, AudioMixerState } from "./runtime";
+declare function SummaryView({ state, sendCommand }: {
+    state: AudioMixerState;
+    config: AudioMixerSettings;
+    sendCommand: (cmd: AudioMixerCommand) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export default SummaryView;

package/lib/processor.audioMixer/summary-view.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+function SummaryView({ state, sendCommand }) {
+    return (0, jsx_runtime_1.jsxs)("div", { className: "mb-8", children: [(0, jsx_runtime_1.jsx)("label", { className: "mr-2.5", htmlFor: "disable-inline", children: "Display inline channels" }), (0, jsx_runtime_1.jsx)("input", { checked: state.displayInlineChannels, type: "checkbox", id: "disable-inline", onChange: (e) => {
+                    const display = e.target.checked;
+                    sendCommand({ type: "display-inline-channels-cmd", display });
+                } })] });
+}
+exports.default = SummaryView;
+//# sourceMappingURL=summary-view.js.map

package/lib/processor.audioMixer/summary-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"summary-view.js","sourceRoot":"","sources":["../../src/processor.audioMixer/summary-view.tsx"],"names":[],"mappings":";;;AAEA,SAAS,WAAW,CAAC,EAAE,KAAK,EAAE,WAAW,EAAyG;IAChJ,OAAO,iCAAK,SAAS,EAAC,MAAM,aAC1B,kCAAO,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAC,gBAAgB,wCAAgC,EAClF,kCACE,OAAO,EAAE,KAAK,CAAC,qBAAqB,EACpC,IAAI,EAAC,UAAU,EACf,EAAE,EAAC,gBAAgB,EACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAA;oBAChC,WAAW,CAAC,EAAE,IAAI,EAAE,6BAA6B,EAAE,OAAO,EAAE,CAAC,CAAA;gBAC/D,CAAC,GACS,IACR,CAAA;AAER,CAAC;AAED,kBAAe,WAAW,CAAA"}

package/lib/processor.browserOverlay/runtime.d.ts

@@ -1,7 +1,7 @@
-import { BrowserInputNode, Norsk, StreamMetadata } from '@norskvideo/norsk-sdk';
-import { OnCreated, ServerComponentDefinition, StudioNodeSubscriptionSource } from '@norskvideo/norsk-studio/lib/extension/runtime-types';
-import { CustomAutoDuplexNode } from "@norskvideo/norsk-studio/lib/extension/base-nodes";
+import { BrowserInputNode, Norsk, VideoComposeNode, VideoStreamMetadata } from '@norskvideo/norsk-sdk';
+import { CreatedMediaNode, OnCreated, RelatedMediaNodes, ServerComponentDefinition, StudioNodeSubscriptionSource } from '@norskvideo/norsk-studio/lib/extension/runtime-types';
 import { HardwareAccelerationType } from '@norskvideo/norsk-studio/lib/shared/config';
+import { ContextPromiseControl } from '@norskvideo/norsk-studio/lib/runtime/util';
 export type BrowserOverlayConfig = {
     __global: {
         hardware?: HardwareAccelerationType;
@@ -13,17 +13,21 @@ export type BrowserOverlayConfig = {
 export default class BrowserOverlayDefinition implements ServerComponentDefinition<BrowserOverlayConfig, BrowserOverlay> {
     create(norsk: Norsk, cfg: BrowserOverlayConfig, cb: OnCreated<BrowserOverlay>): Promise<void>;
 }
-export declare class BrowserOverlay extends CustomAutoDuplexNode {
+export declare class BrowserOverlay implements CreatedMediaNode {
+    compose?: VideoComposeNode<"video" | "overlay">;
     browser?: BrowserInputNode;
+    currentVideo?: VideoStreamMetadata;
     norsk: Norsk;
-    cfg: BrowserOverlayConfig;
+    control: ContextPromiseControl;
     videoSource?: StudioNodeSubscriptionSource;
+    cfg: BrowserOverlayConfig;
     initialised: Promise<void>;
+    id: string;
+    relatedMediaNodes: RelatedMediaNodes;
     static create(norsk: Norsk, cfg: BrowserOverlayConfig): Promise<BrowserOverlay>;
     constructor(norsk: Norsk, cfg: BrowserOverlayConfig);
     initialise(): Promise<void>;
     subscribe(sources: StudioNodeSubscriptionSource[]): void;
-    startBrowserSource(videoMetadata: StreamMetadata): Promise<void>;
+    handleContext(): Promise<void>;
     close(): Promise<void>;
-    stopBrowserSource(): Promise<void>;
 }

package/lib/processor.browserOverlay/runtime.js

@@ -2,9 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BrowserOverlay = void 0;
 const norsk_sdk_1 = require("@norskvideo/norsk-sdk");
-const base_nodes_1 = require("@norskvideo/norsk-studio/lib/extension/base-nodes");
+const runtime_types_1 = require("@norskvideo/norsk-studio/lib/extension/runtime-types");
 const logging_1 = require("@norskvideo/norsk-studio/lib/server/logging");
 const config_1 = require("@norskvideo/norsk-studio/lib/shared/config");
+const util_1 = require("@norskvideo/norsk-studio/lib/runtime/util");
 class BrowserOverlayDefinition {
     async create(norsk, cfg, cb) {
         const node = await BrowserOverlay.create(norsk, cfg);
@@ -12,109 +13,113 @@ class BrowserOverlayDefinition {
     }
 }
 exports.default = BrowserOverlayDefinition;
-class BrowserOverlay extends base_nodes_1.CustomAutoDuplexNode {
+class BrowserOverlay {
+    compose;
     browser;
+    currentVideo;
     norsk;
-    cfg;
+    control = new util_1.ContextPromiseControl(this.handleContext.bind(this));
     videoSource;
+    cfg;
     initialised;
+    id;
+    relatedMediaNodes = new runtime_types_1.RelatedMediaNodes();
     static async create(norsk, cfg) {
         const node = new BrowserOverlay(norsk, cfg);
         await node.initialised;
         return node;
     }
     constructor(norsk, cfg) {
-        super(cfg.id);
+        this.id = cfg.id;
         this.cfg = cfg;
         this.norsk = norsk;
         this.initialised = this.initialise();
     }
     async initialise() {
-        const compose = await this.norsk.processor.transform.videoCompose((streams) => {
-            if (streams.length != 1) {
-                return undefined;
-            }
-            if (streams[0].message.case != "video") {
-                return undefined;
-            }
-            (0, logging_1.debuglog)("Setting up compose for overlay node", { stream: streams[0] });
-            return {
-                id: `${this.cfg.id}-compose`,
-                referenceStream: 'source',
-                referenceResolution: { width: 100, height: 100 },
-                hardwareAcceleration: (0, config_1.contractHardwareAcceleration)(this.cfg.__global.hardware, ["quadra", "nvidia"]),
-                parts: [
-                    {
-                        pin: "source",
-                        opacity: 1.0,
-                        zIndex: 0,
-                        sourceRect: { x: 0, y: 0, width: 100, height: 100 },
-                        destRect: { x: 0, y: 0, width: 100, height: 100 }
-                    }, {
-                        pin: "overlay",
-                        opacity: 1.0,
-                        zIndex: 1,
-                        sourceRect: { x: 0, y: 0, width: 100, height: 100 },
-                        destRect: { x: 0, y: 0, width: 100, height: 100 }
-                    }
-                ],
-                outputResolution: { width: streams[0].message.value.width, height: streams[0].message.value.height }
-            };
-        });
-        this.setup({ input: compose, output: [compose] });
     }
     subscribe(sources) {
         this.videoSource = sources[0];
-        this.innerInput?.subscribeToPins(this.videoSource.selectVideoToPin("source"), (ctx) => {
-            if (ctx.streams.length == 1) {
-                void this.startBrowserSource(ctx.streams[0]);
-                return "accept";
-            }
-            else {
-                return "accept";
-            }
-        });
+        this.control.setSources(sources);
     }
-    async startBrowserSource(videoMetadata) {
-        if (videoMetadata.message.case != "video")
-            throw "Browser overlay component only accepts video";
-        if (!this.videoSource)
-            throw "Video source wasn't created";
-        (0, logging_1.debuglog)("Spinning up browser input for overla node", { metadata: videoMetadata });
-        this.browser = await this.norsk.input.browser({
-            id: `${this.cfg.id}-browser`,
-            url: this.cfg.url,
-            resolution: { width: videoMetadata.message.value.width, height: videoMetadata.message.value.height },
-            sourceName: `${this.id}-browser`,
-            frameRate: videoMetadata.message.value.frameRate ?? { frames: 25, seconds: 1 }
-        });
-        this.innerInput?.subscribeToPins(this.videoSource.selectVideoToPin("source").concat([
-            {
-                source: this.browser,
-                sourceSelector: (0, norsk_sdk_1.videoToPin)("overlay")
+    async handleContext() {
+        const video = this.videoSource?.latestStreams()[0]?.metadata;
+        if (!video || !this.videoSource || video.message.case !== 'video') {
+            await this.compose?.close();
+            await this.browser?.close();
+            this.compose = undefined;
+            this.browser = undefined;
+            return;
+        }
+        else {
+            const nextVideo = video.message.value;
+            (0, logging_1.debuglog)("Creating nodes for browser overlay", { id: this.id, metadata: nextVideo });
+            if (this.currentVideo) {
+                if (nextVideo.height !== this.currentVideo.height || nextVideo.width !== this.currentVideo.width) {
+                    (0, logging_1.debuglog)("Closing nodes for browser overlay because of metadata change", { id: this.id, old: this.currentVideo, new: nextVideo });
+                    await this.compose?.close();
+                    await this.browser?.close();
+                    this.currentVideo = undefined;
+                }
             }
-        ]), (ctx) => {
-            if (ctx.streams.length == 0) {
-                return "accept";
+            this.currentVideo = nextVideo;
+            if (!this.compose) {
+                const thisCompose = this.compose = await this.norsk.processor.transform.videoCompose({
+                    id: `${this.cfg.id}-compose`,
+                    onCreate: (n) => {
+                        this.relatedMediaNodes.addInput(n);
+                        this.relatedMediaNodes.addOutput(n);
+                    },
+                    onClose: () => {
+                        this.relatedMediaNodes.removeInput(thisCompose);
+                        this.relatedMediaNodes.removeOutput(thisCompose);
+                    },
+                    referenceStream: 'video',
+                    referenceResolution: { width: 100, height: 100 },
+                    hardwareAcceleration: (0, config_1.contractHardwareAcceleration)(this.cfg.__global.hardware, ["quadra", "nvidia"]),
+                    parts: [
+                        {
+                            pin: "video",
+                            opacity: 1.0,
+                            zIndex: 0,
+                            sourceRect: { x: 0, y: 0, width: 100, height: 100 },
+                            destRect: { x: 0, y: 0, width: 100, height: 100 }
+                        }, {
+                            pin: "overlay",
+                            opacity: 1.0,
+                            zIndex: 1,
+                            sourceRect: { x: 0, y: 0, width: 100, height: 100 },
+                            destRect: { x: 0, y: 0, width: 100, height: 100 }
+                        }
+                    ],
+                    outputResolution: { width: nextVideo.width, height: nextVideo.height }
+                });
             }
-            if (ctx.streams.length == 2) {
-                return "accept";
+            if (!this.browser) {
+                const thisBrowser = this.browser = await this.norsk.input.browser({
+                    onCreate: (n) => {
+                        this.relatedMediaNodes.addInput(n);
+                    },
+                    onClose: () => {
+                        this.relatedMediaNodes.removeInput(thisBrowser);
+                    },
+                    id: `${this.cfg.id}-browser`,
+                    url: this.cfg.url,
+                    resolution: { width: nextVideo.width, height: nextVideo.height },
+                    sourceName: `${this.id}-browser`,
+                    frameRate: nextVideo.frameRate ?? { frames: 25, seconds: 1 }
+                });
             }
-            if (ctx.streams[0].streamKey?.sourceName == "browser") {
-                void this.stopBrowserSource();
-                return "accept";
-            }
-            throw "Unknown number of streams encountered in browser overlay component";
-        });
+            this.compose.subscribeToPins([
+                { source: this.browser, sourceSelector: (0, norsk_sdk_1.videoToPin)("overlay") },
+                this.videoSource.selectVideoToPin("video")[0]
+            ]);
+        }
     }
     async close() {
-        await this.stopBrowserSource();
-        await super.close();
-    }
-    async stopBrowserSource() {
-        (0, logging_1.debuglog)("Stopping browser source", { id: this.id });
         await this.browser?.close();
+        await this.compose?.close();
         this.browser = undefined;
+        this.compose = undefined;
     }
 }
 exports.BrowserOverlay = BrowserOverlay;