Mobile video play

collidingScopes · Aug 14, 2024 · 8bae407 · 8bae407
1 parent 25feef8
commit 8bae407
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/ASCII.js b/ASCII.js
@@ -31,7 +31,7 @@ var webcamVideoHeight = Math.floor(webcamVideoWidth * 3/4);
 
 var defaultVideoWidth = 480;
 var defaultVideoHeight = 848;
-var canvasWidth = defaultVideoWidth;
+var canvasWidth = defaultVideoWidth * 2;
 var canvasHeight = defaultVideoHeight;
 
 var pixelSize;
@@ -518,6 +518,9 @@ function renderText(){
 
 function loop(){
 
+    if(counter==0){
+        console.log("start animation, first frame");
+    }
     if (playAnimationToggle){
         counter++;
         render(ctx)

diff --git a/index.html b/index.html
@@ -47,9 +47,9 @@
 
     <div id="canvasDiv">
         <canvas id="canvas" class="displayCanvas"></canvas>
-        <video id="webcamVideo" class="displayCanvas hidden"></video>
-        <video id="userVideo" class="displayCanvas hidden" loop muted></video>
-        <video id="defaultVideo" class="displayCanvas hidden" width="480px" height="848px" loop muted>
+        <video id="webcamVideo" class="displayCanvas hidden" playsinline></video>
+        <video id="userVideo" class="displayCanvas hidden" loop muted playsinline></video>
+        <video id="defaultVideo" class="displayCanvas hidden" width="480px" height="848px" loop muted playsinline>
             <source src="assets/waves.mp4" type="video/mp4" />
         </video>