h5 的 audio 标签知识点

  • 因为音频格式有版权,各浏览器使用不同的音频格式。

  • 音频格式兼容性

音频格式 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

posted on 2017-06-05 10:53  cag2050  阅读(497)  评论(0编辑  收藏  举报

导航