Google VRView for Web - 在360°视频播放完成后检测

时间:2017-05-29 08:15:10

标签: video html5-video google-vr webvr 360-degrees

我的要求非常简单:我需要在当前正在运行的视频结束后立即使用Google VRView for Web加载另一个360°视频。

documentation中描述了4种类型的事件,但遗憾的是没有事件可以检测视频何时结束。我甚至找不到禁用循环的属性。

有人能够实现这样的东西吗?

var vrView = new VRView.Player('#vrview', {
    video: 'link/to/first-video.mp4',
    is_stereo: true
  });


// I couldn't find an event like this or another solution

vrView.on('end', function() {

  vrView.setContent({
    video: 'link/to/second-video.mp4',
    is_stereo: true
  });

});

1 个答案:

答案 0 :(得分:1)

虽然文档显示了4种类型的事件,但正如您所说,GitHub上的源代码实际上似乎支持了“已结束”(https://github.com/googlevr/vrview)。

您可以在main.js中看到它定义并在player.js中使用:

Player.prototype.onMessage_ = function(event) {
  var message = event.data;
  if (!message || !message.type) {
    console.warn('Received message with no type.');
    return;
  }
  var type = message.type.toLowerCase();
  var data = message.data;

  switch (type) {
    case 'ready':
    case 'modechange':
    case 'error':
    case 'click':
    case 'ended':
      if (type === 'ready') {
        if (data !== undefined) {
          this.duration = data.duration;
    }
      }