<script>
import { onMount, onDestroy } from 'svelte';
import PlayerControls from './PlayerControls.svelte';
let audio;
const audioUpdated = (e) => {
console.log(e.type);
audio = audio;
};
</script>
<audio
bind:this={audio}
src="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3"
on:pause={audioUpdated}
on:play={audioUpdated}
on:ended={audioUpdated}
/>
<PlayerControls {audio} />