电脑端音乐播放器html5,原生js的音频播放器,兼容pc端和移动端(原创)

4fb20e3456cd00a950f6d60005a44688.png

c714816320c3c7678952c0af200e40b9.png

插件描述:基于原生的音频播放器效果,小巧易用

更新时间:2018/12/10 下午3:08:16

更新说明:

1. 更新demo的音频地址

2. 组件的图片地址使用本地base64的图片格式

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

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

loop为ture的时候不执行ended事件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写的一款仿微信公众号的音乐组件

实例化 音乐组件var wxAudio = new Wxaudio({

ele: '#textaudio1',

title: '河山大好',

disc: '许嵩',

src: 'http://.....mp3',

width: '320px'

});

方法// 实例化的wxAudio可以这样操作

wxAudio.audioPlay()   // 播放

wxAudio.audioPause()   // 暂停

wxAudio.audioPlayPause()  // 播放暂停

wxAudio.showLoading(bool)  //显示加载状态  参数bool

wxAudio的audioCut(src,title,disc)  实现音频切换的效果

新增 音乐组件切歌方法

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

var title = '她说'

var disc = '林俊杰'

wxAudio.audioCut(src, title, disc)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值