在2个不同的Div中播放/淡出声音

Question

JQuery具有很好的视觉fadeIn/fadeOut函数,可以处理不同的元素,如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播放器能够以多快的速度响应音量集......但是这种方法可以让你tween像j中一样使用jquery 效果div

fadeTo函数示例用法,

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