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

文章信息

• 文章标题：jQuery.AudioPlayer.js - Keystion
• 文章链接：https://webclown.net/posts/jQuery-AudioPlayer-js.html
• 版权声明：本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。
• 转载请注明来自 Keystion ！

[jQuery.AudioPlayer.js - Keystion](https://webclown.net/posts/jQuery-AudioPlayer-js.html)