define(['appStorage', 'events'], function (appStorage, events) { var currentDisplayInfo; var datetime; function mirrorItem(info) { var item = info.item; MediaController.getCurrentPlayer().displayContent({ ItemName: item.Name, ItemId: item.Id, ItemType: item.Type, Context: info.context }); } function mirrorIfEnabled(info) { info = info || currentDisplayInfo; if (info && MediaController.enableDisplayMirroring()) { var player = MediaController.getPlayerInfo(); if (!player.isLocalPlayer && player.supportedCommands.indexOf('DisplayContent') != -1) { mirrorItem(info); } } } function monitorPlayer(player) { events.on(player, 'playbackstart', function (e, state) { var info = { QueueableMediaTypes: state.NowPlayingItem.MediaType, ItemId: state.NowPlayingItem.Id, NowPlayingItem: state.NowPlayingItem }; info = Object.assign(info, state.PlayState); ApiClient.reportPlaybackStart(info); }); events.on(player, 'playbackstop', function (e, state) { var stopInfo = { itemId: state.NowPlayingItem.Id, mediaSourceId: state.PlayState.MediaSourceId, positionTicks: state.PlayState.PositionTicks }; if (state.PlayState.LiveStreamId) { stopInfo.LiveStreamId = state.PlayState.LiveStreamId; } if (state.PlayState.PlaySessionId) { stopInfo.PlaySessionId = state.PlayState.PlaySessionId; } ApiClient.reportPlaybackStopped(stopInfo); }); } function showPlayerSelection(button, enableHistory) { var playerInfo = MediaController.getPlayerInfo(); if (!playerInfo.isLocalPlayer) { showActivePlayerMenu(playerInfo); return; } Dashboard.showLoadingMsg(); MediaController.getTargets().then(function (targets) { var menuItems = targets.map(function (t) { var name = t.name; if (t.appName && t.appName != t.name) { name += " - " + t.appName; } return { name: name, id: t.id, selected: playerInfo.id == t.id }; }); require(['actionsheet'], function (actionsheet) { Dashboard.hideLoadingMsg(); actionsheet.show({ title: Globalize.translate('HeaderSelectPlayer'), items: menuItems, positionTo: button, enableHistory: enableHistory !== false, callback: function (id) { var target = targets.filter(function (t) { return t.id == id; })[0]; MediaController.trySetActivePlayer(target.playerName, target); mirrorIfEnabled(); } }); }); }); } function showActivePlayerMenu(playerInfo) { require(['dialogHelper', 'emby-checkbox', 'emby-button'], function (dialogHelper) { showActivePlayerMenuInternal(dialogHelper, playerInfo); }); } function showActivePlayerMenuInternal(dialogHelper, playerInfo) { var html = ''; var dialogOptions = { removeOnClose: true }; dialogOptions.modal = false; dialogOptions.entryAnimationDuration = 160; dialogOptions.exitAnimationDuration = 160; dialogOptions.autoFocus = false; var dlg = dialogHelper.createDialog(dialogOptions); html += '

'; html += (playerInfo.deviceName || playerInfo.name); html += '

'; html += '
'; if (playerInfo.supportedCommands.indexOf('DisplayContent') != -1) { html += ''; } html += '
'; html += '
'; // On small layouts papepr dialog doesn't respond very well. this button isn't that important here anyway. if (screen.availWidth >= 600) { html += ''; } html += ''; html += ''; html += '
'; dlg.innerHTML = html; document.body.appendChild(dlg); var chkMirror = dlg.querySelector('.chkMirror'); if (chkMirror) { chkMirror.addEventListener('change', onMirrorChange); } var destination = ''; var btnRemoteControl = dlg.querySelector('.btnRemoteControl'); if (btnRemoteControl) { btnRemoteControl.addEventListener('click', function () { destination = 'nowplaying.html'; dialogHelper.close(dlg); }); } dlg.querySelector('.btnDisconnect').addEventListener('click', function () { MediaController.disconnectFromPlayer(); dialogHelper.close(dlg); }); dlg.querySelector('.btnCancel').addEventListener('click', function () { dialogHelper.close(dlg); }); dialogHelper.open(dlg).then(function () { if (destination) { Dashboard.navigate(destination); } }); } function onMirrorChange() { MediaController.enableDisplayMirroring(this.checked); } function bindKeys(controller) { var self = this; var keyResult = {}; self.keyBinding = function (e) { if (bypass()) return; console.log("keyCode", e.keyCode); if (keyResult[e.keyCode]) { e.preventDefault(); keyResult[e.keyCode](e); } }; self.keyPrevent = function (e) { if (bypass()) return; var codes = [32, 38, 40, 37, 39, 81, 77, 65, 84, 83, 70]; if (codes.indexOf(e.keyCode) != -1) { e.preventDefault(); } }; keyResult[32] = function () { // spacebar var player = controller.getCurrentPlayer(); player.getPlayerState().then(function (result) { var state = result; if (state.NowPlayingItem && state.PlayState) { if (state.PlayState.IsPaused) { player.unpause(); } else { player.pause(); } } }); }; var bypass = function () { // Get active elem to see what type it is var active = document.activeElement; var type = active.type || active.tagName.toLowerCase(); return (type === "text" || type === "select" || type === "textarea" || type == "password"); }; } function mediaController() { var self = this; var currentPlayer; var currentTargetInfo; var players = []; var keys = new bindKeys(self); window.addEventListener('keydown', keys.keyBinding); window.addEventListener('keypress', keys.keyPrevent); window.addEventListener('keyup', keys.keyPrevent); self.registerPlayer = function (player) { players.push(player); if (player.isLocalPlayer) { monitorPlayer(player); } events.on(player, 'playbackstop', onPlaybackStop); events.on(player, 'beforeplaybackstart', onBeforePlaybackStart); }; function onBeforePlaybackStart(e, state) { events.trigger(self, 'beforeplaybackstart', [state, this]); } function onPlaybackStop(e, state) { events.trigger(self, 'playbackstop', [state, this]); } self.getPlayerInfo = function () { var player = currentPlayer || {}; var target = currentTargetInfo || {}; return { name: player.name, isLocalPlayer: player.isLocalPlayer, id: target.id, deviceName: target.deviceName, playableMediaTypes: target.playableMediaTypes, supportedCommands: target.supportedCommands }; }; function triggerPlayerChange(newPlayer, newTarget, previousPlayer) { events.trigger(self, 'playerchange', [newPlayer, newTarget, previousPlayer]); } self.setActivePlayer = function (player, targetInfo) { if (typeof (player) === 'string') { player = players.filter(function (p) { return p.name == player; })[0]; } if (!player) { throw new Error('null player'); } var previousPlayer = currentPlayer; currentPairingId = null; currentPlayer = player; currentTargetInfo = targetInfo; console.log('Active player: ' + JSON.stringify(currentTargetInfo)); triggerPlayerChange(player, targetInfo, previousPlayer); }; var currentPairingId = null; self.trySetActivePlayer = function (player, targetInfo) { if (typeof (player) === 'string') { player = players.filter(function (p) { return p.name == player; })[0]; } if (!player) { throw new Error('null player'); } if (currentPairingId == targetInfo.id) { return; } currentPairingId = targetInfo.id; player.tryPair(targetInfo).then(function () { var previousPlayer = currentPlayer; currentPlayer = player; currentTargetInfo = targetInfo; console.log('Active player: ' + JSON.stringify(currentTargetInfo)); triggerPlayerChange(player, targetInfo, previousPlayer); }); }; self.trySetActiveDeviceName = function (name) { function normalizeName(t) { return t.toLowerCase().replace(' ', ''); } name = normalizeName(name); self.getTargets().then(function (result) { var target = result.filter(function (p) { return normalizeName(p.name) == name; })[0]; if (target) { self.trySetActivePlayer(target.playerName, target); } }); }; self.setDefaultPlayerActive = function () { var player = self.getDefaultPlayer(); player.getTargets().then(function (targets) { self.setActivePlayer(player, targets[0]); }); }; self.removeActivePlayer = function (name) { if (self.getPlayerInfo().name == name) { self.setDefaultPlayerActive(); } }; self.removeActiveTarget = function (id) { if (self.getPlayerInfo().id == id) { self.setDefaultPlayerActive(); } }; self.disconnectFromPlayer = function () { var playerInfo = self.getPlayerInfo(); if (playerInfo.supportedCommands.indexOf('EndSession') != -1) { var menuItems = []; menuItems.push({ name: Globalize.translate('ButtonYes'), id: 'yes' }); menuItems.push({ name: Globalize.translate('ButtonNo'), id: 'no' }); menuItems.push({ name: Globalize.translate('ButtonCancel'), id: 'cancel' }); require(['actionsheet'], function (actionsheet) { actionsheet.show({ items: menuItems, //positionTo: positionTo, title: Globalize.translate('ConfirmEndPlayerSession'), callback: function (id) { switch (id) { case 'yes': MediaController.getCurrentPlayer().endSession(); self.setDefaultPlayerActive(); break; case 'no': self.setDefaultPlayerActive(); break; default: break; } } }); }); } else { self.setDefaultPlayerActive(); } }; self.getPlayers = function () { return players; }; self.getTargets = function () { var promises = players.map(function (p) { return p.getTargets(); }); return Promise.all(promises).then(function (responses) { var targets = []; for (var i = 0; i < responses.length; i++) { var subTargets = responses[i]; for (var j = 0; j < subTargets.length; j++) { targets.push(subTargets[j]); } } targets = targets.sort(function (a, b) { var aVal = a.isLocalPlayer ? 0 : 1; var bVal = b.isLocalPlayer ? 0 : 1; aVal = aVal.toString() + a.name; bVal = bVal.toString() + b.name; return aVal.localeCompare(bVal); }); return targets; }); }; function doWithPlaybackValidation(player, fn) { if (!player.isLocalPlayer) { fn(); return; } requirejs(["registrationservices"], function () { self.playbackTimeLimitMs = null; RegistrationServices.validateFeature('playback').then(fn, function () { self.playbackTimeLimitMs = lockedTimeLimitMs; startAutoStopTimer(); fn(); }); }); } var autoStopTimeout; var lockedTimeLimitMs = 60000; function startAutoStopTimer() { stopAutoStopTimer(); autoStopTimeout = setTimeout(onAutoStopTimeout, lockedTimeLimitMs); } function onAutoStopTimeout() { stopAutoStopTimer(); MediaController.stop(); } function stopAutoStopTimer() { var timeout = autoStopTimeout; if (timeout) { clearTimeout(timeout); autoStopTimeout = null; } } self.toggleDisplayMirroring = function () { self.enableDisplayMirroring(!self.enableDisplayMirroring()); }; self.enableDisplayMirroring = function (enabled) { if (enabled != null) { var val = enabled ? '1' : '0'; appStorage.setItem('displaymirror--' + Dashboard.getCurrentUserId(), val); if (enabled) { mirrorIfEnabled(); } return; } return (appStorage.getItem('displaymirror--' + Dashboard.getCurrentUserId()) || '') != '0'; }; self.play = function (options) { doWithPlaybackValidation(currentPlayer, function () { if (typeof (options) === 'string') { options = { ids: [options] }; } currentPlayer.play(options); }); }; self.shuffle = function (id) { // accept both id and item being passed in if (id.Id) { id = id.Id; } doWithPlaybackValidation(currentPlayer, function () { currentPlayer.shuffle(id); }); }; self.instantMix = function (id) { // accept both id and item being passed in if (id.Id) { id = id.Id; } doWithPlaybackValidation(currentPlayer, function () { currentPlayer.instantMix(id); }); }; self.queue = function (options) { if (typeof (options) === 'string') { options = { ids: [options] }; } currentPlayer.queue(options); }; self.queueNext = function (options) { if (typeof (options) === 'string') { options = { ids: [options] }; } currentPlayer.queueNext(options); }; self.canPlay = function (item) { if (item.Type == "Program") { if (new Date().getTime() > datetime.parseISO8601Date(item.EndDate).getTime() || new Date().getTime() < datetime.parseISO8601Date(item.StartDate).getTime()) { return false; } return true; } return self.canPlayByAttributes(item.Type, item.MediaType, item.PlayAccess, item.LocationType); }; self.canPlayByAttributes = function (itemType, mediaType, playAccess, locationType) { if (playAccess != 'Full') { return false; } if (locationType == "Virtual") { return false; } if (itemType == "Program") { return false; } if (itemType == "MusicGenre" || itemType == "Season" || itemType == "Series" || itemType == "BoxSet" || itemType == "MusicAlbum" || itemType == "MusicArtist" || itemType == "Playlist") { return true; } return self.getPlayerInfo().playableMediaTypes.indexOf(mediaType) != -1; }; self.canQueueMediaType = function (mediaType, itemType) { if (itemType == 'MusicAlbum' || itemType == 'MusicArtist' || itemType == 'MusicGenre') { mediaType = 'Audio'; } return currentPlayer.canQueueMediaType(mediaType); }; self.getLocalPlayer = function () { return currentPlayer.isLocalPlayer ? currentPlayer : players.filter(function (p) { return p.isLocalPlayer; })[0]; }; self.getDefaultPlayer = function () { return currentPlayer.isLocalPlayer ? currentPlayer : players.filter(function (p) { return p.isDefaultPlayer; })[0]; }; self.getCurrentPlayer = function () { return currentPlayer; }; self.pause = function () { currentPlayer.pause(); }; self.stop = function () { currentPlayer.stop(); }; self.unpause = function () { currentPlayer.unpause(); }; self.seek = function (position) { currentPlayer.seek(position); }; self.currentPlaylistIndex = function (i) { if (i == null) { // TODO: Get this implemented in all of the players return currentPlayer.currentPlaylistIndex ? currentPlayer.currentPlaylistIndex() : -1; } currentPlayer.currentPlaylistIndex(i); }; self.removeFromPlaylist = function (i) { currentPlayer.removeFromPlaylist(i); }; self.nextTrack = function () { currentPlayer.nextTrack(); }; self.previousTrack = function () { currentPlayer.previousTrack(); }; self.mute = function () { currentPlayer.mute(); }; self.unMute = function () { currentPlayer.unMute(); }; self.toggleMute = function () { currentPlayer.toggleMute(); }; self.volumeDown = function () { currentPlayer.volumeDown(); }; self.volumeUp = function () { currentPlayer.volumeUp(); }; self.setRepeatMode = function (mode) { currentPlayer.setRepeatMode(mode); }; self.playlist = function () { return currentPlayer.playlist || []; }; self.sendCommand = function (cmd, player) { player = player || self.getLocalPlayer(); // Full list // https://github.com/MediaBrowser/MediaBrowser/blob/master/MediaBrowser.Model/Session/GeneralCommand.cs#L23 console.log('MediaController received command: ' + cmd.Name); switch (cmd.Name) { case 'SetRepeatMode': player.setRepeatMode(cmd.Arguments.RepeatMode); break; case 'VolumeUp': player.volumeUp(); break; case 'VolumeDown': player.volumeDown(); break; case 'Mute': player.mute(); break; case 'Unmute': player.unMute(); break; case 'ToggleMute': player.toggleMute(); break; case 'SetVolume': player.setVolume(cmd.Arguments.Volume); break; case 'SetAudioStreamIndex': player.setAudioStreamIndex(parseInt(cmd.Arguments.Index)); break; case 'SetSubtitleStreamIndex': player.setSubtitleStreamIndex(parseInt(cmd.Arguments.Index)); break; case 'ToggleFullscreen': player.toggleFullscreen(); break; default: { if (!player.isLocalPlayer) { player.sendCommand(cmd); } break; } } }; // TOOD: This doesn't really belong here self.getNowPlayingNames = function (nowPlayingItem, includeNonNameInfo) { var topItem = nowPlayingItem; var bottomItem = null; var topText = nowPlayingItem.Name; if (nowPlayingItem.AlbumId && nowPlayingItem.MediaType == 'Audio') { topItem = { Id: nowPlayingItem.AlbumId, Name: nowPlayingItem.Album, Type: 'MusicAlbum', IsFolder: true }; } if (nowPlayingItem.MediaType == 'Video') { if (nowPlayingItem.IndexNumber != null) { topText = nowPlayingItem.IndexNumber + " - " + topText; } if (nowPlayingItem.ParentIndexNumber != null) { topText = nowPlayingItem.ParentIndexNumber + "." + topText; } } var bottomText = ''; if (nowPlayingItem.Artists && nowPlayingItem.Artists.length) { if (nowPlayingItem.ArtistItems && nowPlayingItem.ArtistItems.length) { bottomItem = { Id: nowPlayingItem.ArtistItems[0].Id, Name: nowPlayingItem.ArtistItems[0].Name, Type: 'MusicArtist', IsFolder: true }; bottomText = bottomItem.Name; } else { bottomText = nowPlayingItem.Artists[0]; } } else if (nowPlayingItem.SeriesName || nowPlayingItem.Album) { bottomText = topText; topText = nowPlayingItem.SeriesName || nowPlayingItem.Album; bottomItem = topItem; if (nowPlayingItem.SeriesId) { topItem = { Id: nowPlayingItem.SeriesId, Name: nowPlayingItem.SeriesName, Type: 'Series', IsFolder: true }; } else { topItem = null; } } else if (nowPlayingItem.ProductionYear && includeNonNameInfo !== false) { bottomText = nowPlayingItem.ProductionYear; } var list = []; list.push({ text: topText, item: topItem }); if (bottomText) { list.push({ text: bottomText, item: bottomItem }); } return list; }; // TOOD: This doesn't really belong here self.getNowPlayingNameHtml = function (nowPlayingItem, includeNonNameInfo) { var names = self.getNowPlayingNames(nowPlayingItem, includeNonNameInfo); return names.map(function (i) { return i.text; }).join('
'); }; self.showPlaybackInfoErrorMessage = function (errorCode) { require(['alert'], function (alert) { alert({ title: Globalize.translate('HeaderPlaybackError'), text: Globalize.translate('MessagePlaybackError' + errorCode), type: 'error' }); }); }; function getPlaybackInfoFromLocalMediaSource(itemId, deviceProfile, startPosition, mediaSource) { mediaSource.SupportsDirectPlay = true; return { MediaSources: [mediaSource], // Just dummy this up PlaySessionId: new Date().getTime().toString() }; } self.getPlaybackInfo = function (itemId, deviceProfile, startPosition, mediaSource, audioStreamIndex, subtitleStreamIndex, liveStreamId) { return new Promise(function (resolve, reject) { require(['localassetmanager'], function (LocalAssetManager) { var serverInfo = ApiClient.serverInfo(); if (serverInfo.Id) { LocalAssetManager.getLocalMediaSource(serverInfo.Id, itemId).then(function (localMediaSource) { // Use the local media source if a specific one wasn't requested, or the smae one was requested if (localMediaSource && (!mediaSource || mediaSource.Id == localMediaSource.Id)) { var playbackInfo = getPlaybackInfoFromLocalMediaSource(itemId, deviceProfile, startPosition, localMediaSource); resolve(playbackInfo); return; } getPlaybackInfoWithoutLocalMediaSource(itemId, deviceProfile, startPosition, mediaSource, audioStreamIndex, subtitleStreamIndex, liveStreamId, resolve, reject); }); return; } getPlaybackInfoWithoutLocalMediaSource(itemId, deviceProfile, startPosition, mediaSource, audioStreamIndex, subtitleStreamIndex, liveStreamId, resolve, reject); }); }); } function getPlaybackInfoWithoutLocalMediaSource(itemId, deviceProfile, startPosition, mediaSource, audioStreamIndex, subtitleStreamIndex, liveStreamId, resolve, reject) { self.getPlaybackInfoInternal(itemId, deviceProfile, startPosition, mediaSource, audioStreamIndex, subtitleStreamIndex, liveStreamId).then(resolve, reject); } self.getPlaybackInfoInternal = function (itemId, deviceProfile, startPosition, mediaSource, audioStreamIndex, subtitleStreamIndex, liveStreamId) { var postData = { DeviceProfile: deviceProfile }; var query = { UserId: Dashboard.getCurrentUserId(), StartTimeTicks: startPosition || 0 }; if (audioStreamIndex != null) { query.AudioStreamIndex = audioStreamIndex; } if (subtitleStreamIndex != null) { query.SubtitleStreamIndex = subtitleStreamIndex; } if (mediaSource) { query.MediaSourceId = mediaSource.Id; } if (liveStreamId) { query.LiveStreamId = liveStreamId; } return ApiClient.ajax({ url: ApiClient.getUrl('Items/' + itemId + '/PlaybackInfo', query), type: 'POST', data: JSON.stringify(postData), contentType: "application/json", dataType: "json" }); } self.getLiveStream = function (itemId, playSessionId, deviceProfile, startPosition, mediaSource, audioStreamIndex, subtitleStreamIndex) { var postData = { DeviceProfile: deviceProfile, OpenToken: mediaSource.OpenToken }; var query = { UserId: Dashboard.getCurrentUserId(), StartTimeTicks: startPosition || 0, ItemId: itemId, PlaySessionId: playSessionId }; if (audioStreamIndex != null) { query.AudioStreamIndex = audioStreamIndex; } if (subtitleStreamIndex != null) { query.SubtitleStreamIndex = subtitleStreamIndex; } return ApiClient.ajax({ url: ApiClient.getUrl('LiveStreams/Open', query), type: 'POST', data: JSON.stringify(postData), contentType: "application/json", dataType: "json" }); }; self.supportsDirectPlay = function (mediaSource) { return new Promise(function (resolve, reject) { if (mediaSource.SupportsDirectPlay) { if (mediaSource.Protocol == 'Http' && !mediaSource.RequiredHttpHeaders.length) { // If this is the only way it can be played, then allow it if (!mediaSource.SupportsDirectStream && !mediaSource.SupportsTranscoding) { resolve(true); } else { var val = mediaSource.Path.toLowerCase().replace('https:', 'http').indexOf(ApiClient.serverAddress().toLowerCase().replace('https:', 'http').substring(0, 14)) == 0; resolve(val); } } if (mediaSource.Protocol == 'File') { require(['localassetmanager'], function (LocalAssetManager) { LocalAssetManager.fileExists(mediaSource.Path).then(function (exists) { console.log('LocalAssetManager.fileExists: path: ' + mediaSource.Path + ' result: ' + exists); resolve(exists); }); }); } } else { resolve(false); } }); }; self.showPlayerSelection = showPlayerSelection; } window.MediaController = new mediaController(); function onWebSocketMessageReceived(e, msg) { if (msg.MessageType === "ServerShuttingDown") { MediaController.setDefaultPlayerActive(); } else if (msg.MessageType === "ServerRestarting") { MediaController.setDefaultPlayerActive(); } } function initializeApiClient(apiClient) { events.off(apiClient, "websocketmessage", onWebSocketMessageReceived); events.on(apiClient, "websocketmessage", onWebSocketMessageReceived); } MediaController.init = function () { console.log('Beginning MediaController.init'); require(['datetime'], function (datetimeInstance) { datetime = datetimeInstance; }); if (window.ApiClient) { initializeApiClient(window.ApiClient); } events.on(ConnectionManager, 'apiclientcreated', function (e, apiClient) { initializeApiClient(apiClient); }); }; function onCastButtonClicked() { showPlayerSelection(this); } document.addEventListener('headercreated', function () { var btnCast = document.querySelector('.viewMenuBar .btnCast'); btnCast.removeEventListener('click', onCastButtonClicked); btnCast.addEventListener('click', onCastButtonClicked); }); pageClassOn('pagebeforeshow', "page", function () { var page = this; currentDisplayInfo = null; }); pageClassOn('displayingitem', "libraryPage", function (e) { var info = e.detail; mirrorIfEnabled(info); }); });