Vue3获取audio标签播放音频

audio常用的属性

• controls 是否显示控制器
• autoplay: boolean 是否自动播放
• src 播放链接

如果给 audio 添加 controls 就会显示在页面中，如果不加就不会显示

vue3获取audio

<audio ref="audioRef"></audio>

const audioRef = ref<HTMLAudioElement>()

// 播放
function handlePlay() {
  audioRef.value!.src = `http://baicizhan.qiniucdn.com/word_audios/${word?.value?.word}.mp3`
  // 播放 暂停也同理
  audioRef.value?.play()
}