人靠衣装,机靠壳装

音符跳动jsRapAudio音乐播放器插件

2018-09-12 16:26 发布

00
admin
湖南省 长沙市
  • 粉丝4

  • 关注1

  • 动态2

音符跳动jsRapAudio音乐播放器插件_niuqiqi121553


音乐播放器代码插件jsRapAudio十分简洁,能够播放HTML5 audio格式文件,如Ogg、Mp3、Wav等。


使用方法

在页面中引入jsRapAudio.css、jquery和jsRapAudio.js文件。

<link href="jsRapAudio.css" rel="stylesheet" type="text/css" />
<script src="jquery.min.js"></script>
<script src="jsRapAudio.js"></script>


HTML结构

使用一个div作为音乐播放器的容器:

<div id="example" ></div>


初始化插件

在页面DOM元素加载完毕之后,通过jsRapAudio()方法来初始化该音乐播放器插件。

$('#example').jsRapAudio({
  src:'example.mp3'
});


配置参数

该音乐播放器插件的可用配置参数有:

$('#example').jsRapAudio({
  src:'example.mp3',
  autoplay:false,
  controls:true,
  loop:false,
  capHeight:4,
  capSpeed:0.6,
  meterCount:40,
  meterGap:2,
  frequency:0.7,
  capColor:'#fff'
});


授权方式:共享版

适合环境: Chrome/Firefox/Opera/Safari/IE9+

官方网站: 相关链接

在线演示

0
猜你喜欢
更多发现
子导航JS代码