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();

/* 完毕! */


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部