使用h5 audio做的一个音频播放器

所属分类:媒体-音频和视频

使用h5 audio做的一个音频播放器 ie兼容10

更新时间:2017/10/30 21:05:12

更新说明:

1. 增加了音频发生错误的错误反馈

2. 取消jQuery

3. 这是新的使用方法

var setConfig = {
    song: [{
        title: 'ツナ?醒',
        src: 'audio/001.mp3',
        cover: 'images/001.jpg'
    }, {
        title: '笑脸',
        src: 'audio/002.mp3',
        cover: 'images/002.png'
    }],
    //错误信息的方块
    error: function(meg) {
        console.log(meg);
    }
};
var audioFn = audioPlay(setConfig);
audioFn.loadFile(true);

更新时间:2017/5/19 上午11:41:46

更新说明:更改事件源绑定,修正进度拖拽后音频卡顿的问题


更新时间:2017/5/3 16:42:17

更新说明:修改了音量调节因浏览器出现滚动条失效的bug

相关插件-音频和视频

手机版音乐播放器

访酷狗,手机播放器
  音频和视频
 16866  41

时间播放器

类似视频播放器下面的时间播放控制
  音频和视频
 13075  23

js音频可视化插件Wavesurfer.js

Wavesurfer.js是一个javascript库用于创建交互式可操作音频可视化,使用Web Audio和HTML5 Canvas技术。可以显示当前音频的声波
  音频和视频
 7900  36

音频播放歌词同步插件APlayer.js

歌词同步MP3播放器代码
  音频和视频
 12554  56

讨论这个项目(17)回答他人问题或分享插件使用方法奖励jQ币

    Provence 0
    2017/10/17 14:17:50
    Uncaught (in promise) DOMException: The element has no supported sources.

    怎么解决啊

        一方一方0
        2017/11/3 9:56:27

        下载最新版试试~

    回复
    ╃ 伊人未归 ┽ 0
    2017/8/18 10:48:28
    PHP-济南 0
    2017/8/10 9:20:39

    audio.js:165 Uncaught (in promise) DOMException: The element has no supported sources. 什么问题啊

        一方一方0
        2017/8/20 12:09:11

        音频链接失效了,所以创建 audio 失败

    回复
    初学IT的大飞 0
    2017/8/5 14:48:04
    有BUG,你在音频播放的时候调了下进度条,然后控制音频的开关就会出现BUG 回复
    迷惑de安仔 0
    2017/7/21 17:26:23

    为什么显示播放但是进度条没有动,没有耳机也不知道有没有在放。。。还有本地的文件怎么放进去播放?求赐教

    回复
    蒽蒽 0
    2017/6/10 12:27:21
    蒽蒽 0
    2017/6/10 11:24:43
    认真的雨 0
    2017/6/7 10:34:07

    支持视频播放么?

    回复
    帅的好烦躁 0
    2017/5/27 17:54:47
    edgexie 0
    2017/5/26 7:27:43

    第一首memories,还挺好听的,敢问出处是?我在网易云里没找到啊。

        edgexie0
        2017/5/26 7:29:09

        找到了。全名是 memories of you

    回复
取消回复