Multiple background kiosk musics

houby-studio · Mar 26, 2024 · 0a3f164 · 0a3f164
1 parent 4b02e91
commit 0a3f164
Show file tree

Hide file tree

Showing 14 changed files with 5 additions and 2 deletions.
diff --git a/public/audio/kiosk_shop_theme.mp3 → public/audio/0_kiosk_shop_theme.mp3 b/public/audio/kiosk_shop_theme.mp3 → public/audio/0_kiosk_shop_theme.mp3
diff --git a/public/audio/10_kiosk_shop_theme.mp3 b/public/audio/10_kiosk_shop_theme.mp3
diff --git a/public/audio/1_kiosk_shop_theme.mp3 b/public/audio/1_kiosk_shop_theme.mp3
diff --git a/public/audio/2_kiosk_shop_theme.mp3 b/public/audio/2_kiosk_shop_theme.mp3
diff --git a/public/audio/3_kiosk_shop_theme.mp3 b/public/audio/3_kiosk_shop_theme.mp3
diff --git a/public/audio/4_kiosk_shop_theme.mp3 b/public/audio/4_kiosk_shop_theme.mp3
diff --git a/public/audio/5_kiosk_shop_theme.mp3 b/public/audio/5_kiosk_shop_theme.mp3
diff --git a/public/audio/6_kiosk_shop_theme.mp3 b/public/audio/6_kiosk_shop_theme.mp3
diff --git a/public/audio/7_kiosk_shop_theme.mp3 b/public/audio/7_kiosk_shop_theme.mp3
diff --git a/public/audio/8_kiosk_shop_theme.mp3 b/public/audio/8_kiosk_shop_theme.mp3
diff --git a/public/audio/9_kiosk_shop_theme.mp3 b/public/audio/9_kiosk_shop_theme.mp3
diff --git a/public/javascripts/kiosk_keypad.js b/public/javascripts/kiosk_keypad.js
@@ -93,6 +93,5 @@ document.addEventListener("keydown", function (e) {
   } else if (e.key.length === 1) {
     addTextToScreen(e.key);
   }
-  console.log("IR scan textInput", e);
   e.preventDefault();
 });
diff --git a/public/javascripts/kiosk_shop.js b/public/javascripts/kiosk_shop.js
@@ -50,7 +50,10 @@ function submitFromModal(ctx, keepShopping) {
 // On page load start timer, play background music and make product card clickable
 document.addEventListener("DOMContentLoaded", function () {
   var shopInterval;
-  const backgroundMusic = new Audio("/audio/kiosk_shop_theme.mp3");
+  const randomNumber = Math.floor(Math.random() * 11);
+  const backgroundMusic = new Audio(
+    `/audio/${randomNumber}_kiosk_shop_theme.mp3`
+  );
 
   // Play background theme music
   backgroundMusic.volume = 0.3;

diff --git a/views/partials/kiosk_purchase_modal.hbs b/views/partials/kiosk_purchase_modal.hbs
@@ -36,6 +36,7 @@
               src=""
               class="img-fluid"
               alt="Product image"
+              style="max-height: 80vh;"
             />
           </div>
         </div>