Fixing Safari on MacOS compatibility

The null safe operator is not recognized and was not encoded by Webpack in Svelte expressions (inside {})

+ The Notification API of Safari is old and broken and we need to account for that.
This commit is contained in:
David Négrier 2021-06-03 10:17:38 +02:00
parent 100198b55c
commit 25f4adc7ad
3 changed files with 33 additions and 5 deletions

View file

@ -10,9 +10,11 @@
let timeout;
const soundMeter = new SoundMeter();
let display = false;
$: {
if (stream && stream.getAudioTracks().length > 0) {
display = true;
soundMeter.connectToSource(stream, new AudioContext());
if (timeout) {
@ -28,6 +30,8 @@
}
}, 100);
} else {
display = false;
}
}
@ -53,7 +57,7 @@
</script>
<div class="horizontal-sound-meter" class:active={stream?.getAudioTracks().length > 0}>
<div class="horizontal-sound-meter" class:active={display}>
{#each [...Array(NB_BARS).keys()] as i}
<div style={color(i, volume)}></div>
{/each}