Locally stored video not rendering in WebVR

Question

Basing my code off the Github example I have added my own 360 video but I keeping getting a console error in Chrome.

My code is:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Test</title>
    <script src="https://aframe.io/releases/0.2.0/aframe.min.js"></script>  
  </head>
  <body>
    <a-scene>
      <a-assets>
        <video id="video" src="vid.mp4" autoplay loop></video>
      </a-assets>

      <a-videosphere src="#video" rotation="0 180 0"></a-videosphere>
    </a-scene>
  </body>
</html>

I receive the following error:

I have the video stored locally, I stitched it together using a video stitching software, and injected the metadata to be a 360 video — Rohan Kanjani, Jul 20 '16 at 01:32

score 1 · Answer 1 · answered Jul 20 '16 at 01:43

1

Figured it out:

Make sure the file is being referenced correctly (from the location of the index file).
Your environment is installed correctly.
Your local server is up and running.

answered Jul 20 '16 at 01:43

Rohan Kanjani

19
3

Locally stored video not rendering in WebVR

1 Answers1