working

Author: sorob

README.md

@@ -1,17 +1,3 @@
-Volumetric Performance Toolbox
-=====
-
-> How can artists create new live performances during the time of COVID-19? Volumetric Performance Toolbox empowers creators to perform from their own living spaces for a virtual audience. Movement artist Valencia James performed publicly with the Toolbox for the first time on September 24, 2020 in the Mozilla Hubs virtual social space. The project is a collaboration between Valencia James, Glowbox and Sorob Louie as part of Eyebeam’s Rapid Response for a Better Digital Future fellowship.
-
-More information on the Volumetric Performance Toolbox here:
-
-https://valenciajames.com/volumetric-performance/
-
-https://www.glowbox.io/work/volumetric-performance/
-
-This is a fork of the Depthkit.js project, it demonstrates visualizing HLS stream of a custom video texture.
-The custom texture is generate by this fork of AKVFX https://github.com/volumetricperformance/akvfx
-
 # Depthkit.js
 [![Build Status](https://travis-ci.org/juniorxsound/DepthKit.js.svg?branch=master)](https://travis-ci.org/juniorxsound/DepthKit.js)                [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
 

examples/stream.html

@@ -30,6 +30,13 @@
 			top: 0; left: 0;
 			width: 20%;
 		}
+		#error {
+			color: rgb(255, 80, 80);
+			background-color: rgba(0,0,0,0.5);
+			
+			width: 100%;
+
+		}
 	</style>
 </head>
 
@@ -45,8 +52,9 @@
 
     <div id="info">
 		Volumnetric Stream example, assumes HLS stream and stacked RGB+D textures
-    </div>
+		<div id="error"></div>
 
+    </div>
 	<script>
 
 		//Some general Three.js components
@@ -58,9 +66,13 @@
 		var depthkit;
 		var dkstream;
 
+		function showError(err){
+			document.getElementById("error").innerHTML = err;
+		}
+
 		init();
 
-		function init() {
+		async function init() {
 
 			//Setup renderer
 			renderer = new THREE.WebGLRenderer();
@@ -87,17 +99,31 @@
 			scene.add(gridHelper);
 
 			depthkit = new DepthkitStream();
+			let url ;
+			try {
+				url = await fetch ("https://pv8hjtwzy1.execute-api.us-west-2.amazonaws.com/prod/");
+				url = await url.text();
 
-			depthkit.load('https://stream.mux.com/Qv01KrOQC02xvM7yiYlcMQvpc74Tk01qkQs8pQMXnKIzAs.m3u8', 'points',
-				dk => {
-					dkstream = dk;
+			} catch (error) {
+				// show error
+				showError( error.message );
 
-					//Add the character to the scene
-					scene.add(dkstream);
+			}
+			
+			if(url !== "No steams were available")
+			{
+				depthkit.load(url, 'points',
+					dk => {
+						dkstream = dk;
 
-				}, 
-				);
+						//Add the character to the scene
+						scene.add(dkstream);
 
+					}, 
+				);
+			}else{
+				showError( "No steams were available" );
+			}
 			window.addEventListener( 'resize', onWindowResize, false );
 
 			render();