html5对多媒体优化很多,但是到现在我对于音乐和视频还是未知,所以这次就研究了下关于audio的用法。

预览图

功能

  1. 播放&暂停
  2. 上一曲&下一曲
  3. 停止
  4. 音量静音&音量条调整
  5. 歌词
  6. 播放进度条,可操控
  7. 已播放时间&单曲总时长
  8. 播放列表,支持双击播放,高亮提示
  9. 三种播放模式,随机、列表循环、单曲循环

注意

由于火狐浏览器因为版权问题,并不支持mp3格式,所以我找到的办法就是从对火狐浏览器的设置进行调整,具体说明demo上贴了。

demo

此处内容已隐藏回复后方可阅读。

分类: 锋利的JQuery 标签: audio音乐播放器

评论

全部评论 6

  1. 宇宙沙雕传媒
    宇宙沙雕传媒
    Google Chrome Android
    我会不会是第三个
    1. 木灵鱼儿
      木灵鱼儿
      FireFox Windows 10
      @宇宙沙雕传媒demo服务器好像炸了啊,你看啥
  2. 风语
    风语
    Google Chrome Windows 10
    我会不会是第二个
    1. 木灵鱼儿
      木灵鱼儿
      FireFox Windows 10
      @风语都给我用正确的邮箱啊
    2. 木灵鱼儿
      木灵鱼儿
      FireFox Windows 10
      @风语有毒吧
  3. 乘风
    乘风
    QQ Browser Android Pie
    哈哈哈,我是第一个

目录