Backport pull request #5920 from jellyfin-web/release-10.9.z

Fix Safari volume control

Original-merge: 90236c25ee1b0bbad5723c15264d3a8d6a3479db

Merged-by: thornbill <thornbill@users.noreply.github.com>

Backported-by: Joshua M. Boniface <joshua@boniface.me>

src/components/apphost.js

@@ -272,7 +272,7 @@ const supportedFeatures = function () {
         features.push('fullscreenchange');
     }
 
-    if (browser.tv || browser.xboxOne || browser.ps4 || browser.mobile) {
+    if (browser.tv || browser.xboxOne || browser.ps4 || browser.mobile || browser.ipad) {
         features.push('physicalvolumecontrol');
     }
 

src/plugins/htmlAudioPlayer/plugin.js

@@ -125,8 +125,10 @@ class HtmlAudioPlayer {
 
                 if (normalizationGain) {
                     self.gainNode.gain.value = Math.pow(10, normalizationGain / 20);
+                    self.normalizationGain = self.gainNode.gain.value;
                 } else {
                     self.gainNode.gain.value = 1;
+                    self.normalizationGain = 1;
                 }
                 console.debug('gain: ' + self.gainNode.gain.value);
             }).catch((err) => {
@@ -311,6 +313,9 @@ class HtmlAudioPlayer {
         function onVolumeChange() {
             if (!self._isFadingOut) {
                 htmlMediaHelper.saveVolume(this.volume);
+                if (browser.safari) {
+                    self.gainNode.gain.value = this.volume * self.normalizationGain;
+                }
                 Events.trigger(self, 'volumechange');
             }
         }