mirror of
https://github.com/jellyfin/jellyfin-web.git
synced 2024-11-20 04:18:19 -07:00
485 lines
16 KiB
JavaScript
485 lines
16 KiB
JavaScript
define(["appSettings", "browser", "events", "htmlMediaHelper"], function (appSettings, browser, events, htmlMediaHelper) {
|
|
"use strict";
|
|
|
|
function getBaseProfileOptions(item) {
|
|
var disableHlsVideoAudioCodecs = [];
|
|
|
|
if (item && htmlMediaHelper.enableHlsJsPlayer(item.RunTimeTicks, item.MediaType)) {
|
|
if (browser.edge || browser.msie) {
|
|
disableHlsVideoAudioCodecs.push("mp3");
|
|
}
|
|
|
|
disableHlsVideoAudioCodecs.push("ac3");
|
|
disableHlsVideoAudioCodecs.push("eac3");
|
|
disableHlsVideoAudioCodecs.push("opus");
|
|
}
|
|
|
|
return {
|
|
enableMkvProgressive: false,
|
|
disableHlsVideoAudioCodecs: disableHlsVideoAudioCodecs
|
|
};
|
|
}
|
|
|
|
function getDeviceProfileForWindowsUwp(item) {
|
|
return new Promise(function (resolve, reject) {
|
|
require(["browserdeviceprofile", "environments/windows-uwp/mediacaps"], function (profileBuilder, uwpMediaCaps) {
|
|
var profileOptions = getBaseProfileOptions(item);
|
|
profileOptions.supportsDts = uwpMediaCaps.supportsDTS();
|
|
profileOptions.supportsTrueHd = uwpMediaCaps.supportsDolby();
|
|
profileOptions.audioChannels = uwpMediaCaps.getAudioChannels();
|
|
resolve(profileBuilder(profileOptions));
|
|
});
|
|
});
|
|
}
|
|
|
|
function getDeviceProfile(item, options) {
|
|
options = options || {};
|
|
|
|
if (self.Windows) {
|
|
return getDeviceProfileForWindowsUwp(item);
|
|
}
|
|
|
|
return new Promise(function (resolve) {
|
|
require(["browserdeviceprofile"], function (profileBuilder) {
|
|
var profile;
|
|
|
|
if (window.NativeShell) {
|
|
profile = window.NativeShell.AppHost.getDeviceProfile(profileBuilder);
|
|
} else {
|
|
profile = profileBuilder(getBaseProfileOptions(item));
|
|
|
|
if (item && !options.isRetry && "allcomplexformats" !== appSettings.get("subtitleburnin")) {
|
|
if (!browser.orsay && !browser.tizen) {
|
|
profile.SubtitleProfiles.push({
|
|
Format: "ass",
|
|
Method: "External"
|
|
});
|
|
profile.SubtitleProfiles.push({
|
|
Format: "ssa",
|
|
Method: "External"
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
resolve(profile);
|
|
});
|
|
});
|
|
}
|
|
|
|
function escapeRegExp(str) {
|
|
return str.replace(/([.*+?^=!:${}()|\[\]\/\\])/g, "\\$1");
|
|
}
|
|
|
|
function replaceAll(originalString, strReplace, strWith) {
|
|
var strReplace2 = escapeRegExp(strReplace);
|
|
var reg = new RegExp(strReplace2, "ig");
|
|
return originalString.replace(reg, strWith);
|
|
}
|
|
|
|
function generateDeviceId() {
|
|
var keys = [];
|
|
|
|
if (keys.push(navigator.userAgent), keys.push(new Date().getTime()), self.btoa) {
|
|
var result = replaceAll(btoa(keys.join("|")), "=", "1");
|
|
return Promise.resolve(result);
|
|
}
|
|
|
|
return Promise.resolve(new Date().getTime());
|
|
}
|
|
|
|
function getDeviceId() {
|
|
var key = "_deviceId2";
|
|
var deviceId = appSettings.get(key);
|
|
|
|
if (deviceId) {
|
|
return Promise.resolve(deviceId);
|
|
}
|
|
|
|
return generateDeviceId().then(function (deviceId) {
|
|
appSettings.set(key, deviceId);
|
|
return deviceId;
|
|
});
|
|
}
|
|
|
|
function getDeviceName() {
|
|
var deviceName;
|
|
deviceName = browser.tizen ? "Samsung Smart TV" : browser.web0s ? "LG Smart TV" : browser.operaTv ? "Opera TV" : browser.xboxOne ? "Xbox One" : browser.ps4 ? "Sony PS4" : browser.chrome ? "Chrome" : browser.edge ? "Edge" : browser.firefox ? "Firefox" : browser.msie ? "Internet Explorer" : browser.opera ? "Opera" : "Web Browser";
|
|
|
|
if (browser.ipad) {
|
|
deviceName += " Ipad";
|
|
} else {
|
|
if (browser.iphone) {
|
|
deviceName += " Iphone";
|
|
} else {
|
|
if (browser.android) {
|
|
deviceName += " Android";
|
|
}
|
|
}
|
|
}
|
|
|
|
return deviceName;
|
|
}
|
|
|
|
function supportsVoiceInput() {
|
|
if (!browser.tv) {
|
|
return window.SpeechRecognition || window.webkitSpeechRecognition || window.mozSpeechRecognition || window.oSpeechRecognition || window.msSpeechRecognition;
|
|
}
|
|
|
|
return false;
|
|
}
|
|
|
|
function supportsFullscreen() {
|
|
if (browser.tv) {
|
|
return false;
|
|
}
|
|
|
|
var element = document.documentElement;
|
|
return (element.requestFullscreen || element.mozRequestFullScreen || element.webkitRequestFullscreen || element.msRequestFullscreen) || document.createElement("video").webkitEnterFullscreen;
|
|
}
|
|
|
|
function getSyncProfile() {
|
|
return new Promise(function (resolve) {
|
|
require(["browserdeviceprofile", "appSettings"], function (profileBuilder, appSettings) {
|
|
var profile;
|
|
|
|
if (window.NativeShell) {
|
|
profile = window.NativeShell.AppHost.getSyncProfile(profileBuilder, appSettings);
|
|
} else {
|
|
profile = profileBuilder();
|
|
profile.MaxStaticMusicBitrate = appSettings.maxStaticMusicBitrate();
|
|
}
|
|
|
|
resolve(profile);
|
|
});
|
|
});
|
|
}
|
|
|
|
function getDefaultLayout() {
|
|
return "desktop";
|
|
}
|
|
|
|
function supportsHtmlMediaAutoplay() {
|
|
if (browser.edgeUwp || browser.tizen || browser.web0s || browser.orsay || browser.operaTv || browser.ps4 || browser.xboxOne) {
|
|
return true;
|
|
}
|
|
|
|
if (browser.mobile) {
|
|
return false;
|
|
}
|
|
|
|
var savedResult = appSettings.get(htmlMediaAutoplayAppStorageKey);
|
|
return "true" === savedResult || "false" !== savedResult && null;
|
|
}
|
|
|
|
function cueSupported() {
|
|
try {
|
|
var video = document.createElement("video");
|
|
var style = document.createElement("style");
|
|
style.textContent = "video::cue {background: inherit}";
|
|
document.body.appendChild(style);
|
|
document.body.appendChild(video);
|
|
var cue = window.getComputedStyle(video, "::cue").background;
|
|
document.body.removeChild(style);
|
|
document.body.removeChild(video);
|
|
return !!cue.length;
|
|
} catch (err) {
|
|
console.log("Error detecting cue support:" + err);
|
|
return false;
|
|
}
|
|
}
|
|
|
|
function onAppVisible() {
|
|
if (isHidden) {
|
|
isHidden = false;
|
|
console.log("triggering app resume event");
|
|
events.trigger(appHost, "resume");
|
|
}
|
|
}
|
|
|
|
function onAppHidden() {
|
|
if (!isHidden) {
|
|
isHidden = true;
|
|
console.log("app is hidden");
|
|
}
|
|
}
|
|
|
|
var htmlMediaAutoplayAppStorageKey = "supportshtmlmediaautoplay0";
|
|
|
|
var supportedFeatures = function () {
|
|
var features = [];
|
|
|
|
if (navigator.share) {
|
|
features.push("sharing");
|
|
}
|
|
|
|
if (!browser.edgeUwp && !browser.tv && !browser.xboxOne && !browser.ps4) {
|
|
features.push("filedownload");
|
|
}
|
|
|
|
if (browser.operaTv || browser.tizen || browser.orsay || browser.web0s) {
|
|
features.push("exit");
|
|
} else {
|
|
features.push("exitmenu");
|
|
features.push("plugins");
|
|
}
|
|
|
|
if (!browser.operaTv && !browser.tizen && !browser.orsay && !browser.web0s && !browser.ps4) {
|
|
features.push("externallinks");
|
|
features.push("externalpremium");
|
|
}
|
|
|
|
if (!browser.operaTv) {
|
|
features.push("externallinkdisplay");
|
|
}
|
|
|
|
if (supportsVoiceInput()) {
|
|
features.push("voiceinput");
|
|
}
|
|
|
|
if (!browser.tv && !browser.xboxOne) {
|
|
browser.ps4;
|
|
}
|
|
|
|
if (supportsHtmlMediaAutoplay()) {
|
|
features.push("htmlaudioautoplay");
|
|
features.push("htmlvideoautoplay");
|
|
}
|
|
|
|
if (browser.edgeUwp) {
|
|
features.push("sync");
|
|
}
|
|
|
|
if (supportsFullscreen()) {
|
|
features.push("fullscreenchange");
|
|
}
|
|
|
|
if (browser.chrome || browser.edge && !browser.slow) {
|
|
if (!browser.noAnimation && !browser.edgeUwp && !browser.xboxOne) {
|
|
features.push("imageanalysis");
|
|
}
|
|
}
|
|
|
|
if (browser.tv || browser.xboxOne || browser.ps4 || browser.mobile) {
|
|
features.push("physicalvolumecontrol");
|
|
}
|
|
|
|
if (!browser.tv && !browser.xboxOne && !browser.ps4) {
|
|
features.push("remotecontrol");
|
|
}
|
|
|
|
if (!browser.operaTv && !browser.tizen && !browser.orsay && !browser.web0s && !browser.edgeUwp) {
|
|
features.push("remotevideo");
|
|
}
|
|
|
|
features.push("displaylanguage");
|
|
features.push("otherapppromotions");
|
|
features.push("targetblank"); // allows users to connect to more than one server
|
|
//features.push("multiserver");
|
|
|
|
if (!browser.orsay && !browser.tizen && !browser.msie && (browser.firefox || browser.ps4 || browser.edge || cueSupported())) {
|
|
features.push("subtitleappearancesettings");
|
|
}
|
|
|
|
if (!browser.orsay && !browser.tizen) {
|
|
features.push("subtitleburnsettings");
|
|
}
|
|
|
|
if (!browser.tv && !browser.ps4 && !browser.xboxOne) {
|
|
features.push("fileinput");
|
|
}
|
|
|
|
if (browser.chrome) {
|
|
features.push("chromecast");
|
|
}
|
|
|
|
return features;
|
|
}();
|
|
|
|
if (supportedFeatures.indexOf("htmlvideoautoplay") === -1 && supportsHtmlMediaAutoplay() !== false) {
|
|
require(["autoPlayDetect"], function (autoPlayDetect) {
|
|
autoPlayDetect.supportsHtmlMediaAutoplay().then(function () {
|
|
appSettings.set(htmlMediaAutoplayAppStorageKey, "true");
|
|
supportedFeatures.push("htmlvideoautoplay");
|
|
supportedFeatures.push("htmlaudioautoplay");
|
|
}, function () {
|
|
appSettings.set(htmlMediaAutoplayAppStorageKey, "false");
|
|
});
|
|
});
|
|
}
|
|
|
|
var deviceId;
|
|
var deviceName;
|
|
var visibilityChange;
|
|
var visibilityState;
|
|
var appVersion = window.dashboardVersion || "3.0";
|
|
var appHost = {
|
|
getWindowState: function () {
|
|
return document.windowState || "Normal";
|
|
},
|
|
setWindowState: function (state) {
|
|
alert("setWindowState is not supported and should not be called");
|
|
},
|
|
exit: function () {
|
|
if (window.NativeShell) {
|
|
window.NativeShell.AppHost.exit();
|
|
} else if (browser.tizen) {
|
|
try {
|
|
tizen.application.getCurrentApplication().exit();
|
|
} catch (err) {
|
|
console.log("error closing application: " + err);
|
|
}
|
|
} else {
|
|
window.close();
|
|
}
|
|
},
|
|
supports: function (command) {
|
|
if (window.NativeShell) {
|
|
return window.NativeShell.AppHost.supports(command);
|
|
}
|
|
|
|
return -1 !== supportedFeatures.indexOf(command.toLowerCase());
|
|
},
|
|
preferVisualCards: browser.android || browser.chrome,
|
|
moreIcon: browser.android ? "dots-vert" : "dots-horiz",
|
|
getSyncProfile: getSyncProfile,
|
|
getDefaultLayout: function () {
|
|
if (window.NativeShell) {
|
|
return window.NativeShell.AppHost.getDefaultLayout();
|
|
}
|
|
|
|
return getDefaultLayout()
|
|
},
|
|
getDeviceProfile: getDeviceProfile,
|
|
init: function () {
|
|
if (window.NativeShell) {
|
|
return window.NativeShell.AppHost.init();
|
|
}
|
|
|
|
deviceName = getDeviceName();
|
|
return getDeviceId().then(function (resolvedDeviceId) {
|
|
deviceId = resolvedDeviceId;
|
|
});
|
|
},
|
|
deviceName: function () {
|
|
return window.NativeShell ? window.NativeShell.AppHost.deviceName() : deviceName;
|
|
},
|
|
deviceId: function () {
|
|
return window.NativeShell ? window.NativeShell.AppHost.deviceId() : deviceId;
|
|
},
|
|
appName: function () {
|
|
return window.NativeShell ? window.NativeShell.AppHost.appName() : "Jellyfin Web";
|
|
},
|
|
appVersion: function () {
|
|
return window.NativeShell ? window.NativeShell.AppHost.appVersion() : appVersion;
|
|
},
|
|
getPushTokenInfo: function () {
|
|
return {};
|
|
},
|
|
setThemeColor: function (color) {
|
|
var metaThemeColor = document.querySelector("meta[name=theme-color]");
|
|
|
|
if (metaThemeColor) {
|
|
metaThemeColor.setAttribute("content", color);
|
|
}
|
|
},
|
|
setUserScalable: function (scalable) {
|
|
if (!browser.tv) {
|
|
var att = scalable ? "width=device-width, initial-scale=1, minimum-scale=1, user-scalable=yes" : "width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no";
|
|
document.querySelector("meta[name=viewport]").setAttribute("content", att);
|
|
}
|
|
},
|
|
deviceIconUrl: function () {
|
|
browser.edgeUwp;
|
|
|
|
if (browser.edgeUwp) {
|
|
return "https://github.com/MediaBrowser/Emby.Resources/raw/master/images/devices/windowsrt.png";
|
|
}
|
|
|
|
if (browser.opera || browser.operaTv) {
|
|
return "https://github.com/MediaBrowser/Emby.Resources/raw/master/images/devices/opera.png";
|
|
}
|
|
|
|
if (browser.orsay || browser.tizen) {
|
|
return "https://github.com/MediaBrowser/Emby.Resources/raw/master/images/devices/samsungtv.png";
|
|
}
|
|
|
|
if (browser.web0s) {
|
|
return "https://github.com/MediaBrowser/Emby.Resources/raw/master/images/devices/lgtv.png";
|
|
}
|
|
|
|
if (browser.ps4) {
|
|
return "https://github.com/MediaBrowser/Emby.Resources/raw/master/images/devices/ps4.png";
|
|
}
|
|
|
|
if (browser.chromecast) {
|
|
return "https://github.com/MediaBrowser/Emby.Resources/raw/master/images/devices/chromecast.png";
|
|
}
|
|
|
|
if (browser.chrome) {
|
|
return "https://github.com/MediaBrowser/Emby.Resources/raw/master/images/devices/chrome.png";
|
|
}
|
|
|
|
if (browser.edge) {
|
|
return "https://github.com/MediaBrowser/Emby.Resources/raw/master/images/devices/edge.png";
|
|
}
|
|
|
|
if (browser.firefox) {
|
|
return "https://github.com/MediaBrowser/Emby.Resources/raw/master/images/devices/firefox.png";
|
|
}
|
|
|
|
if (browser.msie) {
|
|
return "https://github.com/MediaBrowser/Emby.Resources/raw/master/images/devices/internetexplorer.png";
|
|
}
|
|
|
|
if (browser.safari) {
|
|
return "https://github.com/MediaBrowser/Emby.Resources/raw/master/images/devices/safari.png";
|
|
}
|
|
|
|
return "https://github.com/MediaBrowser/Emby.Resources/raw/master/images/devices/html5.png";
|
|
}
|
|
};
|
|
var doc = self.document;
|
|
|
|
if (doc) {
|
|
if (void 0 !== doc.visibilityState) {
|
|
visibilityChange = "visibilitychange";
|
|
visibilityState = "hidden";
|
|
} else {
|
|
if (void 0 !== doc.mozHidden) {
|
|
visibilityChange = "mozvisibilitychange";
|
|
visibilityState = "mozVisibilityState";
|
|
} else {
|
|
if (void 0 !== doc.msHidden) {
|
|
visibilityChange = "msvisibilitychange";
|
|
visibilityState = "msVisibilityState";
|
|
} else {
|
|
if (void 0 !== doc.webkitHidden) {
|
|
visibilityChange = "webkitvisibilitychange";
|
|
visibilityState = "webkitVisibilityState";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
var isHidden = false;
|
|
|
|
if (doc) {
|
|
doc.addEventListener(visibilityChange, function () {
|
|
if (document[visibilityState]) {
|
|
onAppHidden();
|
|
} else {
|
|
onAppVisible();
|
|
}
|
|
});
|
|
}
|
|
|
|
if (self.addEventListener) {
|
|
self.addEventListener("focus", onAppVisible);
|
|
self.addEventListener("blur", onAppHidden);
|
|
}
|
|
|
|
return appHost;
|
|
});
|