js控制audio音量_HTML5音量控制Audio淡入淡出效果

HTML5音量控制Audio淡入淡出效果

HTML5音量控制淡入淡出效果

说明： 请在音乐播放过程中点击以上音量控制按钮

下面我们看下Jquery如何控制的

/*Javascript代码片段*/

var $myaudio = $('#myaudio'),

eleaudio = $myaudio.get(0); //获取audio对象

//播放

eleaudio.play();

//添加音量控制

$('#audiofadeout').click(function(){

$myaudio.animate({volume: 0.1}, 3000);

});

//如下是音量淡入效果按钮

$('#audiofadein').click(function(){

$myaudio.animate({volume: 1},3000);

});

//添加bs3的tooltip效果

$('#vol').find('button').tooltip();

/* 完毕！ */