<template>
<div>
<span class="lb-ico" @click="handlePlayAudio"> // Here we use isPlay to control the switch between gray and green speaker icons.
// Here, isPlay is used to toggle the gray speaker icon with the green speaker icon.
< // Here we use isPlay to toggle the gray speaker icon to the green speaker icon.img
:src="
isPlay
? '/readingDay2020/quickspot/bf@'
: '/readingDay2020/quickspot/jy@'
"
/>
<audio
ref="audio"
:src=""
@ended="audioEnd"
></audio>
// This uses the end event of the audio, which is onended natively, but is used without on in vue.
</span> // Here we use the end event of the audio, which is onended natively, and is used without on in vue.
</div>; // This is the end event for the audio.
</template>
