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

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

更新时间：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)

电脑端音乐播放器html5,原生js的音频播放器，兼容pc端和移动端（原创）相关推荐

黄聪：原生js的音频播放器，兼容pc端和移动端（原创）
更新时间:2018/9/3 下午1:32:54 更新说明:添加音乐的loop设置和ended事件监听 loop为ture的时候不执行ended事件 1 2 3 4 5 6 7 8 9 10 11 12 ...
用html做成的音频播放器,HTML5制作酷炫音频播放器插件图文教程
上图便是这个音频播放器的UI界面图,里面还隐藏了一个歌曲的播放列表.整个播放器的UI除了大背景的人像图和歌曲的星星评分使用了图片其他全部由CSS和font-face绘制而成,看上去有难度的地方就只有C ...
html触发音频文件,html5实现触发式音频播放器
特效描述:html5实现触发式音频播放器.html5实现触发式音频播放器代码结构 1. 引入CSS 2. 引入JS 3. HTML代码 Play Audio on :hover We're go ...
linux数字音频播放器,Moode Audio Player数字音频播放系统的体验
Element14 Raspberry Pi 3B Raspberry Pi 3B ARM开发板封装 Volumio OS数字音频播放系统-主页控制主界面上周末,我们为几台ARM微型计算机推出了Ra ...
原生JS实现——自定义播放器
多媒体 1.常用方法: load() :加载 play():播放 pause():暂停注:JQ中没有提供对视频播放控件的方式,如果要操作视频播放,必须使用原生的js方法 ...
原生js打造自定义播放器
用到的技术,主要是video的相关知识:实现的功能是去掉自带的控制条,按自己想要的形式设置视频的控制条:有播放与暂停(play()方法和pause()方法).拖拽控制条控制视频的播放进度,并且控制条随 ...
[微信音频播放器] html5 audio 制作的微信播放器
weixinAudio.js 一个简单的微信样式播放器播放器DOM及CSS是微信里内置的音频播放器的样式,重新创建了控制层js,方便在在公众号,APP等场景使用. 例子 demo 地址 github ...
HTML5实现Winamp2.9音频播放器插件
Winamp2-js是一款使用 html5和javascript来实现Winamp 2.9 音频播放器的插件.该Winamp音频播放器插件有支持拖拽文件,自定义皮肤,支持可视化模式等特点.特点还有: ...
原生js输出html5,原生JS+HTML5实现的可调节写字板功能示例
本文实例讲述了原生JS+HTML5实现的可调节写字板功能.分享给大家供大家参考,具体如下: 前面一篇介绍了<JS+HTML5 Canvas实现简单的写字板功能>,这里再介绍另一种实现方法. ...

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

电脑端音乐播放器html5,原生js的音频播放器，兼容pc端和移动端（原创）相关推荐

最新文章

热门文章