提供的对象musicPlayer,该对象提供如下几个方法:
  1. src(String url)
    设置音乐资源地址
  2. load()
    加载音乐资源
  3. play()
    播放音乐
  4. stop()
    停止音乐
  5. onPlayStateChange(Function callback(String state))
    播放状态改变通知,播放器状态(state)可能的值为:
    1. playing
      音乐开始播放
    2. buffering
      音乐正在缓冲
    3. stopped
      音乐停止播放
    4. paused
      音乐暂停播放
    5. error
      播放音乐出错
其内部的实现方式是IE浏览器使用MediaPlayer控件进行播放,其它浏览器使用HTML5标准的Audio标签播放。由于以上两种方式已经可以兼容大部分浏览器和音乐格式,因此暂不考虑Flash的解决方案。
效果如下:
代码如下:
另外,需要把如下代码放置在head标签里。
参考资料