CODEWITHSUNDEEP
htmlwebglmp4chromiumwebvr
user3122532
user3122532

Reputation: 21

Playing 360 videos in Chromium and Mozilla nightly WebVR versions

I'm trying to integrate 360 videos in WebGL, using the HTML5 video player and a flat video it does work, but when I use this video by example : http://video.airpano.com/Video-Porto/portu_fin3_ir2048_5mbs.mp4

all I get is a black screen.

I use the chromium version 44.0.2383.0 for WebVR (http://blog.tojicode.com/2014/07/bringing-vr-to-chrome.html).

Does anyone experimented this problem before, or managed to play 360 videos ? thank you for your help !

EDIT

Here's the function I use to stream a 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 } );
}

But apparently it would be coming from the non support of .mp4 by Chrome, so I guess the code isn't involved in this problem.

Upvotes: 0

Views: 959

Answers (1)

brianpeiris
brianpeiris

Reputation: 10795

Since Chromium is an open-source distribution, it does not include support for proprietary, licensed formats like MP4 (H.264). You'll either need to convert the video to WebM or use WebVR in Firefox Nightly instead.

Upvotes: 4

Related Questions