fsylvain/musee-illusion-mobile
1
0
Fork 0
mirror of https://github.com/Floriansylvain/musee-illusion-mobile.git synced 2026-08-19 11:43:17 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: event listeners to audio element

Browse Source
This commit is contained in:
Florian Sylvain
2024-03-28 10:42:40 +01:00
parent a268197ddd
commit ba524a7306
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/AudioGuide.vue
+7 -1
View File
@@ -24,7 +24,13 @@ const toggleAudio = () => {
</script> </script>
<template> <template>
<audio preload="auto" ref="audioRef" :src="props.src"></audio> <audio
preload="auto"
ref="audioRef"
:src="props.src"
@playing="isPlaying = true"
@pause="isPlaying = false"
></audio>
<article class="audio-guide"> <article class="audio-guide">
<button type="button" @click="toggleAudio"> <button type="button" @click="toggleAudio">
<ion-icon :icon="isPlaying ? pauseIcon : playIcon"></ion-icon> <ion-icon :icon="isPlaying ? pauseIcon : playIcon"></ion-icon>