0

我正在尝试在 WebGL 中集成 360 度视频,使用 HTML5 视频播放器和一个平面视频它确实可以工作,但是当我通过示例使用这个视频时:http: //video.airpano.com/Video-Porto/portu_fin3_ir2048_5mbs.mp4

我得到的只是黑屏。

我为 WebVR 使用铬版本 44.0.2383.0 ( http://blog.tojicode.com/2014/07/bringing-vr-to-chrome.html )。

有没有人尝试过这个问题,或者设法播放 360 视频?谢谢您的帮助 !

编辑

这是我用来流式传输 videotexture 的功能:

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,所以我猜代码不涉及这个问题。

4

1 回答 1

4

由于 Chromium 是一个开源发行版,它不支持专有的许可格式,如 MP4 (H.264)。您要么需要将视频转换为 WebM,要么在 Firefox Nightly 中使用 WebVR。

于 2015-08-05T03:00:59.803 回答