Google VRView for Web - 检测 360° 视频何时结束

Question

我的要求非常简单：我需要在当前运行视频结束后立即使用 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
  });

});

Answer 1

尽管文档显示了 4 种类型的事件，正如您所说，GitHub 上的来源似乎实际上支持 'ended' (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;
    }
      }

Google VRView for Web - 检测 360° 视频何时结束

Google VRView for Web - Detect when a 360° video finishes

video

html5-video

360-degrees

webvr

google-vr