在2個不同的Div中播放淡入/淡出聲音

Question

JQuery具有很好的視覺淡入淡入/淡出功能，適用於不同的元素，如div。我需要同樣的聲音。

更準確地說，如果兩個YouTube iFrame API播放器正在播放2個不同的div，有沒有辦法淡入/淡出它們之間的聲音？

Answer 1

這種技術被稱爲交叉淡入淡出。如果YouTube API允許您訪問音量控制（我從未使用過YouTube API播放器），那麼至少應該進行線性交叉淡入淡出（即不在曲線上）應該相對容易。然而，jQuery本身並沒有提供額外的抽象層來控制任何特定的媒體播放器（或一般的音頻API）。

Answer 2

嘗試這樣的事情，

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

的step功能會給你一個回調的val的每一個變化，你可以調用YouTube播放器設置音量。

我不知道有多快YouTube播放器可以卷集迴應...但這種方法可以讓你有jQuery的tween效果就像在div

---

用法示例與fadeTo功能，

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