forked from
tokono.ma/diffuse
A music player that connects to your cloud/distributed storage.
chore: can't adjust volume on iOS
+13
-4
+13
-4
src/themes/blur/artwork-controller/element.js
+13
-4
src/themes/blur/artwork-controller/element.js
···
37
37
/** @type {number | undefined} */
38
38
#isLoadingTimeout = undefined;
39
39
40
+
#isIOS = /iPhone|iPad|iPod/.test(navigator.userAgent) ||
41
+
(navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1);
42
+
40
43
// SIGNALS
41
44
42
45
#artwork = signal(
···
561
564
562
565
<!-- VOLUME -->
563
566
564
-
<div class="volume">
567
+
<div
568
+
class="volume"
569
+
style="opacity: ${this.#isIOS
570
+
? `0.3`
571
+
: `1`}; pointer-events: ${this.#isIOS ? `none` : `auto`};"
572
+
>
565
573
<i @click="${this.mute}" class="ph-fill ph-speaker-none"></i>
566
574
<div @click="${this.setVolume}" class="progress-bar">
567
-
<progress max="100" value="${(this.$controller.value?.$audio
568
-
.value?.volume() ??
569
-
0) * 100}"></progress>
575
+
<progress max="100" value="${this.#isIOS
576
+
? 100
577
+
: (this.$controller.value?.$audio.value?.volume() ?? 0) *
578
+
100}"></progress>
570
579
</div>
571
580
<i @click="${this
572
581
.fullVolume}" class="ph-fill ph-speaker-high"></i>