const viewdata = JSON.parse(window.atob("@@data@@")); console.log(viewdata); const features = [ "filedownload", "displaylanguage", "htmlaudioautoplay", "htmlvideoautoplay", "externallinks", "clientsettings", "multiserver", "remotecontrol", "fullscreenchange", ]; const plugins = [ 'mpvVideoPlayer', 'mpvAudioPlayer', ]; function loadScript(src) { return new Promise((resolve, reject) => { const s = document.createElement('script'); s.src = src; s.onload = resolve; s.onerror = reject; document.head.appendChild(s); }); } // Add plugin loaders for (const plugin of plugins) { window[plugin] = async () => { await loadScript(`${viewdata.scriptPath}${plugin}.js`); return window["_" + plugin]; }; } window.NativeShell = { openUrl(url, target) { window.api.system.openExternalUrl(url); }, downloadFile(downloadInfo) { window.api.system.openExternalUrl(downloadInfo.url); }, openClientSettings() { showSettingsModal(); }, getPlugins() { return plugins; } }; function getDeviceProfile() { return { 'Name': 'Jellyfin Media Player', 'MusicStreamingTranscodingBitrate': 1280000, 'TimelineOffsetSeconds': 5, 'TranscodingProfiles': [ {'Type': 'Audio'}, { 'Container': 'ts', 'Type': 'Video', 'Protocol': 'hls', 'AudioCodec': 'aac,mp3,ac3,opus,flac,vorbis', 'VideoCodec': 'h264,h265,hevc,mpeg4,mpeg2video', 'MaxAudioChannels': '6' }, {'Container': 'jpeg', 'Type': 'Photo'} ], 'DirectPlayProfiles': [{'Type': 'Video'}, {'Type': 'Audio'}, {'Type': 'Photo'}], 'ResponseProfiles': [], 'ContainerProfiles': [], 'CodecProfiles': [], 'SubtitleProfiles': [ {'Format': 'srt', 'Method': 'External'}, {'Format': 'srt', 'Method': 'Embed'}, {'Format': 'ass', 'Method': 'External'}, {'Format': 'ass', 'Method': 'Embed'}, {'Format': 'sub', 'Method': 'Embed'}, {'Format': 'sub', 'Method': 'External'}, {'Format': 'ssa', 'Method': 'Embed'}, {'Format': 'ssa', 'Method': 'External'}, {'Format': 'smi', 'Method': 'Embed'}, {'Format': 'smi', 'Method': 'External'}, {'Format': 'pgssub', 'Method': 'Embed'}, {'Format': 'dvdsub', 'Method': 'Embed'}, {'Format': 'pgs', 'Method': 'Embed'} ] }; } async function createApi() { await loadScript('qrc:///qtwebchannel/qwebchannel.js'); const channel = await new Promise((resolve) => { /*global QWebChannel */ new QWebChannel(window.qt.webChannelTransport, resolve); }); return channel.objects; } window.NativeShell.AppHost = { async init() { window.api = await createApi(); }, getDefaultLayout() { return "desktop"; }, supports(command) { return features.includes(command.toLowerCase()); }, getDeviceProfile, getSyncProfile: getDeviceProfile, appName() { return "Jellyfin Media Player"; }, appVersion() { return navigator.userAgent.split(" ")[1]; }, deviceName() { return viewdata.deviceName; } }; async function showSettingsModal() { let settings = await new Promise(resolve => { window.api.settings.settingDescriptions(resolve); }); const modalContainer = document.createElement("div"); Object.assign(modalContainer.style, { position: "fixed", top: 10, bottom: 10, left: 10, right: 10, zIndex: 2000, width: "100%", height: "100%", backgroundColor: "#000000C0", display: "flex", justifyContent: "center" }); modalContainer.addEventListener("click", e => { if (e.target == modalContainer) { modalContainer.remove(); } }); document.body.appendChild(modalContainer); const modalContainer2 = document.createElement("div"); Object.assign(modalContainer2.style, { width: "100%", maxWidth: "500px", overflowY: "auto", margin: "20px", height: "auto" }); modalContainer.appendChild(modalContainer2); const modal = document.createElement("div"); modal.className = "jmp-settings-modal"; Object.assign(modal.style, { width: "100%", padding: "20px", boxSizing: "border-box", backgroundColor: "#202020", height: "min-content", color: "#fff" }); modalContainer2.appendChild(modal); const title = document.createElement("h1"); title.textContent = "Jellyfin Media Player Settings"; modal.appendChild(title); for (let section of settings) { const group = document.createElement("fieldset"); modal.appendChild(group); const createSection = async (clear) => { if (clear) { group.innerHTML = ""; } const values = await new Promise(resolve => { window.api.settings.allValues(section.key, resolve); }); const legend = document.createElement("legend"); legend.textContent = section.key; group.appendChild(legend); for (const setting of section.settings) { const label = document.createElement("label"); label.style.display = "block"; if (setting.options) { const safeValues = {}; const control = document.createElement("select"); for (const option of setting.options) { safeValues[String(option.value)] = option.value; const opt = document.createElement("option"); opt.value = option.value; opt.selected = option.value == values[setting.key]; let optionName = option.title; const swTest = `${section.key}.${setting.key}.`; const swTest2 = `${section.key}.`; if (optionName.startsWith(swTest)) { optionName = optionName.substring(swTest.length); } else if (optionName.startsWith(swTest2)) { optionName = optionName.substring(swTest2.length); } opt.appendChild(document.createTextNode(optionName)); control.appendChild(opt); } control.addEventListener("change", async (e) => { await new Promise(resolve => { window.api.settings.setValue(section.key, setting.key, safeValues[e.target.value], resolve); }); if (setting.key == "devicetype") { section = (await new Promise(resolve => { window.api.settings.settingDescriptions(resolve); })).filter(x => x.key == section.key)[0]; createSection(true); } }); label.appendChild(document.createTextNode(setting.key + " ")); label.appendChild(control); } else { const control = document.createElement("input"); control.type = "checkbox"; control.checked = values[setting.key]; control.addEventListener("change", e => { window.api.settings.setValue(section.key, setting.key, e.target.checked); }); label.appendChild(control); label.appendChild(document.createTextNode(" " + setting.key)); } group.appendChild(label); } }; createSection(); } const closeContainer = document.createElement("div"); Object.assign(closeContainer.style, { width: "100%", display: "flex", justifyContent: "flex-end", paddingTop: "10px" }); modal.appendChild(closeContainer); const close = document.createElement("button"); close.textContent = "Close" close.addEventListener("click", () => { modalContainer.remove(); }); closeContainer.appendChild(close); }