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

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

 18803  54  查看评论 (23)
使用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

相关插件-音频和视频

蓝色音乐播放器

网页上的一款网页上的一款音乐播放器!
  音频和视频
 21507  118

一个交互式的动画SVG(鼓)工具包

有关如何使用GSAP和jQuery创建动画和交互式SVG鼓套件的教程。
  音频和视频
 5920  72

js音频可视化插件Wavesurfer.js

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

完美仿网易网页侧边隐藏音乐播放器

非常好用的网页侧边音乐播放器(在服务器下完美运行)
  音频和视频
 17507  115

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

    刘玉欢 0
    2018/1/26 12:58:32

    苹果无法获得时长

    回复
    曾微峰 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

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

    回复
取消回复