Javascript 在两个不同的div中播放淡入/淡出声音

JQuery具有很好的视觉淡出/淡出功能，可以处理不同的元素，如

div

。我需要同样的声音

---

更准确地说，如果两个YouTube iFrame API播放器在两个不同的

div

中播放，是否有办法将它们之间的声音淡入淡出？

这种技术称为交叉淡入淡出。如果YouTube API允许您访问音量控制（我从来没有使用过YouTube API播放器），那么至少可以相对容易地进行线性交叉淡入（即不在曲线上）。但是，jQuery本身并没有提供额外的抽象层来控制任何特定的媒体播放器（或一般的音频API）。

试试这样的方法

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

---

成为Web 0.2伙伴；）我如何最好地实现循环（使用setInterval进行猜测），使其以最佳速率循环，一方面不会占用cpu，另一方面也不会使音量变化听起来过于剧烈？这让我很吃惊。；-）我看到一个肯定/否定的问题，就插了进去。Jim Jose有一个非常好的主意，使用div作为“虚拟”目标来调用animate函数的步长参数。@user556634嵌入式播放器不提供音量控制。你会想接受一个“不”作为这个问题的答案，因为从你的问题和评论来看，做这件事比你想象的要困难得多@Sineteta我认为嵌入式播放器提供设置音量。。。看到这个了吗，吉姆，我明白了。制作移动div和改变YouTube播放器音量的动画。但是，设置不透明度：0.5不起作用。fadeTo也不起作用。但是，我发现了带有文本的jQuery示例。这里不同的是YT视频在div中，可能无法淡出？也许我的小提琴有问题。。。谢谢大家。添加>>>wmode:“不透明”谢谢Jim，实际上我发现wmode=“透明”。这有区别吗？然而，我现在更大的问题是如何使$（）.animate和.fadeTo同时运行。实际上，我不需要.animate，因为它不能在所有浏览器上处理不透明度，而.fadeTo可以。所以我需要一些循环机制，在持续时间内回调。fadeTo只有一个结束回调。我正在开发的是一款youtube播放器，在多个视频/子片段之间具有视频（输入/输出）和音频（交叉）淡入淡出（由于缓冲，因此有两个播放器）。有更好的方法吗？再次感谢。womode=“不透明”或“透明”应该可以正常工作。用一个“fadeTo”的例子更新了答案也许对我来说，一个更好的问题是，在播放当前视频时，是否有任何方法让一个yt iframe播放器提前播放下一个视频的全部或部分？令人惊讶的是，当我试图严格使用一个玩家进行游戏，另一个玩家进行缓冲时，他们似乎没有意识到，也没有使用另一个玩家已经缓冲的东西。那么，有其他选择或想法吗？

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