[HTML][jQuery]fadein、fadeoutについて

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