video

index.html

@@ -34,7 +34,7 @@ setTimeout( _ => {
  	let positions = [ "-1 1 -3.5", "-1 2 -3.5", "0 0 -3.5", "0 1 -3.5", "1 0 -3.5", "-1 0 -3.5" ]
 	// triangle example, could be based on room boundaries instead
 	positions.map( pos => { addFromTemplate(pos, rot, scaffoldingInnerHTMLTemplate) })
-}, 2000)
+}, 9000)
 
 function addFromTemplate(pos="0 0 0", rot="0 0 0", template="<a-box></a-box>"){
 	let el = document.createElement("a-entity")
@@ -97,8 +97,14 @@ AFRAME.registerComponent('scaffolding', {
 </div>
 
 <a-scene startfunctions onemptypinch="onHoveredTeleport()">
-      <a-gltf-model hide-on-enter-ar="" id="environment" src="../content/CubeRoom.glb" rotation="0 -90 0" position="0 0 1" scale="" ></a-gltf-model>
+
-	<!-- Cube Room by Anonymous [CC-BY] via Poly Pizza -->
+  <a-assets>
+    <video id="dolomites1_preview" src="/pub/home/360s/Dolomites2024Videos/R0012604_preview.MP4"> </video>
+    <video id="dolomites1" autoplay src="/pub/home/360s/Dolomites2024Videos/R0012604.MP4"> </video>
+    <video id="dolomites2" autoplay src="/pub/home/360s/Dolomites2024Videos/R0012610.MP4"> </video>
+  </a-assets>
+
+  <a-videosphere src="#dolomites2"></a-videosphere>
 
       <a-entity id="rig">
 		<a-entity id="player" networked="template:#avatar-template;attachTemplateToLocal:false;" 
@@ -118,7 +124,6 @@ AFRAME.registerComponent('scaffolding', {
 
       <a-troika-text value="SpaSca : Spatial Scaffolding" anchor="left" outline-width="5%" font="../content/ChakraPetch-Regular.ttf" position="-3 5 -2"
 	scale="3 3 3" rotation="80 0 0" troika-text="outlineWidth: 0.01; strokeColor: #ffffff" material="flatShading: true; blending: additive; emissive: #c061cb"></a-troika-text>
-      <a-sky hide-on-enter-ar color="lightgray"></a-sky>
       <a-troika-text anchor=left target value="instructions : \n--right pinch to move\n--left pinch to execute" position="0 0.65 -0.2" scale="0.1 0.1 0.1"></a-troika-text>
 
       <a-troika-text anchor=left value="jxr location.reload()" target position=" -0.3 1.30 0" rotation="0 40 0" scale="0.1 0.1 0.1"></a-troika-text>
@@ -136,6 +141,9 @@ Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliqu
       <a-troika-text anchor=left line-height="1" value="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. " target position="0.5 .85 0" rotation="0 -40 0" scale="0.1 0.1 0.1"></a-troika-text>
 
+      <a-troika-text anchor=left value="jxr document.querySelector('video').play()" target position="-0.3 1.20 -.5" rotation="0 0 0" scale="0.1 0.1 0.1"></a-troika-text>
+	<!-- only plays audio, might need permission via user action, i.e a button -->
+
     </a-scene>
   </body>
 </script>