trafficlunar/jellyfin-spicetify
1
0
Fork 0
mirror of https://github.com/trafficlunar/jellyfin-spicetify.git synced 2026-06-13 19:07:06 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: better volume hijacking

Browse source
This commit is contained in:
trafficlunar 2026-03-09 22:20:03 +00:00
parent c3b231ebb5
commit 98e317f7ff
1 changed files with 20 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

32
src/player.ts
View file

@ -29,8 +29,8 @@ export async function playTrack(id: string) {
if (!jellyfin.api) return; if (!jellyfin.api) return;
try { try {
const oldVolume = Spicetify.Player.getVolume(); const oldVolume = hijackActive ? currentVolume : Spicetify.Player.getVolume();
Spicetify.Player.setVolume(0); // Set Spotify audio volume to 0 if (!hijackActive) Spicetify.Player.setVolume(0); // Set Spotify audio volume to 0
setHijackActive(true); setHijackActive(true);
Spicetify.Player.setVolume(oldVolume); // Volume is now hijacked, will now set Jellyfin audio volume and also update the volume slider Spicetify.Player.setVolume(oldVolume); // Volume is now hijacked, will now set Jellyfin audio volume and also update the volume slider
@ -150,28 +150,36 @@ export function registerEvents() {
oldTime = event.data; oldTime = event.data;
}); });
const volumeSlider: HTMLDivElement | null = document.querySelector(".volume-bar__slider-container > div > div");
// Hijack Spotify APIs to change volume of Jellyfin audio instead of Spotify audio // Hijack Spotify APIs to change volume of Jellyfin audio instead of Spotify audio
const playback = Spicetify.Platform.PlaybackAPI; const playback = Spicetify.Platform.PlaybackAPI;
playback.getVolume = new Proxy(playback.getVolume, {
apply(target, thisArg, args) {
if (hijackActive) {
return currentVolume;
}
return Reflect.apply(target, thisArg, args);
},
});
playback.setVolume = new Proxy(playback.setVolume, { playback.setVolume = new Proxy(playback.setVolume, {
apply(target, thisArg, args) { apply(target, thisArg, args) {
setCurrentVolume(args[0]); setCurrentVolume(args[0]);
if (hijackActive) { if (hijackActive) {
audio.volume = Math.pow(currentVolume, 3); audio.volume = Math.pow(currentVolume, 3);
const volumeSlider: HTMLDivElement | null = document.querySelector(".volume-bar__slider-container > div > div");
if (volumeSlider) volumeSlider.style.setProperty("--progress-bar-transform", `${currentVolume * 100}%`); if (volumeSlider) volumeSlider.style.setProperty("--progress-bar-transform", `${currentVolume * 100}%`);
return; return;
} }
return Reflect.apply(target, thisArg, args); return Reflect.apply(target, thisArg, args);
}, },
}); });
if (!volumeSlider) return;
const observer = new MutationObserver(() => {
const transform = volumeSlider.style.getPropertyValue("--progress-bar-transform");
const currentPercent = currentVolume * 100;
const transformPercent = parseFloat(transform); // strips the "%"
// 0.1% tolerance
if (Math.abs(currentPercent - transformPercent) > 0.1) {
observer.disconnect(); // prevent re-triggering while we update
volumeSlider.style.setProperty("--progress-bar-transform", `${currentPercent}%`);
observer.observe(volumeSlider, { attributes: true, attributeFilter: ["style"] });
}
});
observer.observe(volumeSlider, { attributes: true, attributeFilter: ["style"] });
} }