jQuery.AudioPlayer.js
A audio player of jQuery plugin.
Keystion.github.io/jQuery.AudioPlayer.js/
Demo：Keystion.github.io/jQuery.AudioPlayer.js/test/index.html
How to use
| Path | Description |
|---|---|
jQuery.AudioPlayer.js |
the script file |
jQuery.AudioPlayer.css |
the stylesheet file |
Example:
<!-- jQuery file -->
<script type="text/javascript" src="https://cdn.staticfile.org/jquery/3.1.1/jquery.min.js"></script>
<!-- jQuery.AudioPlayer.js -->
<link href="../src/theme.default.css" rel="stylesheet">
<script src="../src/jQuery.AudioPlayer.js" type="text/javascript" ></script>
<script type="text/javascript">
$(function() {
var player = $.AudioPlayer;
player.init({
container: '#audioWrap'
,source: 'http://mr3.doubanio.com/70d0968fb8312ade3f04c7e1d1d18d1f/1/fm/song/p1817677_128k.mp4'
,imagePath: './image'
,debuggers: false
,allowSeek: true
});
});
</script>
Arguments：
| argument | value | Description |
|---|---|---|
| container | String | The outer Dom ClassName/id, default ‘body’/外部Dom ClassName / id，默认的“body” |
| source | String | audio source / 音频源 |
| imagePath | String | image resources / 图像资源 |
| debuggers | Boolean | open console log, default close ‘false’ / 打开控制台日志,默认关闭：false |
| allowSeek | Boolean | Whether to support drag and drop, the default open: true / 是否支持拖拽，默认开启：true |
| canplayCallback | function | After can play TODO / 可以播放之后，做某些事情 |
| onloadstartCallback | function | After searching for the audio TODO / 开始查找音频之后，做某些事情 |
| onwaitingCallback | function | When the video because that need to be a frame buffer and stop / 当视频由于需要缓冲下一帧而停止 |
| playCallback | function | After playback TODO / 播放之后，做某些事情 |
| pauseCallback | function | After the suspension TODO / 暂停之后，做某些事情 |
| seekedCallback | function | After the drag, the callback function (allowSeek: false) / 拖动之后，回调函数（allowSeek: false） |
| endedCallback | function | End of the play TODO / 播放结束之后，做某些事情 |
| mutedCallback | function | After the mute TODO / 静音之后，做某些事情 |
The ‘function’ result data.status == true mean success.
function
AudioPlayer.init();initialization / 初始化AudioPlayer.updateSource();Update the playback of audio file / 更新播放音频文件AudioPlayer.toggleplay();Switch to suspend began / 切换暂停开始AudioPlayer.play();Start playing / 开始播放AudioPlayer.pause();pause / 暂停播放AudioPlayer.muted();mute / 静音
AudioPlayer.init(); // initialization
Example:
AudioPlayer.init({
container: '#audioWrap'
,source: './Fade.mp3'
,debuggers: false
,allowSeek: false
,canplayCallback: function(){
// your code
}
,playCallback: function(){
// your code
}
,pauseCallback: function(){
// your code
}
,seekedCallback: function(){
// your code
}
,endedCallback: function(){
// your code
}
,mutedCallback: function(data){
// your code
}
});
AudioPlayer.updateSource();
Update the playback of audio file / 更新播放音频文件
argument / 参数:
source: audio file path / 音频文件路径
Example:
jQuery.AudioPlayer.updateSource({
source: './example.mp3'
});
AudioPlayer.toggleplay(); // Switch to suspend began / 切换暂停开始
AudioPlayer.play(); // Start playing / 开始播放
argument / 参数:
- function(data){}
- data.status:true 播放成功
Example:
AudioPlayer.play(function(data){
if(data.status){
alert('Say Hello');
}
});
AudioPlayer.pause(); 暂停播放
argument / 参数:
- function(data){}
- data.status:true 暂停成功
Example:
AudioPlayer.play(function(data){
if(data.status){
alert('Say Bye');
}
});
AudioPlayer.muted(); 切换静音
argument / 参数:
- function(data){}
- data.status:true 静音成功
Example:
AudioPlayer.play(function(data){
if(data.status){
alert('已静音');
}
});
Change log
2017.01.06
- Add comments in English
- Fix the window change audio download progress bar UI has not changed
2017.06.26
- Add onloadstartCallback function
- Add onwaitingCallback function
issues
Create a new issues