vue中使用audio标签进行后台管理的新消息提示

2,983 阅读1分钟
  1. ai.baidu.com/tech/speech…推荐使用百度的ai开发平台,将想要的提示语输入,会直接转成mp3格式
  2. 将以上的mp3格式放入assets中引用
  3. 在methods中定义方法播放


注~在audio标签中存在如下属性:

  • autoplay:是否音频在就绪后马上播放。
  • controls:是否向用户显示控件,比如播放按钮。
  • loop:是否音频结束时重新开始播放。
  • preload:是否音频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。
  • src:要播放的音频的 URL。

HTML5 audio支持的音频格式有wav,mp3和ogg格式。

  • ogg:一种新的音频压缩格式,是完全免费、开放和没有专利限制的。
  • mp3:是一种音频压缩技术。它被设计用来大幅度地降低音频数据量。
  • wav:为微软公司开发的一种声音文件格式,声音文件质量和CD相差无几。

<source>标签是<audio>的一个子标签,作用就是用来引入多个音频,浏览器会选择一个支持的音频格式进行加载,对于不支持<audio>标签的浏览器,<source>元素也可以作为浏览器不识别的内容加入到文档中。当有多个<source>标签时,默认播放第一个<source>标签。