评论：原生js的音频播放器，兼容pc端和移动端（原创）  [查看原文]

未曾遗忘的青春0
2021/9/17 0:14:11
代码在这。自取 https://github.com/IFmiss/wx-audio

泛白的夜0
2021/9/20 11:30:46
请问下载包里面的src文件夹是现成的播放器吗？
我建了个html把index.js里面的代码复制了过去，结果界面是空白的，我试着引用了lib文件夹的文件结果界面还是空白的。只学了html和css，js还没学所以可能是还不知道怎么用??

自己写了一个快进js

//  bg-control-left 快退元素类名
$("body").delegate('.bg-control-left', 'click', function() {
    var totalTime = $(".wx-audio-content")[1].duration;
    var curTime = $(".wx-audio-content")[1].currentTime;
    var unit = (100 / totalTime).toFixed(2);
    curTime -= 15; //快退时间
    if (curTime < 0) curTime = 0;
    var backX = curTime * unit;
    $(".wx-voice-p").css("width", backX + "%");
    $(".wx-audio-origin").css("left", backX + "%");
    $(".wx-audio-content")[1].currentTime = curTime;
});
//  bg-control-right  快进元素类名
$("body").delegate('.bg-control-right', 'click', function() {
    var totalTime = $(".wx-audio-content")[1].duration;
    var curTime = $(".wx-audio-content")[1].currentTime;
    var unit = (100 / totalTime).toFixed(2);
    curTime += 15; //快进时间
    if (curTime > totalTime) curTime = totalTime;
    var backX = curTime * unit;
    $(".wx-voice-p").css("width", backX + "%");
    $(".wx-audio-origin").css("left", backX + "%");
    $(".wx-audio-content")[1].currentTime = curTime;
});

未曾遗忘的青春0
2019/4/29 12:13:01
你的qq浏览器可能用的还是ie的内核

We Don＇t Talk Anymore0
2019/5/21 15:51:13
我也是这个问题，求大神解惑

We Don＇t Talk Anymore1
2019/5/21 15:57:02
项目下载下来，请使用lib文件下的js和css文件，然后在html中执行初始化操作即可

跌倒了你就站起来0
2019/3/6 9:26:21
请问你怎么解决的吗?

南笛句靶0
2019/5/7 14:34:35
请问解决了吗

胡维洋0
2020/7/8 15:30:18
请问解决了吗

弗洛加特0
2020/7/18 20:55:17
请问解决了吗

西瓜0
2018/12/12 16:06:48

js格式化工具，自己格一下啊。


http://www.jq22.com/jsgsh

未曾遗忘的青春0
2018/12/11 16:31:42
地址有问题，你换一个线上的音频地址基本就可以了，我更新了新的版本，之后应该就没有问题了

未曾遗忘的青春0
2018/12/10 14:55:19
看了一下
ios 下不支持自动播放，且在未播放的状态下是不执行音频的
onloadedmetadata, oncanplay等事件，所以无法在此时获取音频的时常，（初始化时常显示没法执行）
所以显示为00:00
如果有好的方法解决，可以互相交流一下

自娱自乐丶0
2018/12/10 17:42:08
我是拿的后台给的时间重新赋值的...

空白格0
2019/4/26 15:21:15
是WxAudio 你的a要大写

未曾遗忘的青春1
2018/10/18 15:30:23
你要循环播放？设置loop为true

子不语0
2018/10/18 16:00:12
只播放一次，不需要循环
我调了audioPlay()方法后，一直循环播放。而且我的<audio>标签里面只有一个id

未曾遗忘的青春1
2018/9/27 18:55:12
可以找到那个包名称，找到里面的静态资源替换一下就好，在node_modules的wx-audio文件夹下

い吻??承众今世0
2018/9/27 19:52:26
不是只有lib下边的一个css和js吗，哪有node_modules？

い吻??承众今世0
2018/9/27 19:59:24
找到了，刚刚我改错文件了，我说咋不起作用.............