jQuery <audio>淡出动画是不连贯的</audio>

Question

我一直在寻找一种使用jQuery淡出音频播放的可靠方法。 Animate似乎是实现这一目标的最干净的方式，但渐渐消失的声音最终听起来不稳定/我正在使用的声音文件。 （看看小提琴听到不稳定）

<button id="fade">Fade</button>
<audio id="music" preload="auto" >
    <source src="http://kegham.com/download/sound/c0.mp3" type="audio/mpeg" />
</audio>

$('#fade').click(function(){
    var sound = $('#music').get(0).cloneNode();
    sound.play();
    $(sound).animate({volume: 0}, 500);
});

http://jsfiddle.net/MrHam/AmM8n/

据我所知，这种不稳定性让我听到需要达到0音量的音量减小的增量。衰落的持续时间为500，因此我们有更大的机会听到增量。

我尝试应用一些宽松措施以期减少波动，但它没有帮助。有没有办法让这个音频淡出更顺畅？ jQuery和HTML5音频不是实现这种淡化效果的最佳方式吗？

（目前仅在Chrome中测试。）