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

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

 4537  29  查看评论 (2)
原生js的音频播放器,兼容pc端和移动端(原创) ie兼容9

发布时间: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云特效背景音乐网站模板

html5动态特效背景,带播放器
  音频和视频
 21733  290

jQuery html5自定义视频控件

html5自定义视频控件,加入评论,载入弹幕,鼠标悬浮在进度条显示某时刻画面,视频卡端显示加载动画,清晰度切换等功能;并添加了弹幕隐藏显示设置,播放速度设置,镜像翻转设置。
  音频和视频
 21351  172

交互式的唱机

实验模板与一个交互式的老唱机的网络音频API。
  音频和视频
 13527  124

时间播放器

类似视频播放器下面的时间播放控制
  音频和视频
 17214  24

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

    漂浮在sk 0
    2018/5/14 18:21:45
    大神,现在如果一个页面有很多音频,从数据库中获取音频路径,然后页面上要怎么处理啊,还有点击一个音频其他的音频关闭该咋写呢
        未曾遗忘的青春1
        2018/5/14 18:25:48

        你肯定不可能同时播放多个音频吧?
        你只能将你获取的数据获取到  通常是一个数组对象  如果按顺序播放的话  你就从第一个开始执行

        wxAudio.audioCut(src, title, disc)

        相当于切歌,参数分别为地址  歌曲名  描述
        就行了

    回复
取消回复