在Chromium和Mozilla夜间WebVR版本中播放360个视频

Question

我试图在WebGL中集成360个视频，使用HTML5视频播放器和平板视频确实有效，但当我通过示例使用此视频时： http://video.airpano.com/Video-Porto/portu_fin3_ir2048_5mbs.mp4

我得到的只是一个黑屏。

我使用Chrome版本44.0.2383.0 for WebVR（http://blog.tojicode.com/2014/07/bringing-vr-to-chrome.html）。

之前是否有人尝试过此问题，或设法播放360个视频？谢谢你的帮助！

修改

这是我用来传输视频纹理的功能：

that.loadVideoTexture = function(){
    // create the video element
    this.video = document.createElement("video");
    this.video.src = "http://video.airpano.com/Video-Porto/portu_fin3_ir2048_5mbs.mp4";
    this.video.crossOrigin = "anonymous";
    this.video.crossorigin = "anonymous";
    this.video.load(); // must call after setting/changing source               

    this.videoTexture = new THREE.VideoTexture(this.video);
    this.videoTexture.minFilter = THREE.LinearFilter;
    this.videoTexture.magFilter = THREE.LinearFilter;

    this.mesh.material.materials[1] = new THREE.MeshPhongMaterial( { map: this.videoTexture, color:"white", side:THREE.DoubleSide } );
}

但显然它会来自Chrome对.mp4的不支持，所以我猜代码并没有涉及到这个问题。

Answer 1

由于Chromium是一个开源发行版，因此它不包括对MP4（H.264）等专有许可格式的支持。您需要将视频转换为WebM，或者在Firefox Nightly中使用WebVR。