@gcorevideo/player 2.18.3 → 2.19.0

package/lib/plugins/media-control/MediaControl.js

@@ -6,12 +6,13 @@
  */
 import assert from 'assert';
 import { Events, UICorePlugin, Browser, Playback, Utils, template, $, } from '@clappr/core';
-import { reportError, trace } from '../../trace/index.js';
-import '../../../assets/plugins/media-control/media-control.scss';
-import '../../../assets/plugins/media-control/plugins.scss';
-import Kibo from 'kibo';
-import { isFullscreen } from '../../utils/utils.js';
-import mediaControlHTML from '../../../assets/plugins/media-control/media-control.ejs';
+import { reportError } from '@gcorevideo/utils';
+import { Kibo } from '../kibo/index.js';
+import { CLAPPR_VERSION } from '../build.js';
+import { getPageX, isFullscreen } from '../utils.js';
+import '../../../assets/media-control/media-control.scss';
+import '../../../assets/media-control/plugins.scss';
+import mediaControlHTML from '../../../assets/media-control/media-control.ejs';
 import playIcon from '../../../assets/icons/new/play.svg';
 import pauseIcon from '../../../assets/icons/new/pause.svg';
 import stopIcon from '../../../assets/icons/new/stop.svg';
@@ -19,17 +20,15 @@ import volumeMaxIcon from '../../../assets/icons/new/volume-max.svg';
 import volumeOffIcon from '../../../assets/icons/new/volume-off.svg';
 import fullscreenOffIcon from '../../../assets/icons/new/fullscreen-off.svg';
 import fullscreenOnIcon from '../../../assets/icons/new/fullscreen-on.svg';
-assert(process.env.CLAPPR_VERSION, 'CLAPPR_VERSION is required');
-const CLAPPR_VERSION = process.env.CLAPPR_VERSION;
 const T = 'plugins.media_control';
 const { Config, Fullscreen, formatTime, extend, removeArrayItem } = Utils;
 function orderByOrderPattern(arr, order) {
     const arrWithoutDuplicates = [...new Set(arr)];
-    const ordered = order.filter(item => arrWithoutDuplicates.includes(item));
-    const rest = arrWithoutDuplicates.filter(item => !order.includes(item));
+    const ordered = order.filter((item) => arrWithoutDuplicates.includes(item));
+    const rest = arrWithoutDuplicates.filter((item) => !order.includes(item));
     return [...ordered, ...rest];
 }
-export default class MediaControl extends UICorePlugin {
+export class MediaControl extends UICorePlugin {
     advertisementPlaying = false;
     buttonsColor = null;
     currentDurationValue = 0;
@@ -99,8 +98,8 @@ export default class MediaControl extends UICorePlugin {
     }
     get attributes() {
         return {
-            'class': 'media-control-skin-1',
-            'data-media-control-skin-1': ''
+            class: 'media-control-skin-1',
+            'data-media-control-skin-1': '',
         };
     }
     get events() {
@@ -129,14 +128,16 @@ export default class MediaControl extends UICorePlugin {
             'mouseleave .bar-container[data-seekbar]': 'mouseleaveOnSeekBar',
             'touchend .bar-container[data-seekbar]': 'mouseleaveOnSeekBar',
             'mouseenter .media-control-layer[data-controls]': 'setUserKeepVisible',
-            'mouseleave .media-control-layer[data-controls]': 'resetUserKeepVisible'
+            'mouseleave .media-control-layer[data-controls]': 'resetUserKeepVisible',
         };
     }
     get template() {
         return template(mediaControlHTML);
     }
     get volume() {
-        return (this.container && this.container.isReady) ? this.container.volume : this.intendedVolume;
+        return this.container && this.container.isReady
+            ? this.container.volume
+            : this.intendedVolume;
     }
     get muted() {
         return this.volume === 0;
@@ -148,7 +149,8 @@ export default class MediaControl extends UICorePlugin {
         this.kibo = new Kibo(this.options.focusElement);
         this.bindKeyEvents();
         this.userDisabled = false;
-        if ((this.container && this.container.mediaControlDisabled) || this.options.chromeless) {
+        if ((this.container && this.container.mediaControlDisabled) ||
+            this.options.chromeless) {
             this.disable();
         }
         $(document).bind('mouseup', this.stopDrag);
@@ -224,10 +226,6 @@ export default class MediaControl extends UICorePlugin {
         this.$el.hide();
     }
     enable() {
-        trace(`${T} enable`, {
-            userDisabled: this.userDisabled,
-            chromeless: this.options.chromeless,
-        });
         if (this.options.chromeless) {
             return;
         }
@@ -236,20 +234,17 @@ export default class MediaControl extends UICorePlugin {
         this.show();
     }
     play() {
-        trace(`${T} play`);
         this.container && this.container.play();
     }
     pause() {
-        trace(`${T} pause`);
         this.container && this.container.pause();
     }
     stop() {
-        trace(`${T} stop`);
         this.container && this.container.stop();
     }
     setInitialVolume() {
-        const initialVolume = (this.persistConfig) ? Config.restore('volume') : 100;
-        const options = this.container && this.container.options || this.options;
+        const initialVolume = this.persistConfig ? Config.restore('volume') : 100;
+        const options = (this.container && this.container.options) || this.options;
         this.setVolume(options.mute ? 0 : initialVolume, true);
     }
     onVolumeChanged() {
@@ -257,12 +252,11 @@ export default class MediaControl extends UICorePlugin {
     }
     onLoadedMetadataOnVideoTag(event) {
         const video = this.playback && this.playback.el;
-        trace(`${T} onLoadedMetadataOnVideoTag`, { event });
         // video.webkitSupportsFullscreen is deprecated but iOS appears to only use this
         // see https://github.com/clappr/clappr/issues/1127
         if (!Fullscreen.fullscreenEnabled() && video.webkitSupportsFullscreen) {
             this.fullScreenOnVideoTagSupported = true;
-            this.settingsUpdate(null);
+            this.settingsUpdate();
         }
     }
     updateVolumeUI() {
@@ -277,7 +271,7 @@ export default class MediaControl extends UICorePlugin {
         assert.ok(this.$volumeBarBackground, 'volume bar background must be present');
         const barWidth = this.$volumeBarBackground.width();
         const offset = (containerWidth - barWidth) / 2.0;
-        const pos = barWidth * this.volume / 100.0 + offset;
+        const pos = (barWidth * this.volume) / 100.0 + offset;
         assert.ok(this.$volumeBarFill, 'volume bar fill must be present');
         this.$volumeBarFill.css({ width: `${this.volume}%` });
         this.$volumeBarFill.css({ width: `${this.volume}%` });
@@ -286,7 +280,10 @@ export default class MediaControl extends UICorePlugin {
         // update volume bar segments on segmented bar mode
         this.$volumeBarContainer.find('.segmented-bar-element').removeClass('fill');
         const item = Math.ceil(this.volume / 10.0);
-        this.$volumeBarContainer.find('.segmented-bar-element').slice(0, item).addClass('fill');
+        this.$volumeBarContainer
+            .find('.segmented-bar-element')
+            .slice(0, item)
+            .addClass('fill');
         assert.ok(this.$volumeIcon, 'volume icon must be present');
         this.$volumeIcon.html('');
         this.$volumeIcon.removeClass('muted');
@@ -335,7 +332,9 @@ export default class MediaControl extends UICorePlugin {
         if (this.settings.seekEnabled) {
             // assert.ok(this.$seekBarHover && this.$seekBarContainer, 'seek bar elements must be present');
             if (this.$seekBarHover && this.$seekBarContainer) {
-                const offsetX = MediaControl.getPageX(event) - this.$seekBarContainer.offset().left - this.$seekBarHover.width() / 2;
+                const offsetX = MediaControl.getPageX(event) -
+                    this.$seekBarContainer.offset().left -
+                    this.$seekBarHover.width() / 2;
                 this.$seekBarHover.css({ left: offsetX });
             }
         }
@@ -351,12 +350,13 @@ export default class MediaControl extends UICorePlugin {
         this.draggingVolumeBar && this.setVolume(this.getVolumeFromUIEvent(event));
     }
     playerResize(size) {
-        // assert.ok(this.$fullscreenToggle, 'fullscreen toggle must be present');
-        if (isFullscreen(this.container.el)) {
-            this.$fullscreenToggle?.html(fullscreenOnIcon);
-        }
-        else {
-            this.$fullscreenToggle?.html(fullscreenOffIcon);
+        if (this.container.el) {
+            if (isFullscreen(this.container.el)) {
+                this.$fullscreenToggle?.html(fullscreenOnIcon);
+            }
+            else {
+                this.$fullscreenToggle?.html(fullscreenOffIcon);
+            }
         }
         this.applyButtonStyle(this.$fullscreenToggle);
         this.$el.removeClass('w370');
@@ -415,7 +415,7 @@ export default class MediaControl extends UICorePlugin {
             const pageX = MediaControl.getPageX(event);
             assert.ok(this.$seekBarContainer, 'seek bar container must be present');
             const offsetX = pageX - this.$seekBarContainer.offset().left;
-            let pos = offsetX / this.$seekBarContainer.width() * 100;
+            let pos = (offsetX / this.$seekBarContainer.width()) * 100;
             pos = Math.min(100, Math.max(pos, 0));
             this.setSeekPercentage(pos);
         }
@@ -432,8 +432,9 @@ export default class MediaControl extends UICorePlugin {
             volumeFromUI = (offsetY / this.$volumeBarContainer.width()) * 100;
         }
         else {
-            const offsetX = 80 - Math.abs(this.$volumeBarContainer.offset().top - MediaControl.getPageY(event));
-            volumeFromUI = (offsetX / (this.$volumeBarContainer.height())) * 100;
+            const offsetX = 80 -
+                Math.abs(this.$volumeBarContainer.offset().top - MediaControl.getPageY(event));
+            volumeFromUI = (offsetX / this.$volumeBarContainer.height()) * 100;
         }
         return volumeFromUI;
     }
@@ -473,15 +474,15 @@ export default class MediaControl extends UICorePlugin {
         }
     }
     onActiveContainerChanged() {
-        trace(`${T} onActiveContainerChanged`);
         this.fullScreenOnVideoTagSupported = null;
         this.bindEvents();
         // set the new container to match the volume of the last one
         this.setInitialVolume();
         this.changeTogglePlay();
         this.bindContainerEvents();
-        this.settingsUpdate(null);
-        this.container && this.container.trigger(Events.CONTAINER_PLAYBACKDVRSTATECHANGED, this.container.isDvrInUse());
+        this.settingsUpdate();
+        this.container &&
+            this.container.trigger(Events.CONTAINER_PLAYBACKDVRSTATECHANGED, this.container.isDvrInUse());
         this.container && this.container.mediaControlDisabled && this.disable();
         this.trigger(Events.MEDIACONTROL_CONTAINERCHANGED);
         if (this.container.$el) {
@@ -516,9 +517,12 @@ export default class MediaControl extends UICorePlugin {
         this.changeTogglePlay();
     }
     updateProgressBar(progress) {
-        const loadedStart = progress.start / progress.total * 100;
-        const loadedEnd = progress.current / progress.total * 100;
-        this.$seekBarLoaded?.css({ left: `${loadedStart}%`, width: `${loadedEnd - loadedStart}%` });
+        const loadedStart = (progress.start / progress.total) * 100;
+        const loadedEnd = (progress.current / progress.total) * 100;
+        this.$seekBarLoaded?.css({
+            left: `${loadedStart}%`,
+            width: `${loadedEnd - loadedStart}%`,
+        });
     }
     onTimeUpdate(timeProgress) {
         if (this.draggingSeekBar) {
@@ -534,13 +538,17 @@ export default class MediaControl extends UICorePlugin {
     }
     renderSeekBar() {
         // this will be triggered as soon as these become available
-        if (this.currentPositionValue === null || this.currentDurationValue === null) {
+        if (this.currentPositionValue === null ||
+            this.currentDurationValue === null) {
             return;
         }
         // default to 100%
         this.currentSeekBarPercentage = 100;
-        if (this.container && (this.container.getPlaybackType() !== Playback.LIVE || this.container.isDvrInUse())) {
-            this.currentSeekBarPercentage = (this.currentPositionValue / this.currentDurationValue) * 100;
+        if (this.container &&
+            (this.container.getPlaybackType() !== Playback.LIVE ||
+                this.container.isDvrInUse())) {
+            this.currentSeekBarPercentage =
+                (this.currentPositionValue / this.currentDurationValue) * 100;
         }
         this.setSeekPercentage(this.currentSeekBarPercentage);
         this.drawDurationAndPosition();
@@ -563,7 +571,7 @@ export default class MediaControl extends UICorePlugin {
         }
         assert.ok(this.$seekBarContainer, 'seek bar container must be present');
         const offsetX = MediaControl.getPageX(event) - this.$seekBarContainer.offset().left;
-        let pos = offsetX / this.$seekBarContainer.width() * 100;
+        let pos = (offsetX / this.$seekBarContainer.width()) * 100;
         pos = Math.min(100, Math.max(pos, 0));
         this.container && this.container.seekPercentage(pos);
         this.setSeekPercentage(pos);
@@ -589,7 +597,9 @@ export default class MediaControl extends UICorePlugin {
             return;
         }
         const timeout = 2000;
-        const mousePointerMoved = event && (event.clientX !== this.lastMouseX && event.clientY !== this.lastMouseY);
+        const mousePointerMoved = event &&
+            event.clientX !== this.lastMouseX &&
+            event.clientY !== this.lastMouseY;
         if (!event || mousePointerMoved || navigator.userAgent.match(/firefox/i)) {
             if (this.hideId !== null) {
                 clearTimeout(this.hideId);
@@ -597,7 +607,8 @@ export default class MediaControl extends UICorePlugin {
             }
             this.$el.show();
             this.trigger(Events.MEDIACONTROL_SHOW, this.name);
-            this.container && this.container.trigger(Events.CONTAINER_MEDIACONTROL_SHOW, this.name);
+            this.container &&
+                this.container.trigger(Events.CONTAINER_MEDIACONTROL_SHOW, this.name);
             this.$el.removeClass('media-control-hide');
             this.hideId = setTimeout(() => this.hide(), timeout);
             if (event) {
@@ -621,7 +632,8 @@ export default class MediaControl extends UICorePlugin {
         }
         const hasKeepVisibleRequested = this.userKeepVisible || this.keepVisible;
         const hasDraggingAction = this.draggingSeekBar || this.draggingVolumeBar;
-        if (!this.disabled && (delay || hasKeepVisibleRequested || hasDraggingAction)) {
+        if (!this.disabled &&
+            (delay || hasKeepVisibleRequested || hasDraggingAction)) {
             this.hideId = setTimeout(() => this.hide(), timeout);
         }
         else {
@@ -642,19 +654,21 @@ export default class MediaControl extends UICorePlugin {
             this.core.$el.addClass('nocursor');
         }
     }
-    settingsUpdate(event) {
+    settingsUpdate() {
         const newSettings = this.getSettings();
-        trace(`${T} settingsUpdate`, {
-            event,
-            newSettings,
-            settings: this.settings,
-        });
         $.extend(true, newSettings, {
             left: [],
             default: [],
             right: [],
         });
-        const LEFT_ORDER = ['playpause', 'playstop', 'live', 'volume', 'position', 'duration'];
+        const LEFT_ORDER = [
+            'playpause',
+            'playstop',
+            'live',
+            'volume',
+            'position',
+            'duration',
+        ];
         newSettings.left = orderByOrderPattern([...newSettings.left, 'clipsText', 'volume'], LEFT_ORDER);
         newSettings.right = [
             'fullscreen',
@@ -666,7 +680,9 @@ export default class MediaControl extends UICorePlugin {
             'vr',
             'audiotracks',
         ];
-        if ((!this.fullScreenOnVideoTagSupported && !Fullscreen.fullscreenEnabled()) || this.options.fullscreenDisable) {
+        if ((!this.fullScreenOnVideoTagSupported &&
+            !Fullscreen.fullscreenEnabled()) ||
+            this.options.fullscreenDisable) {
             // remove fullscreen from settings if it is present
             removeArrayItem(newSettings.default, 'fullscreen');
             removeArrayItem(newSettings.left, 'fullscreen');
@@ -719,6 +735,13 @@ export default class MediaControl extends UICorePlugin {
         this.resetIndicators();
         this.initializeIcons();
     }
+    getElement(name) {
+        switch (name) {
+            case 'pip':
+                return this.$pip;
+        }
+        return null;
+    }
     resetIndicators() {
         assert.ok(this.$duration && this.$position, 'duration and position elements must be present');
         this.displayedPosition = this.$position.text();
@@ -754,10 +777,11 @@ export default class MediaControl extends UICorePlugin {
         const currentTime = this.container.getCurrentTime();
         const duration = this.container.getDuration();
         let position = Math.min(Math.max(currentTime + delta, 0), duration);
-        position = Math.min(position * 100 / duration, 100);
+        position = Math.min((position * 100) / duration, 100);
         this.container.seekPercentage(position);
     }
     bindKeyAndShow(key, callback) {
+        // TODO or boolean return type
         this.kibo.down(key, () => {
             this.show();
             return callback();
@@ -770,16 +794,37 @@ export default class MediaControl extends UICorePlugin {
         this.unbindKeyEvents();
         this.kibo = new Kibo(this.options.focusElement || this.options.parentElement);
         this.bindKeyAndShow('space', () => this.togglePlayPause());
-        this.bindKeyAndShow('left', () => this.seekRelative(-5));
-        this.bindKeyAndShow('right', () => this.seekRelative(5));
-        this.bindKeyAndShow('shift left', () => this.seekRelative(-10));
-        this.bindKeyAndShow('shift right', () => this.seekRelative(10));
-        this.bindKeyAndShow('shift ctrl left', () => this.seekRelative(-15));
-        this.bindKeyAndShow('shift ctrl right', () => this.seekRelative(15));
+        this.bindKeyAndShow('left', () => {
+            this.seekRelative(-5);
+            return true;
+        });
+        this.bindKeyAndShow('right', () => {
+            this.seekRelative(5);
+            return true;
+        });
+        this.bindKeyAndShow('shift left', () => {
+            this.seekRelative(-10);
+            return true;
+        });
+        this.bindKeyAndShow('shift right', () => {
+            this.seekRelative(10);
+            return true;
+        });
+        this.bindKeyAndShow('shift ctrl left', () => {
+            this.seekRelative(-15);
+            return true;
+        });
+        this.bindKeyAndShow('shift ctrl right', () => {
+            this.seekRelative(15);
+            return true;
+        });
         const keys = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0'];
         keys.forEach((i) => {
             this.bindKeyAndShow(i, () => {
-                this.settings.seekEnabled && this.container && this.container.seekPercentage(Number(i) * 10);
+                this.settings.seekEnabled &&
+                    this.container &&
+                    this.container.seekPercentage(Number(i) * 10);
+                return false;
             });
         });
     }
@@ -796,40 +841,38 @@ export default class MediaControl extends UICorePlugin {
         }
     }
     parseColors() {
-        let { design } = this.options;
-        if (!design) {
-            design = {};
-        }
+        const design = this.options.design || {};
         let variables = [];
         if (!template) {
             return;
         }
+        // TODO camel case
         if (design.background_color) {
             variables = variables.concat([
-                `--theme-background-color: ${design.background_color};`
+                `--theme-background-color: ${design.background_color};`,
             ]);
         }
         if (design.text_color) {
             variables = variables.concat([
-                `--theme-text-color: ${design.text_color};`
+                `--theme-text-color: ${design.text_color};`,
             ]);
         }
         if (design.foreground_color) {
             variables = variables.concat([
-                `--theme-foreground-color: ${design.foreground_color};`
+                `--theme-foreground-color: ${design.foreground_color};`,
             ]);
         }
         if (design.hover_color) {
             variables = variables.concat([
-                `--theme-hover-color: ${design.hover_color};`
+                `--theme-hover-color: ${design.hover_color};`,
             ]);
         }
         this.$el.append(`<style>:root {${variables.join('\n')}}</style>`);
     }
     applyButtonStyle(element) {
-        this.buttonsColor
-            && element
-            && $(element).find('svg path').css({ 'fill': this.buttonsColor });
+        this.buttonsColor &&
+            element &&
+            $(element).find('svg path').css({ fill: this.buttonsColor });
     }
     destroy() {
         $(document).unbind('mouseup', this.stopDrag);
@@ -844,21 +887,9 @@ export default class MediaControl extends UICorePlugin {
         this.trigger(Events.MEDIACONTROL_OPTIONS_CHANGE);
     }
     render() {
-        trace(`${T} render`, {
-            settings: !!this.settings,
-            rendered: this.rendered,
-            disabled: this.disabled,
-            options: !!this.options,
-            $el: !!this.$el,
-        });
-        console.log(`${T} render settings`, JSON.stringify(this.settings));
         const timeout = this.options.hideMediaControlDelay || 2000;
-        // if (this.settings) {
         const html = this.template({ settings: this.settings ?? {} });
-        // trace(`${T} render html`, { html });
         this.$el.html(html);
-        // }
-        // this.settings && this.$el.html(html);
         // const style = Styler.getStyleFor(mediaControlStyle, { baseUrl: this.options.baseUrl });
         // this.$el.append(style[0]);
         this.createCachedElements();
@@ -874,10 +905,10 @@ export default class MediaControl extends UICorePlugin {
         // Display mute/unmute icon only if Safari version >= 10
         if (Browser.isSafari && Browser.isMobile) {
             if (Browser.version < 10) {
-                this.$volumeContainer?.css({ 'display': 'none' });
+                this.$volumeContainer?.css({ display: 'none' });
             }
             else {
-                this.$volumeBarContainer?.css({ 'display': 'none' });
+                this.$volumeBarContainer?.css({ display: 'none' });
             }
         }
         this.$seekBarPosition?.addClass('media-control-notransition');
@@ -889,9 +920,15 @@ export default class MediaControl extends UICorePlugin {
         this.displayedSeekBarPercentage = null;
         this.setSeekPercentage(previousSeekPercentage);
         setTimeout(() => {
-            !this.settings.seekEnabled && this.$seekBarContainer?.addClass('seek-disabled');
-            !Browser.isMobile && !this.options.disableKeyboardShortcuts && this.bindKeyEvents();
-            this.playerResize({ width: this.options.width, height: this.options.height });
+            !this.settings.seekEnabled &&
+                this.$seekBarContainer?.addClass('seek-disabled');
+            !Browser.isMobile &&
+                !this.options.disableKeyboardShortcuts &&
+                this.bindKeyEvents();
+            this.playerResize({
+                width: this.options.width,
+                height: this.options.height,
+            });
             this.hideVolumeBar(0);
         }, 0);
         this.parseColors();
@@ -899,9 +936,7 @@ export default class MediaControl extends UICorePlugin {
         this.core.$el.append(this.el);
         this.rendered = true;
         this.updateVolumeUI();
-        trace(`${T} render triggering rendered`);
         this.trigger(Events.MEDIACONTROL_RENDERED);
-        trace(`${T} render triggered rendered`);
         return this;
     }
     get bigPlayButton() {
@@ -939,7 +974,8 @@ export default class MediaControl extends UICorePlugin {
         }
     }
     hideControllAds() {
-        if (this.container.advertisement && this.container.advertisement.type !== 'idle') {
+        if (this.container.advertisement &&
+            this.container.advertisement.type !== 'idle') {
             this.hide();
         }
     }
@@ -958,13 +994,7 @@ export default class MediaControl extends UICorePlugin {
         this.container.options.mute = value;
     }
     static getPageX(event) {
-        if (event.pageX) {
-            return event.pageX;
-        }
-        if (event.changedTouches) {
-            return event.changedTouches[event.changedTouches.length - 1].pageX;
-        }
-        return 0;
+        return getPageX(event);
     }
     static getPageY(event) {
         if (event.pageY) {

package/lib/plugins/multi-camera/MultiCamera.d.ts

@@ -0,0 +1,59 @@
+import { Core, UICorePlugin } from '@clappr/core';
+import '../../../assets/multi-camera/style.scss';
+type MediaSourceInfo = {
+    live: boolean;
+    source: string;
+    id: number;
+    dvr: boolean;
+    projection: string | null;
+};
+export declare class MultiCamera extends UICorePlugin {
+    private currentCamera;
+    private currentTime;
+    private playing;
+    private multicamera;
+    private noActiveStreams;
+    get name(): string;
+    get supportedVersion(): {
+        min: string;
+    };
+    static get version(): string;
+    get template(): any;
+    get attributes(): {
+        class: string;
+        'data-multicamera': string;
+    };
+    get events(): {
+        'click [data-multicamera-selector-select]': string;
+        'click [data-multicamera-button]': string;
+    };
+    constructor(core: Core);
+    bindEvents(): void;
+    unBindEvents(): void;
+    private onPlay;
+    private bindPlaybackEvents;
+    private reload;
+    private shouldRender;
+    render(): this;
+    private onCameraSelect;
+    activeById(id: number, active: boolean): void;
+    private setLiveStatus;
+    private behaviorLive;
+    private behaviorOne;
+    private behaviorAll;
+    private findAndInitNextStream;
+    private showError;
+    private hideError;
+    private changeById;
+    getCamerasList(): MediaSourceInfo[];
+    getCurrentCamera(): MediaSourceInfo | null;
+    private findElementById;
+    private findIndexById;
+    private onShowLevelSelectMenu;
+    private hideSelectLevelMenu;
+    private toggleContextMenu;
+    private levelElement;
+    private highlightCurrentLevel;
+}
+export {};
+//# sourceMappingURL=MultiCamera.d.ts.map

package/lib/plugins/multi-camera/MultiCamera.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiCamera.d.ts","sourceRoot":"","sources":["../../../src/plugins/multi-camera/MultiCamera.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,IAAI,EAA8B,YAAY,EAAE,MAAM,cAAc,CAAC;AAMvF,OAAO,yCAAyC,CAAC;AASjD,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,OAAO,CAAC;IACb,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,CAAA;AAMD,qBAAa,WAAY,SAAQ,YAAY;IAC3C,OAAO,CAAC,aAAa,CAAgC;IAErD,OAAO,CAAC,WAAW,CAAa;IAEhC,OAAO,CAAC,OAAO,CAAS;IAExB,OAAO,CAAC,WAAW,CAAyB;IAE5C,OAAO,CAAC,eAAe,CAAS;IAEhC,IAAI,IAAI,WAEP;IAED,IAAI,gBAAgB;;MAEnB;IAED,MAAM,KAAK,OAAO,WAEjB;IAED,IAAI,QAAQ,QAEX;IAED,IAAa,UAAU;;;MAKtB;IAED,IAAa,MAAM;;;MAKlB;gBAEW,IAAI,EAAE,IAAI;IAYb,UAAU;IAOnB,YAAY;IAaZ,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,MAAM;IAMd,OAAO,CAAC,YAAY;IAYX,MAAM;IAwEf,OAAO,CAAC,cAAc;IAUtB,UAAU,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO;IA8BtC,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,qBAAqB;IAsB7B,OAAO,CAAC,SAAS;IAoBjB,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,UAAU;IA4ClB,cAAc;IAId,gBAAgB;IAIhB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,qBAAqB;CAK9B"}