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
    哈哈哈，我是第一个
    回复

相关推荐

html两种插入音乐的方法

木灵鱼儿 3443 0 0
宽度 height 代码
获得点赞 0
文章被阅读 8,316
最后更新 20-04-09 2:53:08

目录

目录