h5audio标签

时间:2022-09-08 11:01:56
  • 因为音频格式有版权,各浏览器使用不同的音频格式。

  • 音频格式兼容性

音频格式 Chrome Firefox IE9 Opera Safari
MP3 支持 不支持 支持 不支持 支持
OGG 支持 支持 支持 支持 不支持
WAV 不支持 支持 不支持 支持 不支持

一般提供ogg和mp3格式,就可以支持所有主流浏览器了。

    • 音频格式比较:
      wav格式音质最好,但是文件体积较大。
      mp3压缩率较高,普及率高,音质相比wav要差。
      ogg与mp3在相同位速率(Bit Rate)编码的情况下,ogg体积更小,并且ogg是免费的不用交专利费(这点国人很中意)。

    • 获取音频时长兼容

    • 问题: H5 Audio标签的MP3播放长度duration,返回值为NaN?
      解决:因为还没加载完音频,所以duration会返回NaN。

    • 当音频/视频处于加载过程中时,会依次发生以下事件:
      loadstart
      durationchange
      loadedmetadata
      loadeddata
      progress
      canplay
      canplaythrough