2019-11-03 18:52:15 +01:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
|
|
<head>
|
2022-09-25 12:50:41 +02:00
|
|
|
<title>Tidal Hi-Fi settings</title>
|
2022-08-07 16:05:48 +02:00
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
2022-09-25 12:50:41 +02:00
|
|
|
<link rel="stylesheet" href="./settings.css" />
|
2019-11-03 18:52:15 +01:00
|
|
|
</head>
|
|
|
|
|
|
2022-09-25 12:50:41 +02:00
|
|
|
<body class="settings-window">
|
|
|
|
|
<div class="settings-window__wrapper">
|
|
|
|
|
<div class="settings-window__drag-area"></div>
|
|
|
|
|
<a id="close" class="settings-window__close-button" title="Close settings">
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 348.333 348.334" class="settings-window__svg-icon">
|
|
|
|
|
<path fill="white" d="M336.559,68.611L231.016,174.165l105.543,105.549c15.699,15.705,15.699,41.145,0,56.85
|
|
|
|
|
c-7.844,7.844-18.128,11.769-28.407,11.769c-10.296,0-20.581-3.919-28.419-11.769L174.167,231.003L68.609,336.563
|
|
|
|
|
c-7.843,7.844-18.128,11.769-28.416,11.769c-10.285,0-20.563-3.919-28.413-11.769c-15.699-15.698-15.699-41.139,0-56.85
|
|
|
|
|
l105.54-105.549L11.774,68.611c-15.699-15.699-15.699-41.145,0-56.844c15.696-15.687,41.127-15.687,56.829,0l105.563,105.554
|
|
|
|
|
L279.721,11.767c15.705-15.687,41.139-15.687,56.832,0C352.258,27.466,352.258,52.912,336.559,68.611z" />
|
2022-08-07 16:05:48 +02:00
|
|
|
</svg>
|
|
|
|
|
</a>
|
|
|
|
|
|
2022-09-25 12:50:41 +02:00
|
|
|
<main class="settings">
|
|
|
|
|
<input type="radio" name="tab" id="general" checked />
|
2022-08-07 16:05:48 +02:00
|
|
|
<label for="general">General</label>
|
|
|
|
|
|
2022-09-25 12:50:41 +02:00
|
|
|
<input type="radio" name="tab" id="api" />
|
|
|
|
|
<label for="api">API</label>
|
2022-08-07 16:05:48 +02:00
|
|
|
|
2022-09-25 12:50:41 +02:00
|
|
|
<input type="radio" name="tab" id="integrations" />
|
2022-08-07 16:05:48 +02:00
|
|
|
<label for="integrations">Integrations</label>
|
|
|
|
|
|
2022-09-25 12:50:41 +02:00
|
|
|
<input type="radio" name="tab" id="advanced" />
|
2022-08-07 16:05:48 +02:00
|
|
|
<label for="advanced">Advanced</label>
|
2022-09-25 12:50:41 +02:00
|
|
|
|
2023-05-08 22:31:22 +02:00
|
|
|
<input type="radio" name="tab" id="theming" />
|
|
|
|
|
<label for="theming">Theming</label>
|
|
|
|
|
|
2022-09-25 12:50:41 +02:00
|
|
|
<input type="radio" name="tab" id="about" />
|
2022-08-07 16:05:48 +02:00
|
|
|
<label for="about">About</label>
|
|
|
|
|
|
2022-09-25 12:50:41 +02:00
|
|
|
<div class="tabs">
|
|
|
|
|
<section id="general-section" class="tabs__section">
|
|
|
|
|
<div class="group">
|
|
|
|
|
<p class="group__title">Playback</p>
|
|
|
|
|
<div class="group__option">
|
|
|
|
|
<div class="group__description">
|
|
|
|
|
<h4>Notifications</h4>
|
|
|
|
|
<p>Show a notification when a new song starts.</p>
|
|
|
|
|
</div>
|
2022-08-07 16:05:48 +02:00
|
|
|
<label class="switch">
|
2023-04-21 11:26:10 +02:00
|
|
|
<input id="notifications" type="checkbox" />
|
2022-09-25 12:50:41 +02:00
|
|
|
<span class="switch__slider"></span>
|
2022-08-07 16:05:48 +02:00
|
|
|
</label>
|
|
|
|
|
</div>
|
2022-09-25 12:50:41 +02:00
|
|
|
<div class="group__option">
|
|
|
|
|
<div class="group__description">
|
2023-04-20 19:07:44 +02:00
|
|
|
<h4>Skip Artists automatically</h4>
|
|
|
|
|
<p>The following list of artists (1 per line) will be skipped automatically.</p>
|
2022-09-25 12:50:41 +02:00
|
|
|
</div>
|
|
|
|
|
<label class="switch">
|
2023-04-21 11:26:10 +02:00
|
|
|
<input id="skipArtists" type="checkbox" />
|
2022-09-25 12:50:41 +02:00
|
|
|
<span class="switch__slider"></span>
|
2022-08-07 16:05:48 +02:00
|
|
|
</label>
|
|
|
|
|
</div>
|
2023-04-20 19:07:44 +02:00
|
|
|
<textarea id="skippedArtists" class="textarea" cols="40" rows="5" spellcheck="false"></textarea>
|
2023-01-22 21:18:20 +01:00
|
|
|
<div class="group__option">
|
|
|
|
|
<div class="group__description">
|
2023-04-20 19:07:44 +02:00
|
|
|
<h4>Block ads</h4>
|
2023-04-21 11:26:10 +02:00
|
|
|
<p>
|
|
|
|
|
Disabled audio & visual ads, unlocked lyrics, suggested track, track info,
|
|
|
|
|
unlimited skips
|
|
|
|
|
</p>
|
2023-01-22 21:18:20 +01:00
|
|
|
</div>
|
|
|
|
|
<label class="switch">
|
2023-04-21 11:26:10 +02:00
|
|
|
<input id="adBlock" type="checkbox" />
|
2023-01-22 21:18:20 +01:00
|
|
|
<span class="switch__slider"></span>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
2022-08-07 16:05:48 +02:00
|
|
|
</div>
|
2022-09-25 12:50:41 +02:00
|
|
|
<div class="group">
|
|
|
|
|
<p class="group__title">UI</p>
|
|
|
|
|
<div class="group__option">
|
|
|
|
|
<div class="group__description">
|
2023-01-20 22:15:36 +01:00
|
|
|
<h4>Fixed menubar</h4>
|
|
|
|
|
<p>Always show TIDAL Hi-Fi's menu bar.</p>
|
2022-09-25 12:50:41 +02:00
|
|
|
</div>
|
2022-08-07 16:05:48 +02:00
|
|
|
<label class="switch">
|
2023-04-21 11:26:10 +02:00
|
|
|
<input id="menuBar" type="checkbox" />
|
2022-09-25 12:50:41 +02:00
|
|
|
<span class="switch__slider"></span>
|
2022-08-07 16:05:48 +02:00
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2022-09-25 12:50:41 +02:00
|
|
|
<div class="group">
|
|
|
|
|
<p class="group__title">System</p>
|
|
|
|
|
<div class="group__option">
|
|
|
|
|
<div class="group__description">
|
|
|
|
|
<h4>Tray icon</h4>
|
|
|
|
|
<p>Show TIDAL Hi-Fi's tray icon.</p>
|
|
|
|
|
</div>
|
2022-08-07 16:05:48 +02:00
|
|
|
<label class="switch">
|
2023-04-21 11:26:10 +02:00
|
|
|
<input id="trayIcon" type="checkbox" />
|
2022-09-25 12:50:41 +02:00
|
|
|
<span class="switch__slider"></span>
|
2022-08-07 16:05:48 +02:00
|
|
|
</label>
|
|
|
|
|
</div>
|
2022-09-25 12:50:41 +02:00
|
|
|
<div class="group__option">
|
|
|
|
|
<div class="group__description">
|
|
|
|
|
<h4>Minimize on Close</h4>
|
|
|
|
|
<p>Minimize window on close instead.</p>
|
|
|
|
|
</div>
|
2022-08-07 16:05:48 +02:00
|
|
|
<label class="switch">
|
2023-04-21 11:26:10 +02:00
|
|
|
<input id="minimizeOnClose" type="checkbox" />
|
2022-09-25 12:50:41 +02:00
|
|
|
<span class="switch__slider"></span>
|
2022-08-07 16:05:48 +02:00
|
|
|
</label>
|
|
|
|
|
</div>
|
2022-09-25 12:50:41 +02:00
|
|
|
<div class="group__option">
|
|
|
|
|
<div class="group__description">
|
|
|
|
|
<h4>Hotkeys</h4>
|
|
|
|
|
<p>
|
|
|
|
|
Enable extra hotkeys to achieve feature parity with the
|
|
|
|
|
<a class="external-link" data-url="https://defkey.com/tidal-desktop-shortcuts">desktop apps</a>.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
2022-08-07 16:05:48 +02:00
|
|
|
<label class="switch">
|
2023-04-21 11:26:10 +02:00
|
|
|
<input id="enableCustomHotkeys" type="checkbox" />
|
2022-09-25 12:50:41 +02:00
|
|
|
<span class="switch__slider"></span>
|
2022-08-07 16:05:48 +02:00
|
|
|
</label>
|
|
|
|
|
</div>
|
2022-09-25 12:50:41 +02:00
|
|
|
<div class="group__option">
|
|
|
|
|
<div class="group__description">
|
|
|
|
|
<h4>Single instance</h4>
|
|
|
|
|
<p>Prevent opening multiple TIDAL Hi-Fi's instances.</p>
|
|
|
|
|
</div>
|
2022-08-07 16:05:48 +02:00
|
|
|
<label class="switch">
|
2023-04-21 11:26:10 +02:00
|
|
|
<input id="singleInstance" type="checkbox" />
|
2022-09-25 12:50:41 +02:00
|
|
|
<span class="switch__slider"></span>
|
2022-08-07 16:05:48 +02:00
|
|
|
</label>
|
2019-11-03 18:52:15 +01:00
|
|
|
</div>
|
2022-08-07 16:05:48 +02:00
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
|
2022-09-25 12:50:41 +02:00
|
|
|
<section id="api-section" class="tabs__section">
|
|
|
|
|
<div class="group">
|
|
|
|
|
<p class="group__title">API</p>
|
|
|
|
|
<div class="group__description">
|
2022-08-07 16:05:48 +02:00
|
|
|
<p>
|
2023-04-21 11:26:10 +02:00
|
|
|
TIDAL Hi-Fi has a built-in web API to allow users to get current song information.
|
|
|
|
|
You can optionally enable playback control as well.
|
2022-08-07 16:05:48 +02:00
|
|
|
</p>
|
2022-09-25 12:50:41 +02:00
|
|
|
</div>
|
|
|
|
|
<div class="group__option">
|
|
|
|
|
<div class="group__description">
|
|
|
|
|
<h4>Web API</h4>
|
|
|
|
|
<p>Enable the TIDAL Hi-Fi web API.</p>
|
|
|
|
|
</div>
|
2022-08-07 16:05:48 +02:00
|
|
|
<label class="switch">
|
2023-04-21 11:26:10 +02:00
|
|
|
<input id="apiCheckbox" type="checkbox" />
|
2022-09-25 12:50:41 +02:00
|
|
|
<span class="switch__slider"></span>
|
2022-08-07 16:05:48 +02:00
|
|
|
</label>
|
|
|
|
|
</div>
|
2022-09-25 12:50:41 +02:00
|
|
|
<div class="group__option">
|
|
|
|
|
<div class="group__description">
|
|
|
|
|
<label for="port">API port</label>
|
2023-04-27 11:35:00 +02:00
|
|
|
<input id="port" type="number" class="text-input" name="port" />
|
2022-09-25 12:50:41 +02:00
|
|
|
</div>
|
2022-08-07 16:05:48 +02:00
|
|
|
</div>
|
2022-09-25 12:50:41 +02:00
|
|
|
<div class="group__option">
|
|
|
|
|
<div class="group__description">
|
|
|
|
|
<h4>Playback control</h4>
|
|
|
|
|
<p>Enable playback control from the web API.</p>
|
|
|
|
|
</div>
|
2022-08-07 16:05:48 +02:00
|
|
|
<label class="switch">
|
2023-04-21 11:26:10 +02:00
|
|
|
<input id="playBackControl" type="checkbox" />
|
2022-09-25 12:50:41 +02:00
|
|
|
<span class="switch__slider"></span>
|
2022-08-07 16:05:48 +02:00
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
2022-09-25 12:50:41 +02:00
|
|
|
|
|
|
|
|
<section id="integrations-section" class="tabs__section">
|
|
|
|
|
<div class="group">
|
|
|
|
|
<p class="group__title">Integrations</p>
|
|
|
|
|
<div class="group__description">
|
2022-08-07 16:05:48 +02:00
|
|
|
<p>
|
2023-04-21 11:26:10 +02:00
|
|
|
TIDAL Hi-Fi is extensible through the use of integrations. You can enable or
|
|
|
|
|
disable them here.
|
2022-08-07 16:05:48 +02:00
|
|
|
</p>
|
2022-09-25 12:50:41 +02:00
|
|
|
</div>
|
|
|
|
|
<div class="group__option">
|
|
|
|
|
<div class="group__description">
|
|
|
|
|
<h4>MPRIS</h4>
|
2023-04-21 11:26:10 +02:00
|
|
|
<p>
|
|
|
|
|
Enable MPRIS interface which provides a mechanism for discovery, querying and
|
|
|
|
|
basic playback control on Linux systems.
|
|
|
|
|
</p>
|
2022-09-25 12:50:41 +02:00
|
|
|
</div>
|
2022-08-07 16:05:48 +02:00
|
|
|
<label class="switch">
|
2023-04-21 11:26:10 +02:00
|
|
|
<input id="mprisCheckbox" type="checkbox" />
|
2022-09-25 12:50:41 +02:00
|
|
|
<span class="switch__slider"></span>
|
2022-08-07 16:05:48 +02:00
|
|
|
</label>
|
|
|
|
|
</div>
|
2022-09-25 12:50:41 +02:00
|
|
|
<div class="group__option">
|
|
|
|
|
<div class="group__description">
|
|
|
|
|
<h4>Discord RPC</h4>
|
|
|
|
|
<p>Show what you're listening to on Discord.</p>
|
|
|
|
|
</div>
|
2022-08-07 16:05:48 +02:00
|
|
|
<label class="switch">
|
2023-04-21 11:26:10 +02:00
|
|
|
<input id="enableDiscord" type="checkbox" />
|
2022-09-25 12:50:41 +02:00
|
|
|
<span class="switch__slider"></span>
|
2022-08-07 16:05:48 +02:00
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
2022-09-25 12:50:41 +02:00
|
|
|
|
|
|
|
|
<section id="advanced-section" class="tabs__section">
|
2023-04-27 11:35:00 +02:00
|
|
|
<div class="group">
|
|
|
|
|
<p class="group__title">Settings</p>
|
|
|
|
|
<div class="group__option">
|
|
|
|
|
<div class="group__description">
|
|
|
|
|
<h4>Update frequency</h4>
|
|
|
|
|
<p>
|
|
|
|
|
The amount of time, in milliseconds, that tidal-hifi will refresh its playback info by scraping the
|
|
|
|
|
website.
|
|
|
|
|
The default of 500 seems to work in more cases but if you are fine with a bit more resource usage you
|
|
|
|
|
can decrease it as well.
|
|
|
|
|
</p>
|
|
|
|
|
<input id="updateFrequency" type="number" class="text-input" name="updateFrequency" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-05-08 22:31:22 +02:00
|
|
|
<div class="group">
|
|
|
|
|
<p class="group__title">Flags</p>
|
|
|
|
|
<div class="group__option">
|
|
|
|
|
<div class="group__description">
|
|
|
|
|
<h4>Disable hardware built-in media keys</h4>
|
|
|
|
|
<p>
|
|
|
|
|
Also prevents certain desktop environments from recognizing the chrome MPRIS
|
|
|
|
|
client separately from the custom MPRIS client.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<label class="switch">
|
|
|
|
|
<input id="disableHardwareMediaKeys" type="checkbox" />
|
|
|
|
|
<span class="switch__slider"></span>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="group__option">
|
|
|
|
|
<div class="group__description">
|
|
|
|
|
<h4>Enable GPU rasterization</h4>
|
|
|
|
|
<p>Move a part of the rendering to the GPU for increased performance.</p>
|
|
|
|
|
</div>
|
|
|
|
|
<label class="switch">
|
|
|
|
|
<input id="gpuRasterization" type="checkbox" />
|
|
|
|
|
<span class="switch__slider"></span>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="group__option">
|
|
|
|
|
<div class="group__description">
|
|
|
|
|
<h4>Disable Background Throttling</h4>
|
|
|
|
|
<p>
|
|
|
|
|
Makes app more responsive while in the background, at the cost of performance.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<label class="switch">
|
|
|
|
|
<input id="disableBackgroundThrottle" type="checkbox" />
|
|
|
|
|
<span class="switch__slider"></span>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<section id="theming-section" class="tabs__section">
|
|
|
|
|
<div class="group">
|
|
|
|
|
<p class="group__title">Theming</p>
|
2023-04-27 14:13:32 +02:00
|
|
|
<div class="group__option">
|
|
|
|
|
<div class="group__description">
|
|
|
|
|
<h4>Custom CSS</h4>
|
|
|
|
|
<p>
|
|
|
|
|
The css that you put in here will be injected into a style tag in the head of the document.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-04-27 11:35:00 +02:00
|
|
|
</div>
|
2023-04-27 14:13:32 +02:00
|
|
|
<textarea id="customCSS" class="textarea" cols="40" rows="8" spellcheck="false"></textarea>
|
2023-04-27 11:35:00 +02:00
|
|
|
|
2022-09-25 12:50:41 +02:00
|
|
|
<div class="group">
|
2023-05-08 22:31:22 +02:00
|
|
|
<p class="group__title">Theme files</p>
|
2022-09-25 12:50:41 +02:00
|
|
|
<div class="group__option">
|
|
|
|
|
<div class="group__description">
|
2023-05-08 22:31:22 +02:00
|
|
|
<h4>Current theme</h4>
|
2022-09-25 12:50:41 +02:00
|
|
|
<p>
|
2023-05-08 22:31:22 +02:00
|
|
|
Select a theme below or "Tidal - Default" to return to the original Tidal look.
|
2022-09-25 12:50:41 +02:00
|
|
|
</p>
|
2023-05-08 22:31:22 +02:00
|
|
|
<select id="themesList" name="themesList">
|
|
|
|
|
|
|
|
|
|
</select>
|
2022-09-25 12:50:41 +02:00
|
|
|
</div>
|
2022-10-05 19:38:01 +02:00
|
|
|
</div>
|
2023-05-08 22:31:22 +02:00
|
|
|
|
2022-10-05 19:38:01 +02:00
|
|
|
<div class="group__option">
|
|
|
|
|
<div class="group__description">
|
2023-05-08 22:31:22 +02:00
|
|
|
<h4>Upload new themes</h4>
|
2023-04-21 11:26:10 +02:00
|
|
|
<p>
|
2023-05-08 22:31:22 +02:00
|
|
|
Click the button and select the css files to import. They will be added to the theme list
|
|
|
|
|
automatically.
|
2023-04-21 11:26:10 +02:00
|
|
|
</p>
|
2023-05-08 22:31:22 +02:00
|
|
|
<div class="file-drop-area">
|
|
|
|
|
<div>
|
|
|
|
|
<span class="file-btn">Choose files</span>
|
|
|
|
|
<span id="file-message" class="file-msg">or drag and drop files here</span>
|
|
|
|
|
<input id="theme-files" class="file-input" type="file" accept=".css" multiple>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2022-10-05 19:38:01 +02:00
|
|
|
</div>
|
2022-08-07 16:05:48 +02:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
2022-09-25 12:50:41 +02:00
|
|
|
|
|
|
|
|
<section id="about-section" class="tabs__section about-section">
|
2023-04-21 11:26:10 +02:00
|
|
|
<img alt="tidal icon" class="about-section__icon" src="./icon.png" />
|
2022-09-25 12:50:41 +02:00
|
|
|
<p class="about-section__text">
|
|
|
|
|
<a class="external-link" data-url="https://github.com/Mastermindzh/tidal-hifi">TIDAL Hi-Fi</a>
|
2023-04-21 11:26:10 +02:00
|
|
|
is made by
|
|
|
|
|
<a class="external-link" data-url="https://www.rickvanlieshout.com">
|
|
|
|
|
Rick van Lieshout</a>. <br />It uses
|
|
|
|
|
<a class="external-link" data-url="https://castlabs.com/">Castlabs'</a>
|
2022-09-25 12:50:41 +02:00
|
|
|
version of Electron for widevine support.
|
|
|
|
|
</p>
|
2022-08-07 16:05:48 +02:00
|
|
|
</section>
|
|
|
|
|
|
2022-09-25 12:50:41 +02:00
|
|
|
<footer class="footer">
|
2023-04-21 11:26:10 +02:00
|
|
|
<p class="footer__note">
|
|
|
|
|
Some settings may require a restart of TIDAL Hi-Fi. To do so, click the button below:
|
2022-09-25 12:50:41 +02:00
|
|
|
</p>
|
|
|
|
|
<button class="footer__button" id="restart">Restart TIDAL Hi-Fi</button>
|
|
|
|
|
</footer>
|
2022-08-07 16:05:48 +02:00
|
|
|
</div>
|
2022-09-25 12:50:41 +02:00
|
|
|
</main>
|
2022-08-07 16:05:48 +02:00
|
|
|
</div>
|
2019-11-03 18:52:15 +01:00
|
|
|
</body>
|
|
|
|
|
|
2023-04-21 11:26:10 +02:00
|
|
|
</html>
|
