Untitled

avatar
unknown
plain_text
2 years ago
1.7 kB
6
Indexable
<!doctype html>
<html>
<head>
    <title>Stereo Images</title>
    <script src="https://aframe.io/releases/1.4.2/aframe.min.js"></script>
    <script src="../script/aframe-stereo-component.min.js"></script>
</head>
	
<body>
    <!-- ******** NOTHING HAS CHANGED WITH v1.4.2 ******** -->
    <a-scene width="4" height="3">
        <!-- Asset Management System -->
        <!-- <a-assets>
        	<img id="left" src="../assets/images.jpeg">
        	<img id="right" src="../assets/images.jpeg">
        </a-assets> -->

        <!--TESTING ON VIDEO-->
        <a-assets>
        <video id="left" autoplay loop crossorigin="anonymous" playsinline muted>
            <source src="../assets/vtestvideo.mp4" type="video/mp4">
        </video>
        <!-- <video id="right" autoplay loop crossorigin="anonymous" playsinline muted>
            <source src="../assets/vtestvideo.mp4" type="video/mp4">
        </video> -->
    </a-assets>
        
        <!-- Sky
        <a-sky></a-sky> -->
        
        <!-- Camera -->
        <a-camera stereocam="eye: left"></a-camera>
        
        <!-- Stereoscopic Image-->
        <a-image src="#left" position="0 1.5 -1" height="0.75" stereo="eye: left">
            <a-box stereo="eye:left" position="0 0 0.1" scale="0.1 0.1 0.1" color="#993292"></a-box>
        </a-image>
        <a-image src="#right" position="0 1.5 -1" height="0.75" stereo="eye: right">
        </a-image> 
        
        <!-- Stereoscopic 360° Image 
        <a-sky src="#left" rotation="0 -90 0" stereo="eye: left"></a-sky>
        <a-sky src="#right" rotation="0 -90 0" stereo="eye: right"></a-sky>-->
    </a-scene>
</body>
</html>
Editor is loading...