360 graden video terug naar de inleiding
Een voorbeeld met de primitieve: videosphere
Op het internet werkte de video niet dit omdat de laadtijd te kort was, dit opgelost door de default assets timeout="3000 te verhogen naar 10000 (regel 12)
De schets is een aangepaste versie van aframe-master boilerplate schets, zie de code op github
De video is een Bitmovin demonstratie video van VR Playhouse De video werkt niet in mijn versie van firefox
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>360 graden Video</title>
<meta name="description" content="360 Video graden A-Frame">
<script src="../lib/aframe-master.js"></script>
</head>
<body>
<a-scene>
<a-assets timeout="10000">
<video id="video"
autoplay loop="true"
crossorigin="anonymous"
playsinline webkit-playsinline
src="https://bitmovin.com/player-content/playhouse-vr/progressive.mp4">
</video>
</a-assets>
<a-videosphere rotation="0 -90 0" src="#video">
</a-videosphere>
<a-camera>
<a-entity
position="0 0 -1.5">
</a-entity>
</a-camera>
</a-scene>
</body>
</html>