audioタグを使って音量のfadein、fadeoutを実装することができるのだろうか?
HTML5 <audio> playback with fade in and fade outを読むといけそうだ。
var $audio = $('<audio>').attr({'src':soundURL}); $audio.on('canplaythrough',function(e){ $audio.animate({volume: 1},500,function(){ $audio[0].play(); }); }); $('body').append($audio);上の場合は、fadeinだが、fadeoutの場合は、逆にこうすればいい。
var $audio = $('<audio>').attr({'src':soundURL}); $audio.on('canplaythrough',function(e){ $audio.animate({volume: 0},500,function(){ $audio[0].pause(); }); }); $('body').append($audio);