Compare commits
2 Commits
offline-mo
...
6c12cfd49b
| Author | SHA1 | Date | |
|---|---|---|---|
| 6c12cfd49b | |||
| f777873432 |
@@ -78,8 +78,16 @@
|
|||||||
let volumeBar = $state();
|
let volumeBar = $state();
|
||||||
let innerWidth = $state();
|
let innerWidth = $state();
|
||||||
let innerHeight = $state();
|
let innerHeight = $state();
|
||||||
|
let isSafari = $state(false);
|
||||||
|
|
||||||
onMount(async () => {
|
onMount(async () => {
|
||||||
|
// work around coreaudio bug
|
||||||
|
// see https://git.webbieweb.org/apt-get/strimserve/issues/1
|
||||||
|
const ua = navigator.userAgent;
|
||||||
|
const isIOS = /iPad|iPhone|iPod/.test(ua);
|
||||||
|
const isDesktopSafari = /Safari/.test(ua) && !/Chrome/.test(ua) && !/Chromium/.test(ua);
|
||||||
|
isSafari = isIOS || isDesktopSafari;
|
||||||
|
|
||||||
// default volume
|
// default volume
|
||||||
const volumeData = localStorage.getItem('volume');
|
const volumeData = localStorage.getItem('volume');
|
||||||
volume = volumeData ? parseFloat(volumeData) : 0.67;
|
volume = volumeData ? parseFloat(volumeData) : 0.67;
|
||||||
@@ -311,8 +319,13 @@
|
|||||||
onended={bubble('ended')}
|
onended={bubble('ended')}
|
||||||
{preload}
|
{preload}
|
||||||
>
|
>
|
||||||
<source {src} type="audio/ogg;codecs=opus" />
|
{#if isSafari}
|
||||||
<source src="{src}.mp3" type="audio/mpeg" />
|
<source src="{src}.mp3" type="audio/mpeg" />
|
||||||
|
<source {src} type="audio/ogg;codecs=opus" />
|
||||||
|
{:else}
|
||||||
|
<source {src} type="audio/ogg;codecs=opus" />
|
||||||
|
<source src="{src}.mp3" type="audio/mpeg" />
|
||||||
|
{/if}
|
||||||
</audio>
|
</audio>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
|||||||
Reference in New Issue
Block a user