0

我正在做一个项目，我需要通过该方法从正在播放的视频中返回一个帧数video.prototype.getCurrentFrame()。我的脚本工作得非常好，除了这个方法返回的数字是“未定义”。我知道我的问题与我的变量范围有关，但我是 javascript 的新手，我似乎无法让它自己工作......

在我的方法video.prototype.setUpPlayer中，我有一个函数可以让我计算帧数，在该函数'timeListener'中我更新了一个名为 frame 的变量；如果我尝试通过它访问这个帧变量video.prototype.getCurrentFrame()，它不会达到更新的值。

到目前为止，这是我的代码：

var Video = function(aVideoId){
this.videoId = aVideoId;
this.frame;
this.videoContainer; 
this.myPlayer;
this.timeListener;
this.progressListener;
};

Video.prototype.getCurrentFrame = function(){
    return this.frame;
}

Video.prototype.setVideoContainer = function(){
        videoContainer = $('<div>', {
        id: this.videoId,
        class: 'projekktor',
        width: "100%",
        height: "100%",
    });
    $('#innerContainer').html(videoContainer);
}

Video.prototype.setUpPlayer = function(){
    videoId = this.videoId;


    myPlayer = projekktor('#' + videoId, {
        controls: "true",
        volume: 0.5,
        preload: false,
        autoplay: true,
        playlist: [{
            0: {
                src: '/' + videoId + '.mp4',
                type: 'video/mp4'
            },
            1: {
                src: '/' + videoId + '.mov',
                type: 'video/mov'
            },
            2: {
                src: '/' + videoId + '.ogv',
                type: 'video/ogv'
            }
        }]
    }, function() { // call back
        myPlayer.addListener('time', timeListener);
        myPlayer.addListener('progress', progressListener);
    });

    timeListener = function(duration) {
            $('#currentTime').html(duration);
            frame = Math.round(duration * 25);
            $('#currentFrame').html(frame); 
                            return this.frame = frame;


        }

    progressListener = function(value) {
            $('#progress').html(Math.round(value))
            $('#progress2').html(myPlayer.getLoadProgress());
        }   
}

在此先感谢您的帮助 ！

4

1 回答 1

2

您需要getCurrentFrame从 的实例调用Video，而不是原型本身：

var video = new Video;
alert(video.getCurrentFrame());

您可以使用原型检索当前帧的唯一方法是使用apply()（这也需要一个实例）：

var video = new Video;
alert(Video.prototype.getCurrentFrame.apply(video));

编辑：似乎timeListener回调没有在视频实例的上下文中执行。您可能必须将回调显式绑定到正确的范围：

timeListener = function() 
    {
    //  ...
        this.frame = frame;
    //  ...
    }

var video = new Video;

// binding the correct context
myPlayer.addListener('time', timeListener.bind(video));

this在timeListener封现在video。

于 2012-07-04T11:08:32.687 回答