pawo161
diff --git a/‎.DS_Store
6 KB b/‎.DS_Store
6 KB
diff --git a/‎hand.jpg
3.95 MB b/‎hand.jpg
3.95 MB
diff --git a/‎script.js
Lines changed: 4 additions & 3 deletions b/‎script.js
Lines changed: 4 additions & 3 deletions
diff --git a/‎strona.html
Lines changed: 5 additions & 4 deletions b/‎strona.html
Lines changed: 5 additions & 4 deletions
diff --git a/‎style.css
Lines changed: 39 additions & 6 deletions b/‎style.css
Lines changed: 39 additions & 6 deletions
@@ -10,9 +10,9 @@ let model = null;
 
 const modelParams = {
     flipHorizontal: true,   // flip e.g for video  
-    maxNumBoxes: 4,        // maximum number of boxes to detect
+    maxNumBoxes: 2,        // maximum number of boxes to detect
     iouThreshold: 0.5,      // ioU threshold for non-max suppression
-    scoreThreshold: 0.66,    // confidence threshold for predictions.
+    scoreThreshold: 0.68,    // confidence threshold for predictions.
 }
 
 function startVideo() {
@@ -21,7 +21,7 @@ function startVideo() {
         if (status) {
             updateNote.innerText = "Wideo ruszyło! Poszukuję dłoni."
             isVideo = true
-            setInterval(runDetection(), 1900);
+            setInterval(runDetection(), 2700);
         } else {
             updateNote.innerText = "Proszę włącz obraz..."
         }
@@ -55,6 +55,7 @@ function runDetection() {
             }
             else{
                 audio.pause();
+                
             }
     });
 }
 
@@ -10,11 +10,12 @@
 </head>
 
 <body class="bx--body p20">
-  <!-- <img id="img" src="hand.jpg"/>  -->
+  <header class="header">
+  <p>Prezentuję swój nowy utwór w eksperymentalny sposób! </p>
+  <p>Używając handtrack.js włączasz utwór swą dłonią. </p>
+  </header>
 
   <div class="p20">
-    <p>Prezentuję swój nowy utwór w eksperymentalny sposób! Hej ! </p>
-    <p>Używając handtrack.js włączam utwór swą dłonią. </p>
   </div>
   <div class="mb10">
     <button onclick="toggleVideo()" id="trackbutton" class="bx--btn bx--btn--secondary" type="button">
@@ -26,7 +27,7 @@
 
   <canvas id="canvas" class="border canvasbox"></canvas>
 
-  <script src="https://unpkg.com/carbon-components@latest/scripts/carbon-components.js"></script>
+  
   <script src="https://cdn.jsdelivr.net/npm/handtrackjs/dist/handtrack.min.js"> </script>
   <audio src="olaf.mp3" id="audio" autobuffer autoloop loop controls></audio>
   <script src="script.js"></script>
 
@@ -1,33 +1,66 @@
+
 body {
     padding: 20px;
+    background: url(hand.jpg) no-repeat center center fixed;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  background-size: cover;
 }
 
 .p20 {
     padding: 20px;
+    margin-left: 10px;
+}
+.header{
+
+    margin-left: 40px;
+    padding: 20px;
+    font-size: 32px;
+    line-height: 50px;
 }
 
 .canvasbox {
+    position: fixed;
     border-radius: 3px;
     margin-right: 10px;
-    width: 450px;
-    height: 338px;
-    border-bottom: 3px solid #0063FF;
+    margin-left: 10px;
+    width: 500px;
+    height: 388px;
+    border-bottom: 3px solid #EE82EE;
     box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 #00000030;
-  background: #333;
+    
 
 }
 
 .mb10 {
-    margin-bottom: 10px
+    
+    margin-bottom: 10px;
+    margin-left: 10px;
 }
 
 .mt10 {
-    margin-top: 10px
+    
+    margin-top: 10px;
+    margin-left: 10px;
 }
 
 .updatenote {
+
     padding: 10px;
     background: rgb(245, 147, 20);
     color: white;
     display: inline;
+}
+
+audio {
+    display:none;
+    position: fixed;
+    margin-top: 400px;
+    margin-left: 10px;
+    border-radius: 3px;
+    
+    padding: 20px;
+    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 #00000030;
+    
 }
Original file line number	Diff line number	Diff line change
`@@ -10,9 +10,9 @@ let model = null;`
`10`	`10`
`11`	`11`	`const modelParams = {`
`12`	`12`	`flipHorizontal: true, // flip e.g for video`
`13`		`- maxNumBoxes: 4, // maximum number of boxes to detect`
	`13`	`+ maxNumBoxes: 2, // maximum number of boxes to detect`
`14`	`14`	`iouThreshold: 0.5, // ioU threshold for non-max suppression`
`15`		`- scoreThreshold: 0.66, // confidence threshold for predictions.`
	`15`	`+ scoreThreshold: 0.68, // confidence threshold for predictions.`
`16`	`16`	`}`
`17`	`17`
`18`	`18`	`function startVideo() {`
`@@ -21,7 +21,7 @@ function startVideo() {`
`21`	`21`	`if (status) {`
`22`	`22`	`updateNote.innerText = "Wideo ruszyło! Poszukuję dłoni."`
`23`	`23`	`isVideo = true`
`24`		`- setInterval(runDetection(), 1900);`
	`24`	`+ setInterval(runDetection(), 2700);`
`25`	`25`	`} else {`
`26`	`26`	`updateNote.innerText = "Proszę włącz obraz..."`
`27`	`27`	`}`
`@@ -55,6 +55,7 @@ function runDetection() {`
`55`	`55`	`}`
`56`	`56`	`else{`
`57`	`57`	`audio.pause();`
	`58`	`+`
`58`	`59`	`}`
`59`	`60`	`});`
`60`	`61`	`}`