黄聪：原生js的音频播放器，兼容pc端和移动端（原创）

Posted 2021-01-13 黄聪

 

更新时间：2018/9/3 下午1:32:54

更新说明：添加音乐的loop设置和ended事件监听

loop为ture的时候不执行ended事件

1 2 3 4 5 6 7 8 9 10 11 12 13 14

const wx = new WxAudio({     ele: \'.wx-audio\',     title: \'河山大好\',     disc: \'许嵩\',     src: \'。。。。\',     width: \'320px\',     loop: true,     ended: function() {         var src = \'。。。。\'         var title = \'她说\'         var disc = \'林俊杰\'         wx.audioCut(src, title, disc)     } })

发布时间：2018-4-4 1:01

wx-audio

微信公众号音乐播放器

基于原生js写的一款仿微信公众号的音乐组件

实例化 音乐组件

1 2 3 4 5 6 7

var wxAudio = new Wxaudio({      ele: \'#textaudio1\',      title: \'河山大好\',      disc: \'许嵩\',      src: \'http://.....mp3\',      width: \'320px\' });

方法

1 2 3 4 5 6

// 实例化的wxAudio可以这样操作 wxAudio.audioPlay()   // 播放  wxAudio.audioPause()   // 暂停  wxAudio.audioPlayPause()  // 播放暂停  wxAudio.showLoading(bool)  //显示加载状态  参数bool    wxAudio的audioCut(src,title,disc)  实现音频切换的效果

新增 音乐组件切歌方法

通过实例化的wxAudio的audioCut(src,title,disc) 实现音频切换的效果  示例代码如下 

1 2 3 4

var src = \'.....mp3\' var title = \'她说\' var disc = \'林俊杰\' wxAudio.audioCut(src, title, disc)

 

网址：http://www.jq22.com/jquery-info18575

下载：jq22wx-audio2691201804040100.zip