javascript - 在 2 个不同的 Divs 中播放淡入/淡出声音

Question

JQuery 具有漂亮的视觉淡入/淡出功能，可用于不同的元素，例如 div。我需要同样的声音。

更准确地说，如果两个 YouTube iFrame API 播放器在 2 个不同的 div 中播放，是否有办法淡入/淡出它们之间的声音？

Answer 1

尝试这样的事情，

$('<div/>').animate({ left: 100 }, {
     duration: 1000,
     step: function(now, fx){
    var volume = now;
        player.setVolume(volume)
     }
   });

step 函数会在 val 的每次更改时给您一个回调，您可以调用 youtube 播放器来设置音量。

我不确定 youtube 播放器对音量设置的响应速度有多快...但是这种方法允许您像在 div 中一样拥有 jquery tween 效果

---

fadeTo 函数的用法示例，

$('<div/>').fadeTo({
     duration: 1000,
     step: function(now, fx){
        var volume = now * 100;
        player.setVolume(volume)
     }
},1);