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

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

 11960  47  查看评论 (21)
使用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

相关插件-音频和视频

Html5 手机视频播放器自适应

Html5 手机视频播放器自适应
  音频和视频
 38302  191

html5云特效背景音乐网站模板

html5动态特效背景,带播放器
  音频和视频
 18375  264

时间播放器

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

jQuery音乐播放插件jPlayer

简洁的音乐插件jPlayer
  音频和视频
 14523  59

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

    曾微峰 0
    2018/1/10 18:31:20
    感谢分享代码,有个问题,演示的可以正常调整歌曲进度,但是下载的源码在拖动进度条后,歌曲重新播放了,不知道是哪里有问题 回复
    Mr_戴 0
    2017/12/15 14:13:54

    点击暂停,播放,直接跳过一秒!

    回复
    yindonghai 0
    2017/11/29 10:25:34

    在拖动播放进度到最后时候,总是会自动往回跳一点,无法拖动播放进度到最后

    回复
    Smile?? 娴° 0
    2017/11/24 17:17:26

    请问,在苹果机上,没办法一进去就自动播放,是什么原因呀

    回复
    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
取消回复