', html += '
", html += "', html += chapter.Name, html += "
", html += '
')
+ type: "Primary"
+ }) || seriesImageUrl(secondaryItem, {
+ type: "Thumb"
+ }) || imageUrl(secondaryItem, {
+ type: "Primary"
+ })), imgUrl) {
+ return void (osdPoster.innerHTML = '');
+ }
}
- osdPoster.innerHTML = ""
+
+ osdPoster.innerHTML = "";
}
function showOsd() {
- slideDownToShow(headerElement), showMainOsdControls(), startOsdHideTimer()
+ slideDownToShow(headerElement);
+ showMainOsdControls();
+ startOsdHideTimer();
}
function hideOsd() {
- slideUpToHide(headerElement), hideMainOsdControls()
+ slideUpToHide(headerElement);
+ hideMainOsdControls();
}
function toggleOsd() {
- "osd" === currentVisibleMenu ? hideOsd() : currentVisibleMenu || showOsd()
+ if ("osd" === currentVisibleMenu) {
+ hideOsd();
+ } else if (!currentVisibleMenu) {
+ showOsd();
+ }
}
function startOsdHideTimer() {
- stopOsdHideTimer(), osdHideTimeout = setTimeout(hideOsd, 5e3)
+ stopOsdHideTimer();
+ osdHideTimeout = setTimeout(hideOsd, 5e3);
}
function stopOsdHideTimer() {
- osdHideTimeout && (clearTimeout(osdHideTimeout), osdHideTimeout = null)
+ if (osdHideTimeout) {
+ clearTimeout(osdHideTimeout);
+ osdHideTimeout = null;
+ }
}
function slideDownToShow(elem) {
- elem.classList.remove("osdHeader-hidden")
+ elem.classList.remove("osdHeader-hidden");
}
function slideUpToHide(elem) {
- elem.classList.add("osdHeader-hidden")
+ elem.classList.add("osdHeader-hidden");
}
function clearHideAnimationEventListeners(elem) {
dom.removeEventListener(elem, transitionEndEventName, onHideAnimationComplete, {
- once: !0
- })
+ once: true
+ });
}
function onHideAnimationComplete(e) {
var elem = e.target;
- elem.classList.add("hide"), dom.removeEventListener(elem, transitionEndEventName, onHideAnimationComplete, {
- once: !0
- })
+ elem.classList.add("hide");
+ dom.removeEventListener(elem, transitionEndEventName, onHideAnimationComplete, {
+ once: true
+ });
}
function showMainOsdControls() {
if (!currentVisibleMenu) {
var elem = osdBottomElement;
- currentVisibleMenu = "osd", clearHideAnimationEventListeners(elem), elem.classList.remove("hide"), elem.offsetWidth, elem.classList.remove("videoOsdBottom-hidden"), layoutManager.mobile || setTimeout(function() {
- focusManager.focus(elem.querySelector(".btnPause"))
- }, 50)
+ currentVisibleMenu = "osd";
+ clearHideAnimationEventListeners(elem);
+ elem.classList.remove("hide");
+ elem.classList.remove("videoOsdBottom-hidden");
+
+ if (!layoutManager.mobile) {
+ setTimeout(function () {
+ focusManager.focus(elem.querySelector(".btnPause"));
+ }, 50);
+ }
}
}
function hideMainOsdControls() {
if ("osd" === currentVisibleMenu) {
var elem = osdBottomElement;
- clearHideAnimationEventListeners(elem), elem.offsetWidth, elem.classList.add("videoOsdBottom-hidden"), dom.addEventListener(elem, transitionEndEventName, onHideAnimationComplete, {
- once: !0
- }), currentVisibleMenu = null
+ clearHideAnimationEventListeners(elem);
+ elem.classList.add("videoOsdBottom-hidden");
+ dom.addEventListener(elem, transitionEndEventName, onHideAnimationComplete, {
+ once: true
+ });
+ currentVisibleMenu = null;
}
}
function onPointerMove(e) {
if ("mouse" === (e.pointerType || (layoutManager.mobile ? "touch" : "mouse"))) {
- var eventX = e.screenX || 0,
- eventY = e.screenY || 0,
- obj = lastPointerMoveData;
- if (!obj) return void(lastPointerMoveData = {
- x: eventX,
- y: eventY
- });
- if (Math.abs(eventX - obj.x) < 10 && Math.abs(eventY - obj.y) < 10) return;
- obj.x = eventX, obj.y = eventY, showOsd()
+ var eventX = e.screenX || 0;
+ var eventY = e.screenY || 0;
+ var obj = lastPointerMoveData;
+
+ if (!obj) {
+ lastPointerMoveData = {
+ x: eventX,
+ y: eventY
+ };
+ return;
+ }
+
+ if (Math.abs(eventX - obj.x) < 10 && Math.abs(eventY - obj.y) < 10) {
+ return;
+ }
+
+ obj.x = eventX;
+ obj.y = eventY;
+ showOsd();
}
}
function onInputCommand(e) {
var player = currentPlayer;
+
switch (e.detail.command) {
case "left":
- "osd" === currentVisibleMenu ? showOsd() : currentVisibleMenu || (e.preventDefault(), playbackManager.rewind(player));
- break;
+ if ("osd" === currentVisibleMenu) {
+ showOsd();
+ } else {
+ if (!currentVisibleMenu) {
+ e.preventDefault();
+ playbackManager.rewind(player);
+ }
+ }
+
+ break;
+
case "right":
- "osd" === currentVisibleMenu ? showOsd() : currentVisibleMenu || (e.preventDefault(), playbackManager.fastForward(player));
- break;
+ if ("osd" === currentVisibleMenu) {
+ showOsd();
+ } else if (!currentVisibleMenu) {
+ e.preventDefault();
+ playbackManager.fastForward(player);
+ }
+
+ break;
+
case "pageup":
- playbackManager.nextChapter(player);
- break;
+ playbackManager.nextChapter(player);
+ break;
+
case "pagedown":
- playbackManager.previousChapter(player);
- break;
+ playbackManager.previousChapter(player);
+ break;
+
case "up":
case "down":
case "select":
@@ -266,89 +504,144 @@ define(["playbackManager", "dom", "inputmanager", "datetime", "itemHelper", "med
case "rewind":
case "next":
case "previous":
- showOsd();
- break;
+ showOsd();
+ break;
+
case "record":
- onRecordingCommand(), showOsd();
- break;
+ onRecordingCommand();
+ showOsd();
+ break;
+
case "togglestats":
- toggleStats()
+ toggleStats();
}
}
function onRecordingCommand() {
var btnRecord = view.querySelector(".btnRecord");
- btnRecord.classList.contains("hide") || btnRecord.click()
+
+ if (!btnRecord.classList.contains("hide")) {
+ btnRecord.click();
+ }
}
function updateFullscreenIcon() {
- playbackManager.isFullscreen(currentPlayer) ? (view.querySelector(".btnFullscreen").setAttribute("title", globalize.translate("ExitFullscreen")), view.querySelector(".btnFullscreen i").innerHTML = "") : (view.querySelector(".btnFullscreen").setAttribute("title", globalize.translate("Fullscreen")), view.querySelector(".btnFullscreen i").innerHTML = "")
+ if (playbackManager.isFullscreen(currentPlayer)) {
+ view.querySelector(".btnFullscreen").setAttribute("title", globalize.translate("ExitFullscreen"));
+ view.querySelector(".btnFullscreen i").innerHTML = "";
+ } else {
+ view.querySelector(".btnFullscreen").setAttribute("title", globalize.translate("Fullscreen"));
+ view.querySelector(".btnFullscreen i").innerHTML = "";
+ }
}
function onPlayerChange() {
- bindToPlayer(playbackManager.getCurrentPlayer())
+ bindToPlayer(playbackManager.getCurrentPlayer());
}
function onStateChanged(event, state) {
var player = this;
- state.NowPlayingItem && (isEnabled = !0, updatePlayerStateInternal(event, player, state), updatePlaylist(player), enableStopOnBack(!0))
+
+ if (state.NowPlayingItem) {
+ isEnabled = true;
+ updatePlayerStateInternal(event, player, state);
+ updatePlaylist(player);
+ enableStopOnBack(true);
+ }
}
function onPlayPauseStateChanged(e) {
if (isEnabled) {
- updatePlayPauseState(this.paused())
+ updatePlayPauseState(this.paused());
}
}
function onVolumeChanged(e) {
if (isEnabled) {
var player = this;
- updatePlayerVolumeState(player, player.isMuted(), player.getVolume())
+ updatePlayerVolumeState(player, player.isMuted(), player.getVolume());
}
}
function onPlaybackStart(e, state) {
console.log("nowplaying event: " + e.type);
var player = this;
- onStateChanged.call(player, e, state), resetUpNextDialog()
+ onStateChanged.call(player, e, state);
+ resetUpNextDialog();
}
function resetUpNextDialog() {
- comingUpNextDisplayed = !1;
+ comingUpNextDisplayed = false;
var dlg = currentUpNextDialog;
- dlg && (dlg.destroy(), currentUpNextDialog = null)
+
+ if (dlg) {
+ dlg.destroy();
+ currentUpNextDialog = null;
+ }
}
function onPlaybackStopped(e, state) {
- currentRuntimeTicks = null, resetUpNextDialog(), console.log("nowplaying event: " + e.type), "Video" !== state.NextMediaType && (view.removeEventListener("viewbeforehide", onViewHideStopPlayback), Emby.Page.back())
+ currentRuntimeTicks = null;
+ resetUpNextDialog();
+ console.log("nowplaying event: " + e.type);
+
+ if ("Video" !== state.NextMediaType) {
+ view.removeEventListener("viewbeforehide", onViewHideStopPlayback);
+ Emby.Page.back();
+ }
}
function onMediaStreamsChanged(e) {
- var player = this,
- state = playbackManager.getPlayerState(player);
+ var player = this;
+ var state = playbackManager.getPlayerState(player);
onStateChanged.call(player, {
type: "init"
- }, state)
+ }, state);
}
function bindToPlayer(player) {
- if (player !== currentPlayer && (releaseCurrentPlayer(), currentPlayer = player, player)) {
- var state = playbackManager.getPlayerState(player);
- onStateChanged.call(player, {
- type: "init"
- }, state), events.on(player, "playbackstart", onPlaybackStart), events.on(player, "playbackstop", onPlaybackStopped), events.on(player, "volumechange", onVolumeChanged), events.on(player, "pause", onPlayPauseStateChanged), events.on(player, "unpause", onPlayPauseStateChanged), events.on(player, "timeupdate", onTimeUpdate), events.on(player, "fullscreenchange", updateFullscreenIcon), events.on(player, "mediastreamschange", onMediaStreamsChanged), resetUpNextDialog()
+ if (player !== currentPlayer) {
+ releaseCurrentPlayer();
+ currentPlayer = player;
+ if (!player) return;
}
+ var state = playbackManager.getPlayerState(player);
+ onStateChanged.call(player, {
+ type: "init"
+ }, state);
+ events.on(player, "playbackstart", onPlaybackStart);
+ events.on(player, "playbackstop", onPlaybackStopped);
+ events.on(player, "volumechange", onVolumeChanged);
+ events.on(player, "pause", onPlayPauseStateChanged);
+ events.on(player, "unpause", onPlayPauseStateChanged);
+ events.on(player, "timeupdate", onTimeUpdate);
+ events.on(player, "fullscreenchange", updateFullscreenIcon);
+ events.on(player, "mediastreamschange", onMediaStreamsChanged);
+ resetUpNextDialog();
}
function releaseCurrentPlayer() {
- destroyStats(), resetUpNextDialog();
+ destroyStats();
+ resetUpNextDialog();
var player = currentPlayer;
- player && (events.off(player, "playbackstart", onPlaybackStart), events.off(player, "playbackstop", onPlaybackStopped), events.off(player, "volumechange", onVolumeChanged), events.off(player, "pause", onPlayPauseStateChanged), events.off(player, "unpause", onPlayPauseStateChanged), events.off(player, "timeupdate", onTimeUpdate), events.off(player, "fullscreenchange", updateFullscreenIcon), events.off(player, "mediastreamschange", onMediaStreamsChanged), currentPlayer = null)
+
+ if (player) {
+ events.off(player, "playbackstart", onPlaybackStart);
+ events.off(player, "playbackstop", onPlaybackStopped);
+ events.off(player, "volumechange", onVolumeChanged);
+ events.off(player, "pause", onPlayPauseStateChanged);
+ events.off(player, "unpause", onPlayPauseStateChanged);
+ events.off(player, "timeupdate", onTimeUpdate);
+ events.off(player, "fullscreenchange", updateFullscreenIcon);
+ events.off(player, "mediastreamschange", onMediaStreamsChanged);
+ currentPlayer = null;
+ }
}
function onTimeUpdate(e) {
if (isEnabled) {
- var now = (new Date).getTime();
+ var now = new Date().getTime();
+
if (!(now - lastUpdateTime < 700)) {
lastUpdateTime = now;
var player = this;
@@ -356,248 +649,457 @@ define(["playbackManager", "dom", "inputmanager", "datetime", "itemHelper", "med
var currentTime = playbackManager.currentTime(player);
updateTimeDisplay(currentTime, currentRuntimeTicks, playbackManager.playbackStartTime(player), playbackManager.getBufferedRanges(player));
var item = currentItem;
- refreshProgramInfoIfNeeded(player, item), showComingUpNextIfNeeded(player, item, currentTime, currentRuntimeTicks)
+ refreshProgramInfoIfNeeded(player, item);
+ showComingUpNextIfNeeded(player, item, currentTime, currentRuntimeTicks);
}
}
}
function showComingUpNextIfNeeded(player, currentItem, currentTimeTicks, runtimeTicks) {
if (runtimeTicks && currentTimeTicks && !comingUpNextDisplayed && !currentVisibleMenu && "Episode" === currentItem.Type && userSettings.enableNextVideoInfoOverlay()) {
- var showAtSecondsLeft = runtimeTicks >= 3e10 ? 40 : runtimeTicks >= 24e9 ? 35 : 30,
- showAtTicks = runtimeTicks - 1e3 * showAtSecondsLeft * 1e4,
- timeRemainingTicks = runtimeTicks - currentTimeTicks;
- currentTimeTicks >= showAtTicks && runtimeTicks >= 6e9 && timeRemainingTicks >= 2e8 && showComingUpNext(player)
+ var showAtSecondsLeft = runtimeTicks >= 3e10 ? 40 : runtimeTicks >= 24e9 ? 35 : 30;
+ var showAtTicks = runtimeTicks - 1e3 * showAtSecondsLeft * 1e4;
+ var timeRemainingTicks = runtimeTicks - currentTimeTicks;
+
+ if (currentTimeTicks >= showAtTicks && runtimeTicks >= 6e9 && timeRemainingTicks >= 2e8) {
+ showComingUpNext(player);
+ }
}
}
function onUpNextHidden() {
- "upnext" === currentVisibleMenu && (currentVisibleMenu = null)
+ if ("upnext" === currentVisibleMenu) {
+ currentVisibleMenu = null;
+ }
}
function showComingUpNext(player) {
- require(["upNextDialog"], function(UpNextDialog) {
- currentVisibleMenu || currentUpNextDialog || (currentVisibleMenu = "upnext", comingUpNextDisplayed = !0, playbackManager.nextItem(player).then(function(nextItem) {
- currentUpNextDialog = new UpNextDialog({
- parent: view.querySelector(".upNextContainer"),
- player: player,
- nextItem: nextItem
- }), events.on(currentUpNextDialog, "hide", onUpNextHidden)
- }, onUpNextHidden))
- })
+ require(["upNextDialog"], function (UpNextDialog) {
+ if (!(currentVisibleMenu || currentUpNextDialog)) {
+ currentVisibleMenu = "upnext";
+ comingUpNextDisplayed = true;
+ playbackManager.nextItem(player).then(function (nextItem) {
+ currentUpNextDialog = new UpNextDialog({
+ parent: view.querySelector(".upNextContainer"),
+ player: player,
+ nextItem: nextItem
+ });
+ events.on(currentUpNextDialog, "hide", onUpNextHidden);
+ }, onUpNextHidden);
+ }
+ });
}
function refreshProgramInfoIfNeeded(player, item) {
if ("TvChannel" === item.Type) {
var program = item.CurrentProgram;
- if (program && program.EndDate) try {
- var endDate = datetime.parseISO8601Date(program.EndDate);
- if ((new Date).getTime() >= endDate.getTime()) {
- console.log("program info needs to be refreshed");
- var state = playbackManager.getPlayerState(player);
- onStateChanged.call(player, {
- type: "init"
- }, state)
+
+ if (program && program.EndDate) {
+ try {
+ var endDate = datetime.parseISO8601Date(program.EndDate);
+
+ if (new Date().getTime() >= endDate.getTime()) {
+ console.log("program info needs to be refreshed");
+ var state = playbackManager.getPlayerState(player);
+ onStateChanged.call(player, {
+ type: "init"
+ }, state);
+ }
+ } catch (e) {
+ console.log("Error parsing date: " + program.EndDate);
}
- } catch (e) {
- console.log("Error parsing date: " + program.EndDate)
}
}
}
function updatePlayPauseState(isPaused) {
- view.querySelector(".btnPause i").innerHTML = isPaused ? "" : ""
+ view.querySelector(".btnPause i").innerHTML = isPaused ? "" : "";
}
function updatePlayerStateInternal(event, player, state) {
var playState = state.PlayState || {};
updatePlayPauseState(playState.IsPaused);
var supportedCommands = playbackManager.getSupportedCommands(player);
- currentPlayerSupportedCommands = supportedCommands, supportsBrightnessChange = -1 !== supportedCommands.indexOf("SetBrightness"), updatePlayerVolumeState(player, playState.IsMuted, playState.VolumeLevel), nowPlayingPositionSlider && !nowPlayingPositionSlider.dragging && (nowPlayingPositionSlider.disabled = !playState.CanSeek), btnFastForward.disabled = !playState.CanSeek, btnRewind.disabled = !playState.CanSeek;
+ currentPlayerSupportedCommands = supportedCommands;
+ supportsBrightnessChange = -1 !== supportedCommands.indexOf("SetBrightness");
+ updatePlayerVolumeState(player, playState.IsMuted, playState.VolumeLevel);
+
+ if (nowPlayingPositionSlider && !nowPlayingPositionSlider.dragging) {
+ nowPlayingPositionSlider.disabled = !playState.CanSeek;
+ }
+
+ btnFastForward.disabled = !playState.CanSeek;
+ btnRewind.disabled = !playState.CanSeek;
var nowPlayingItem = state.NowPlayingItem || {};
- playbackStartTimeTicks = playState.PlaybackStartTimeTicks, updateTimeDisplay(playState.PositionTicks, nowPlayingItem.RunTimeTicks, playState.PlaybackStartTimeTicks, playState.BufferedRanges || []), updateNowPlayingInfo(player, state), state.MediaSource && state.MediaSource.SupportsTranscoding && -1 !== supportedCommands.indexOf("SetMaxStreamingBitrate") ? view.querySelector(".btnVideoOsdSettings").classList.remove("hide") : view.querySelector(".btnVideoOsdSettings").classList.add("hide");
+ playbackStartTimeTicks = playState.PlaybackStartTimeTicks;
+ updateTimeDisplay(playState.PositionTicks, nowPlayingItem.RunTimeTicks, playState.PlaybackStartTimeTicks, playState.BufferedRanges || []);
+ updateNowPlayingInfo(player, state);
+
+ if (state.MediaSource && state.MediaSource.SupportsTranscoding && -1 !== supportedCommands.indexOf("SetMaxStreamingBitrate")) {
+ view.querySelector(".btnVideoOsdSettings").classList.remove("hide");
+ } else {
+ view.querySelector(".btnVideoOsdSettings").classList.add("hide");
+ }
+
var isProgressClear = state.MediaSource && null == state.MediaSource.RunTimeTicks;
- nowPlayingPositionSlider.setIsClear(isProgressClear), -1 === supportedCommands.indexOf("ToggleFullscreen") || player.isLocalPlayer && layoutManager.tv && playbackManager.isFullscreen(player) ? view.querySelector(".btnFullscreen").classList.add("hide") : view.querySelector(".btnFullscreen").classList.remove("hide"), -1 === supportedCommands.indexOf("PictureInPicture") ? view.querySelector(".btnPip").classList.add("hide") : view.querySelector(".btnPip").classList.remove("hide"), updateFullscreenIcon()
+ nowPlayingPositionSlider.setIsClear(isProgressClear);
+
+ if (-1 === supportedCommands.indexOf("ToggleFullscreen") || player.isLocalPlayer && layoutManager.tv && playbackManager.isFullscreen(player)) {
+ view.querySelector(".btnFullscreen").classList.add("hide");
+ } else {
+ view.querySelector(".btnFullscreen").classList.remove("hide");
+ }
+
+ if (-1 === supportedCommands.indexOf("PictureInPicture")) {
+ view.querySelector(".btnPip").classList.add("hide");
+ } else {
+ view.querySelector(".btnPip").classList.remove("hide");
+ }
+
+ updateFullscreenIcon();
}
function getDisplayPercentByTimeOfDay(programStartDateMs, programRuntimeMs, currentTimeMs) {
- return (currentTimeMs - programStartDateMs) / programRuntimeMs * 100
+ return (currentTimeMs - programStartDateMs) / programRuntimeMs * 100;
}
function updateTimeDisplay(positionTicks, runtimeTicks, playbackStartTimeTicks, bufferedRanges) {
if (enableProgressByTimeOfDay) {
- if (nowPlayingPositionSlider && !nowPlayingPositionSlider.dragging)
+ if (nowPlayingPositionSlider && !nowPlayingPositionSlider.dragging) {
if (programStartDateMs && programEndDateMs) {
- var currentTimeMs = (playbackStartTimeTicks + (positionTicks || 0)) / 1e4,
- programRuntimeMs = programEndDateMs - programStartDateMs;
+ var currentTimeMs = (playbackStartTimeTicks + (positionTicks || 0)) / 1e4;
+ var programRuntimeMs = programEndDateMs - programStartDateMs;
+
if (nowPlayingPositionSlider.value = getDisplayPercentByTimeOfDay(programStartDateMs, programRuntimeMs, currentTimeMs), bufferedRanges.length) {
- var rangeStart = getDisplayPercentByTimeOfDay(programStartDateMs, programRuntimeMs, (playbackStartTimeTicks + (bufferedRanges[0].start || 0)) / 1e4),
- rangeEnd = getDisplayPercentByTimeOfDay(programStartDateMs, programRuntimeMs, (playbackStartTimeTicks + (bufferedRanges[0].end || 0)) / 1e4);
+ var rangeStart = getDisplayPercentByTimeOfDay(programStartDateMs, programRuntimeMs, (playbackStartTimeTicks + (bufferedRanges[0].start || 0)) / 1e4);
+ var rangeEnd = getDisplayPercentByTimeOfDay(programStartDateMs, programRuntimeMs, (playbackStartTimeTicks + (bufferedRanges[0].end || 0)) / 1e4);
nowPlayingPositionSlider.setBufferedRanges([{
start: rangeStart,
end: rangeEnd
- }])
- } else nowPlayingPositionSlider.setBufferedRanges([])
- } else nowPlayingPositionSlider.value = 0, nowPlayingPositionSlider.setBufferedRanges([]);
- nowPlayingPositionText.innerHTML = "", nowPlayingDurationText.innerHTML = ""
+ }]);
+ } else {
+ nowPlayingPositionSlider.setBufferedRanges([]);
+ }
+ } else {
+ nowPlayingPositionSlider.value = 0;
+ nowPlayingPositionSlider.setBufferedRanges([]);
+ }
+ }
+
+ nowPlayingPositionText.innerHTML = "";
+ nowPlayingDurationText.innerHTML = "";
} else {
if (nowPlayingPositionSlider && !nowPlayingPositionSlider.dragging) {
if (runtimeTicks) {
var pct = positionTicks / runtimeTicks;
- pct *= 100, nowPlayingPositionSlider.value = pct
- } else nowPlayingPositionSlider.value = 0;
- runtimeTicks && null != positionTicks && currentRuntimeTicks && !enableProgressByTimeOfDay && currentItem.RunTimeTicks && "Recording" !== currentItem.Type ? endsAtText.innerHTML = " - " + mediaInfo.getEndsAtFromPosition(runtimeTicks, positionTicks, !0) : endsAtText.innerHTML = ""
+ pct *= 100;
+ nowPlayingPositionSlider.value = pct;
+ } else {
+ nowPlayingPositionSlider.value = 0;
+ }
+
+ if (runtimeTicks && null != positionTicks && currentRuntimeTicks && !enableProgressByTimeOfDay && currentItem.RunTimeTicks && "Recording" !== currentItem.Type) {
+ endsAtText.innerHTML = " - " + mediaInfo.getEndsAtFromPosition(runtimeTicks, positionTicks, true);
+ } else {
+ endsAtText.innerHTML = "";
+ }
+ }
+
+ if (nowPlayingPositionSlider) {
+ nowPlayingPositionSlider.setBufferedRanges(bufferedRanges, runtimeTicks, positionTicks);
}
- nowPlayingPositionSlider && nowPlayingPositionSlider.setBufferedRanges(bufferedRanges, runtimeTicks, positionTicks), updateTimeText(nowPlayingPositionText, positionTicks), updateTimeText(nowPlayingDurationText, runtimeTicks, !0)
+
+ updateTimeText(nowPlayingPositionText, positionTicks);
+ updateTimeText(nowPlayingDurationText, runtimeTicks, true);
}
}
function updatePlayerVolumeState(player, isMuted, volumeLevel) {
- var supportedCommands = currentPlayerSupportedCommands,
- showMuteButton = !0,
- showVolumeSlider = !0; - 1 === supportedCommands.indexOf("Mute") && (showMuteButton = !1), -1 === supportedCommands.indexOf("SetVolume") && (showVolumeSlider = !1), player.isLocalPlayer && appHost.supports("physicalvolumecontrol") && (showMuteButton = !1, showVolumeSlider = !1), isMuted ? (view.querySelector(".buttonMute").setAttribute("title", globalize.translate("Unmute")), view.querySelector(".buttonMute i").innerHTML = "") : (view.querySelector(".buttonMute").setAttribute("title", globalize.translate("Mute")), view.querySelector(".buttonMute i").innerHTML = ""), showMuteButton ? view.querySelector(".buttonMute").classList.remove("hide") : view.querySelector(".buttonMute").classList.add("hide"), nowPlayingVolumeSlider && (showVolumeSlider ? nowPlayingVolumeSliderContainer.classList.remove("hide") : nowPlayingVolumeSliderContainer.classList.add("hide"), nowPlayingVolumeSlider.dragging || (nowPlayingVolumeSlider.value = volumeLevel || 0))
+ var supportedCommands = currentPlayerSupportedCommands;
+ var showMuteButton = true;
+ var showVolumeSlider = true;
+ var volumeSlider = view.querySelector('.osdVolumeSliderContainer');
+ var progressElement = volumeSlider.querySelector('.mdl-slider-background-lower');
+
+
+ if (-1 === supportedCommands.indexOf("Mute")) {
+ showMuteButton = false;
+ }
+
+ if (-1 === supportedCommands.indexOf("SetVolume")) {
+ showVolumeSlider = false;
+ }
+
+ if (player.isLocalPlayer && appHost.supports("physicalvolumecontrol")) {
+ showMuteButton = false;
+ showVolumeSlider = false;
+ }
+
+ if (isMuted) {
+ view.querySelector(".buttonMute").setAttribute("title", globalize.translate("Unmute"));
+ view.querySelector(".buttonMute i").innerHTML = "";
+ } else {
+ view.querySelector(".buttonMute").setAttribute("title", globalize.translate("Mute"));
+ view.querySelector(".buttonMute i").innerHTML = "";
+ }
+
+ if (progressElement) {
+ progressElement.style.width = (volumeLevel || 0) + '%';
+ }
+
+ if (showMuteButton) {
+ view.querySelector(".buttonMute").classList.remove("hide");
+ } else {
+ view.querySelector(".buttonMute").classList.add("hide");
+ }
+
+ if (nowPlayingVolumeSlider) {
+ if (showVolumeSlider) {
+ nowPlayingVolumeSliderContainer.classList.remove("hide");
+ } else {
+ nowPlayingVolumeSliderContainer.classList.add("hide");
+ }
+
+ if (!nowPlayingVolumeSlider.dragging) {
+ nowPlayingVolumeSlider.value = volumeLevel || 0;
+ }
+ }
}
function updatePlaylist(player) {
- var btnPreviousTrack = view.querySelector(".btnPreviousTrack"),
- btnNextTrack = view.querySelector(".btnNextTrack");
- btnPreviousTrack.classList.remove("hide"), btnNextTrack.classList.remove("hide"), btnNextTrack.disabled = !1, btnPreviousTrack.disabled = !1
+ var btnPreviousTrack = view.querySelector(".btnPreviousTrack");
+ var btnNextTrack = view.querySelector(".btnNextTrack");
+ btnPreviousTrack.classList.remove("hide");
+ btnNextTrack.classList.remove("hide");
+ btnNextTrack.disabled = false;
+ btnPreviousTrack.disabled = false;
}
function updateTimeText(elem, ticks, divider) {
- if (null == ticks) return void(elem.innerHTML = "");
+ if (null == ticks) {
+ elem.innerHTML = "";
+ return;
+ }
+
var html = datetime.getDisplayRunningTime(ticks);
- divider && (html = " / " + html), elem.innerHTML = html
+
+ if (divider) {
+ html = " / " + html;
+ }
+
+ elem.innerHTML = html;
}
function onSettingsButtonClick(e) {
var btn = this;
- require(["playerSettingsMenu"], function(playerSettingsMenu) {
+
+ require(["playerSettingsMenu"], function (playerSettingsMenu) {
var player = currentPlayer;
- player && playerSettingsMenu.show({
- mediaType: "Video",
- player: player,
- positionTo: btn,
- stats: !0,
- onOption: onSettingsOption
- })
- })
+
+ if (player) {
+ playerSettingsMenu.show({
+ mediaType: "Video",
+ player: player,
+ positionTo: btn,
+ stats: true,
+ onOption: onSettingsOption
+ });
+ }
+ });
}
function onSettingsOption(selectedOption) {
- "stats" === selectedOption && toggleStats()
+ if ("stats" === selectedOption) {
+ toggleStats();
+ }
}
function toggleStats() {
- require(["playerStats"], function(PlayerStats) {
+ require(["playerStats"], function (PlayerStats) {
var player = currentPlayer;
- player && (statsOverlay ? statsOverlay.toggle() : statsOverlay = new PlayerStats({
- player: player
- }))
- })
+
+ if (player) {
+ if (statsOverlay) {
+ statsOverlay.toggle();
+ } else {
+ statsOverlay = new PlayerStats({
+ player: player
+ });
+ }
+ }
+ });
}
function destroyStats() {
- statsOverlay && (statsOverlay.destroy(), statsOverlay = null)
+ if (statsOverlay) {
+ statsOverlay.destroy();
+ statsOverlay = null;
+ }
}
function showAudioTrackSelection() {
- var player = currentPlayer,
- audioTracks = playbackManager.audioTracks(player),
- currentIndex = playbackManager.getAudioStreamIndex(player),
- menuItems = audioTracks.map(function(stream) {
- var opt = {
- name: stream.DisplayTitle,
- id: stream.Index
- };
- return stream.Index === currentIndex && (opt.selected = !0), opt
- }),
- positionTo = this;
- require(["actionsheet"], function(actionsheet) {
+ var player = currentPlayer;
+ var audioTracks = playbackManager.audioTracks(player);
+ var currentIndex = playbackManager.getAudioStreamIndex(player);
+ var menuItems = audioTracks.map(function (stream) {
+ var opt = {
+ name: stream.DisplayTitle,
+ id: stream.Index
+ };
+
+ if (stream.Index === currentIndex) {
+ opt.selected = true;
+ }
+
+ return opt;
+ });
+ var positionTo = this;
+
+ require(["actionsheet"], function (actionsheet) {
actionsheet.show({
items: menuItems,
title: globalize.translate("Audio"),
positionTo: positionTo
- }).then(function(id) {
+ }).then(function (id) {
var index = parseInt(id);
- index !== currentIndex && playbackManager.setAudioStreamIndex(index, player)
- })
- })
+
+ if (index !== currentIndex) {
+ playbackManager.setAudioStreamIndex(index, player);
+ }
+ });
+ });
}
function showSubtitleTrackSelection() {
- var player = currentPlayer,
- streams = playbackManager.subtitleTracks(player),
- currentIndex = playbackManager.getSubtitleStreamIndex(player);
- null == currentIndex && (currentIndex = -1), streams.unshift({
+ var player = currentPlayer;
+ var streams = playbackManager.subtitleTracks(player);
+ var currentIndex = playbackManager.getSubtitleStreamIndex(player);
+
+ if (null == currentIndex) {
+ currentIndex = -1;
+ }
+
+ streams.unshift({
Index: -1,
DisplayTitle: globalize.translate("Off")
});
- var menuItems = streams.map(function(stream) {
- var opt = {
- name: stream.DisplayTitle,
- id: stream.Index
- };
- return stream.Index === currentIndex && (opt.selected = !0), opt
- }),
- positionTo = this;
- require(["actionsheet"], function(actionsheet) {
+ var menuItems = streams.map(function (stream) {
+ var opt = {
+ name: stream.DisplayTitle,
+ id: stream.Index
+ };
+
+ if (stream.Index === currentIndex) {
+ opt.selected = true;
+ }
+
+ return opt;
+ });
+ var positionTo = this;
+
+ require(["actionsheet"], function (actionsheet) {
actionsheet.show({
title: globalize.translate("Subtitles"),
items: menuItems,
positionTo: positionTo
- }).then(function(id) {
+ }).then(function (id) {
var index = parseInt(id);
- index !== currentIndex && playbackManager.setSubtitleStreamIndex(index, player)
- })
- })
+
+ if (index !== currentIndex) {
+ playbackManager.setSubtitleStreamIndex(index, player);
+ }
+ });
+ });
}
function onWindowKeyDown(e) {
- if (!currentVisibleMenu && (32 === e.keyCode || 13 === e.keyCode)) return playbackManager.playPause(currentPlayer), void showOsd();
+ if (!currentVisibleMenu && (32 === e.keyCode || 13 === e.keyCode)) {
+ playbackManager.playPause(currentPlayer);
+ return void showOsd();
+ }
+
switch (e.key) {
case "f":
- e.ctrlKey || playbackManager.toggleFullscreen(currentPlayer);
- break;
+ if (!e.ctrlKey) {
+ playbackManager.toggleFullscreen(currentPlayer);
+ }
+
+ break;
+
case "m":
- playbackManager.toggleMute(currentPlayer);
- break;
+ playbackManager.toggleMute(currentPlayer);
+ break;
+
case "ArrowLeft":
case "Left":
case "NavigationLeft":
case "GamepadDPadLeft":
case "GamepadLeftThumbstickLeft":
- e.shiftKey && playbackManager.rewind(currentPlayer);
- break;
+ if (e.shiftKey) {
+ playbackManager.rewind(currentPlayer);
+ }
+
+ break;
+
case "ArrowRight":
case "Right":
case "NavigationRight":
case "GamepadDPadRight":
case "GamepadLeftThumbstickRight":
- e.shiftKey && playbackManager.fastForward(currentPlayer)
+ if (e.shiftKey) {
+ playbackManager.fastForward(currentPlayer);
+ }
+
}
}
function getImgUrl(item, chapter, index, maxWidth, apiClient) {
- return chapter.ImageTag ? apiClient.getScaledImageUrl(item.Id, {
- maxWidth: maxWidth,
- tag: chapter.ImageTag,
- type: "Chapter",
- index: index
- }) : null
+ if (chapter.ImageTag) {
+ return apiClient.getScaledImageUrl(item.Id, {
+ maxWidth: maxWidth,
+ tag: chapter.ImageTag,
+ type: "Chapter",
+ index: index
+ });
+ }
+
+ return null;
}
function getChapterBubbleHtml(apiClient, item, chapters, positionTicks) {
- for (var chapter, index = -1, i = 0, length = chapters.length; i < length; i++) {
+ var chapter;
+ var index = -1;
+
+ for (var i = 0, length = chapters.length; i < length; i++) {
var currentChapter = chapters[i];
- positionTicks >= currentChapter.StartPositionTicks && (chapter = currentChapter, index = i)
+
+ if (positionTicks >= currentChapter.StartPositionTicks) {
+ chapter = currentChapter;
+ index = i;
+ }
+ }
+
+ if (!chapter) {
+ return null;
}
- if (!chapter) return null;
+
var src = getImgUrl(item, chapter, index, 400, apiClient);
+
if (src) {
var html = '