jellyfish-web/src/components/playback/mediasession.js

import playbackManager from 'playbackManager';
import nowPlayingHelper from 'nowPlayingHelper';
import events from 'events';
import connectionManager from 'connectionManager';
/* eslint-disable indent */

    // Reports media playback to the device for lock screen control

    let currentPlayer;

    function seriesImageUrl(item, options = {}, type = options.type || 'Primary') {
        if (item.Type !== 'Episode') {
            return null;
        } else if (type === 'Primary' && item.SeriesPrimaryImageTag) {
            options.tag = item.SeriesPrimaryImageTag;

            return connectionManager.getApiClient(item.ServerId).getScaledImageUrl(item.SeriesId, options);
        } else if (type === 'Thumb') {
            if (item.SeriesThumbImageTag) {
                options.tag = item.SeriesThumbImageTag;

                return connectionManager.getApiClient(item.ServerId).getScaledImageUrl(item.SeriesId, options);
            } else if (item.ParentThumbImageTag) {
                options.tag = item.ParentThumbImageTag;

                return connectionManager.getApiClient(item.ServerId).getScaledImageUrl(item.ParentThumbItemId, options);
            }
        }

        return null;
    }

    function imageUrl(item, options = {}, type = options.type || 'Primary') {
        if (item.ImageTags && item.ImageTags[type]) {
            options.tag = item.ImageTags[type];

            return connectionManager.getApiClient(item.ServerId).getScaledImageUrl(item.Id, options);
        } else if (item.AlbumId && item.AlbumPrimaryImageTag) {
            options.tag = item.AlbumPrimaryImageTag;

            return connectionManager.getApiClient(item.ServerId).getScaledImageUrl(item.AlbumId, options);
        }

        return null;
    }

    function pushImageUrl(item, imageOptions = {}) {
        const url = seriesImageUrl(item, imageOptions) || imageUrl(item, imageOptions);

        if (url) {
            const height = imageOptions.height || imageOptions.maxHeight;

            return {
                src: url,
                sizes: height + 'x' + height
            };
        }
    }

    function getImageUrls(item, imageSizes = [96, 128, 192, 256, 384, 512]) {
        const list = [];

        imageSizes.forEach((size) => {
            list.push(pushImageUrl(item, {height: size}));
        });

        return list;
    }

    function updatePlayerState(player, state, eventName) {
        // Don't go crazy reporting position changes
        if (eventName === 'timeupdate') {
            // Only report if this item hasn't been reported yet, or if there's an actual playback change.
            // Don't report on simple time updates
            return;
        }

        const item = state.NowPlayingItem;

        if (!item) {
            hideMediaControls();
            return;
        }

        if (eventName === 'init') { // transform "init" event into "timeupdate" to restraint update rate
            eventName = 'timeupdate';
        }

        const isVideo = item.MediaType === 'Video';
        const isLocalPlayer = player.isLocalPlayer || false;

        // Local players do their own notifications
        if (isLocalPlayer && isVideo) {
            return;
        }

        const playState = state.PlayState || {};
        const parts = nowPlayingHelper.getNowPlayingNames(item);
        const artist = parts[parts.length - 1].text;
        const title = parts.length === 1 ? '' : parts[0].text;

        const album = item.Album || '';
        const itemId = item.Id;

        // Convert to ms
        const duration = parseInt(item.RunTimeTicks ? (item.RunTimeTicks / 10000) : 0);
        const currentTime = parseInt(playState.PositionTicks ? (playState.PositionTicks / 10000) : 0);

        const isPaused = playState.IsPaused || false;
        const canSeek = playState.CanSeek || false;

        if ('mediaSession' in navigator) {
            navigator.mediaSession.metadata = new MediaMetadata({
                title: title,
                artist: artist,
                album: album,
                artwork: getImageUrls(item)
            });
        } else {
            let imageUrl = [];
            imageUrl.push(pushImageUrl(item));

            if (imageUrl.length) {
                imageUrl = imageUrl[0].src;
            } else {
                imageUrl = null;
            }

            window.NativeShell.updateMediaSession({
                action: eventName,
                isLocalPlayer: isLocalPlayer,
                itemId: itemId,
                title: title,
                artist: artist,
                album: album,
                duration: duration,
                position: currentTime,
                imageUrl: imageUrl,
                canSeek: canSeek,
                isPaused: isPaused
            });
        }
    }

    function onGeneralEvent(e) {
        const state = playbackManager.getPlayerState(this);

        updatePlayerState(this, state, e.type);
    }

    function onStateChanged(e, state) {
        updatePlayerState(this, state, 'statechange');
    }

    function onPlaybackStart(e, state) {
        updatePlayerState(this, state, e.type);
    }

    function onPlaybackStopped() {
        hideMediaControls();
    }

    function releaseCurrentPlayer() {
        if (currentPlayer) {
            events.off(currentPlayer, 'playbackstart', onPlaybackStart);
            events.off(currentPlayer, 'playbackstop', onPlaybackStopped);
            events.off(currentPlayer, 'unpause', onGeneralEvent);
            events.off(currentPlayer, 'pause', onGeneralEvent);
            events.off(currentPlayer, 'statechange', onStateChanged);
            events.off(currentPlayer, 'timeupdate', onGeneralEvent);

            currentPlayer = null;

            hideMediaControls();
        }
    }

    function hideMediaControls() {
        if (navigator.mediaSession) {
            navigator.mediaSession.metadata = null;
        } else {
            window.NativeShell.hideMediaSession();
        }
    }

    function bindToPlayer(player) {
        releaseCurrentPlayer();

        if (!player) {
            return;
        }

        currentPlayer = player;

        const state = playbackManager.getPlayerState(player);
        updatePlayerState(player, state, 'init');

        events.on(currentPlayer, 'playbackstart', onPlaybackStart);
        events.on(currentPlayer, 'playbackstop', onPlaybackStopped);
        events.on(currentPlayer, 'unpause', onGeneralEvent);
        events.on(currentPlayer, 'pause', onGeneralEvent);
        events.on(currentPlayer, 'statechange', onStateChanged);
        events.on(currentPlayer, 'timeupdate', onGeneralEvent);
    }

    function execute(name) {
        playbackManager[name](currentPlayer);
    }

    if (navigator.mediaSession) {
        navigator.mediaSession.setActionHandler('previoustrack', function () {
            execute('previousTrack');
        });

        navigator.mediaSession.setActionHandler('nexttrack', function () {
            execute('nextTrack');
        });

        navigator.mediaSession.setActionHandler('play', function () {
            execute('unpause');
        });

        navigator.mediaSession.setActionHandler('pause', function () {
            execute('pause');
        });

        navigator.mediaSession.setActionHandler('seekbackward', function () {
            execute('rewind');
        });

        navigator.mediaSession.setActionHandler('seekforward', function () {
            execute('fastForward');
        });
    }

    events.on(playbackManager, 'playerchange', function () {
        bindToPlayer(playbackManager.getCurrentPlayer());
    });

    bindToPlayer(playbackManager.getCurrentPlayer());

/* eslint-enable indent */