给网页增加“朗读”按钮看似简单，真正接入文本转语音服务时，前端通常会遇到三个问题：API Key 不能暴露在浏览器里，接口返回的原始 PCM 不能直接交给 <audio> 播放，生成后的对象 URL 还需要及时释放。

方法一： 用$refs动态设置src，html代码如下（给video绑定个ref值）；方法二：src地址已切换或已重新赋值，重新加载audio/video

autoplay如果出现该属性，则音频在就绪后马上播放。controls如果出现该属性，则向用户显示控件，比如播放按钮。loop如果出现该属性，则每当音频结束时重新开始播放。

HTML5引入的<audio>和<video>元素，使用起来和<img>元素一样简单。对于支持HTML5的浏览器，不再需要使用插件（像flash）来在HTML文档中嵌入音频和视频：实际上，使用这些元素的时候要更加巧妙。由于各家浏览器制造商未能在对标准音频和视频编码支持上达成一致

开发小程序中需要用到音频播放功能。但在初始化时，使用InnerAudioContext.duration获取不到音频的时长。使用innerAudioContext.onPlay()监听播放获取时长，此方法用于播放音频后获取；使用innerAudioContext.onCanplay()监听音频进入可以播放状态，此方法用于初始化时获取