2つの異なるDivで再生するフェードイン/アウトサウンド

Question

JQueryには、divなどのさまざまな要素で機能する優れた視覚的なフェードイン/フェードアウト機能があります。私は音のために同じものが必要です。

もっと正確には、2つのYouTube iFrame APIプレイヤーが2種類の異なるバージョンの内から再生している場合は、その間にサウンドをフェードイン/フェードアウトする方法はありますか？

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のすべての変更のコールバックを与える、あなたは音量を設定するには、ユーチューブのプレーヤーを呼び出すことができます。

私はユーチューブのプレイヤーがボリュームセットに対応することができますどのくらいの速わからない...しかし、この方法は、あなたが、ちょうどfadeTo機能付きdiv

---

使用例のようにjqueryのtween効果を持つことができます

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