html5 Audio音频问题
遇到一个需求,点击文件名切换音频播放文件,第一反应是使用 <embed>
<embed src="文件名.mp3"></embed>
然后发现不管怎么切换,音频文件的引用链接变了,但是音频播放内容依旧没变,并且在谷歌下,.wav
文件不会播放,且会弹出下载框,于是开始尝试 HTML5
的媒体
<audio controls autoplay >
<source v-if="currentFileType == 'ogg'" :src="getLinkText" type="audio/ogg">
<source v-if="currentFileType == 'mp3'" :src="getLinkText" type="audio/mpeg">
<source v-if="currentFileType == 'wav'" :src="getLinkText" type="audio/wav">
您的浏览器不支持 audio 元素。
</audio>
<!-- 上面我是在 vue 里面测试的,原生应该如下 -->
<audio controls autoplay >
<source src="文件名.ogg" type="audio/ogg">
<source src="文件名.mp3" type="audio/mpeg">
<source src="文件名.wav" type="audio/wav">
您的浏览器不支持 audio 元素。
</audio>
尝试后无果,依然不会改变音频播放内容……
后在群内询问并尝试不使用 <source>
,而是直接给 <audio>
引用
<audio controls autoplay :src="getLinkText">
您的浏览器不支持 audio 元素。
</audio>
<!-- 上面我是在 vue 里面测试的,原生应该如下 -->
<audio controls autoplay src="文件名">
您的浏览器不支持 audio 元素。
</audio>
现在播放就没问题了