在mediaelementJS暂停时淡出音量

时间:2013-10-30 12:11:49

标签: javascript jquery html5-audio fade mediaelement.js

在mediaelementJS播放器暂停时淡出音量的最佳方法是什么?

设置 media.volume = 0.0 可以正常工作,然后使用jQuery为播放侦听器设置动画的动画。但对于暂停监听器,在我有机会淡出音频之前,音频会暂停。

var volumeSet = 0.8; //Default volume
var player = new MediaElementPlayer('video,audio',{

   success: function (media, domObject) {

       //This works fine 
       media.addEventListener('play', function() {

            media.volume = 0;
            $('video,audio').animate({volume: volumeSet}, 1000, "swing");

        }, false)

       //This 'works', but lags as its needed to be re-played after pause 
       media.addEventListener('pause', function(e) {

            if (media.volume>0) {

                volumeSet = media.volume;
                media.play();

                $('video,audio').animate({volume: 0.0}, 1000, "swing", function(){
                    media.pause();
                });

            }

        }, false);

    }

});

0 个答案:

没有答案