452 lines
14 KiB
JavaScript
452 lines
14 KiB
JavaScript
define(['appSettings', 'browser', 'events', 'htmlMediaHelper', 'webSettings', 'globalize'], function (appSettings, browser, events, htmlMediaHelper, webSettings, globalize) {
|
|
'use strict';
|
|
|
|
function getBaseProfileOptions(item) {
|
|
var disableHlsVideoAudioCodecs = [];
|
|
|
|
if (item && htmlMediaHelper.enableHlsJsPlayer(item.RunTimeTicks, item.MediaType)) {
|
|
if (browser.edge) {
|
|
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 {
|
|
var builderOpts = getBaseProfileOptions(item);
|
|
builderOpts.enableSsaRender = (item && !options.isRetry && appSettings.get('subtitleburnin') !== 'allcomplexformats');
|
|
profile = profileBuilder(builderOpts);
|
|
}
|
|
|
|
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;
|
|
if (browser.tizen) {
|
|
deviceName = 'Samsung Smart TV';
|
|
} else if (browser.web0s) {
|
|
deviceName = 'LG Smart TV';
|
|
} else if (browser.operaTv) {
|
|
deviceName = 'Opera TV';
|
|
} else if (browser.xboxOne) {
|
|
deviceName = 'Xbox One';
|
|
} else if (browser.ps4) {
|
|
deviceName = 'Sony PS4';
|
|
} else if (browser.chrome) {
|
|
deviceName = 'Chrome';
|
|
} else if (browser.edgeChromium) {
|
|
deviceName = 'Edge Chromium';
|
|
} else if (browser.edge) {
|
|
deviceName = 'Edge';
|
|
} else if (browser.firefox) {
|
|
deviceName = 'Firefox';
|
|
} else if (browser.opera) {
|
|
deviceName = 'Opera';
|
|
} else if (browser.safari) {
|
|
deviceName = 'Safari';
|
|
} else {
|
|
deviceName = '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;
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
function supportsCue() {
|
|
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.error('error detecting cue support: ' + err);
|
|
return false;
|
|
}
|
|
}
|
|
|
|
function onAppVisible() {
|
|
if (isHidden) {
|
|
isHidden = false;
|
|
console.debug('triggering app resume event');
|
|
events.trigger(appHost, 'resume');
|
|
}
|
|
}
|
|
|
|
function onAppHidden() {
|
|
if (!isHidden) {
|
|
isHidden = true;
|
|
console.debug('app is hidden');
|
|
}
|
|
}
|
|
|
|
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 (supportsHtmlMediaAutoplay()) {
|
|
features.push('htmlaudioautoplay');
|
|
features.push('htmlvideoautoplay');
|
|
}
|
|
|
|
if (browser.edgeUwp) {
|
|
features.push('sync');
|
|
}
|
|
|
|
if (supportsFullscreen()) {
|
|
features.push('fullscreenchange');
|
|
}
|
|
|
|
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('displaymode');
|
|
features.push('targetblank');
|
|
features.push('screensaver');
|
|
|
|
webSettings.enableMultiServer().then(enabled => {
|
|
if (enabled) features.push('multiserver');
|
|
});
|
|
|
|
if (!browser.orsay && (browser.firefox || browser.ps4 || browser.edge || supportsCue())) {
|
|
features.push('subtitleappearancesettings');
|
|
}
|
|
|
|
if (!browser.orsay) {
|
|
features.push('subtitleburnsettings');
|
|
}
|
|
|
|
if (!browser.tv && !browser.ps4 && !browser.xboxOne) {
|
|
features.push('fileinput');
|
|
}
|
|
|
|
if (browser.chrome || browser.edgeChromium) {
|
|
features.push('chromecast');
|
|
}
|
|
|
|
return features;
|
|
}();
|
|
|
|
/**
|
|
* Do exit according to platform
|
|
*/
|
|
function doExit() {
|
|
try {
|
|
if (window.NativeShell) {
|
|
window.NativeShell.AppHost.exit();
|
|
} else if (browser.tizen) {
|
|
tizen.application.getCurrentApplication().exit();
|
|
} else if (browser.web0s) {
|
|
webOS.platformBack();
|
|
} else {
|
|
window.close();
|
|
}
|
|
} catch (err) {
|
|
console.error('error closing application: ' + err);
|
|
}
|
|
}
|
|
|
|
var exitPromise;
|
|
|
|
/**
|
|
* Ask user for exit
|
|
*/
|
|
function askForExit() {
|
|
if (exitPromise) {
|
|
return;
|
|
}
|
|
|
|
require(['actionsheet'], function (actionsheet) {
|
|
exitPromise = actionsheet.show({
|
|
title: globalize.translate('MessageConfirmAppExit'),
|
|
items: [
|
|
{id: 'yes', name: globalize.translate('Yes')},
|
|
{id: 'no', name: globalize.translate('No')}
|
|
]
|
|
}).then(function (value) {
|
|
if (value === 'yes') {
|
|
doExit();
|
|
}
|
|
}).finally(function () {
|
|
exitPromise = null;
|
|
});
|
|
});
|
|
}
|
|
|
|
var deviceId;
|
|
var deviceName;
|
|
var appName = 'Jellyfin Web';
|
|
var appVersion = '10.7.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.appMode && browser.tizen) {
|
|
askForExit();
|
|
} else {
|
|
doExit();
|
|
}
|
|
},
|
|
supports: function (command) {
|
|
if (window.NativeShell) {
|
|
return window.NativeShell.AppHost.supports(command);
|
|
}
|
|
|
|
return supportedFeatures.indexOf(command.toLowerCase()) !== -1;
|
|
},
|
|
preferVisualCards: browser.android || browser.chrome,
|
|
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();
|
|
getDeviceId().then(function (id) {
|
|
deviceId = id;
|
|
});
|
|
},
|
|
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() : appName;
|
|
},
|
|
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);
|
|
}
|
|
}
|
|
};
|
|
|
|
var isHidden = false;
|
|
var hidden;
|
|
var visibilityChange;
|
|
|
|
if (typeof document.hidden !== 'undefined') { /* eslint-disable-line compat/compat */
|
|
hidden = 'hidden';
|
|
visibilityChange = 'visibilitychange';
|
|
} else if (typeof document.webkitHidden !== 'undefined') {
|
|
hidden = 'webkitHidden';
|
|
visibilityChange = 'webkitvisibilitychange';
|
|
}
|
|
|
|
document.addEventListener(visibilityChange, function () {
|
|
/* eslint-disable-next-line compat/compat */
|
|
if (document[hidden]) {
|
|
onAppHidden();
|
|
} else {
|
|
onAppVisible();
|
|
}
|
|
}, false);
|
|
|
|
if (self.addEventListener) {
|
|
self.addEventListener('focus', onAppVisible);
|
|
self.addEventListener('blur', onAppHidden);
|
|
}
|
|
|
|
return appHost;
|
|
});
|