|
@@ -52,7 +52,20 @@ export default defineComponent({
|
|
|
})
|
|
|
return () => (
|
|
|
<div class={styles.unitAudio}>
|
|
|
- <div class={styles.htmlAudio}>
|
|
|
+ <div
|
|
|
+ class={styles.htmlAudio}
|
|
|
+ onClick={(e: any) => {
|
|
|
+ e.stopPropagation()
|
|
|
+ if (state.audioStatus === 'stopped') {
|
|
|
+ eventUnit.emit('unitAudioStop')
|
|
|
+ htick.play()
|
|
|
+ state.audioStatus = 'paused'
|
|
|
+ } else if (state.audioStatus === 'paused') {
|
|
|
+ htick.pause()
|
|
|
+ state.audioStatus = 'stopped'
|
|
|
+ }
|
|
|
+ }}
|
|
|
+ >
|
|
|
<div class={styles.htmlTimes}>
|
|
|
<Icon class={styles.iconAudio} name={iconAudio} />
|
|
|
<span>{state.duration}"</span>
|
|
@@ -63,17 +76,6 @@ export default defineComponent({
|
|
|
<Icon
|
|
|
name={state.audioStatus === 'stopped' ? iconPause : iconPlay}
|
|
|
class={styles.audioStatus}
|
|
|
- onClick={(e: any) => {
|
|
|
- e.stopPropagation()
|
|
|
- if (state.audioStatus === 'stopped') {
|
|
|
- eventUnit.emit('unitAudioStop')
|
|
|
- htick.play()
|
|
|
- state.audioStatus = 'paused'
|
|
|
- } else if (state.audioStatus === 'paused') {
|
|
|
- htick.pause()
|
|
|
- state.audioStatus = 'stopped'
|
|
|
- }
|
|
|
- }}
|
|
|
/>
|
|
|
</div>
|
|
|
{/* <audio controls class={styles.nativeAudio} id={state.id}>
|