From bd93f8ba2a47c65b1eafe302cfcb9381b10fc658 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=B2=20P=2E?= <nicolo.paraciani@cnr.it>
Date: Wed, 14 Jan 2026 16:59:31 +0100
Subject: [PATCH] Fix audio example issues

---
 assets/icons/section_z.png | Bin
 config.js                  |   2 --
 js/scene.js                |  15 +++++++++------
 scenes/salvador/index.html |  26 ++++++++++++++++++++++++++
 scenes/salvador/index.js   |   3 ++-
 5 files changed, 37 insertions(+), 9 deletions(-)
 mode change 100755 => 100644 assets/icons/section_z.png

diff --git a/assets/icons/section_z.png b/assets/icons/section_z.png
old mode 100755
new mode 100644
diff --git a/config.js b/config.js
index b9d6112..00b9d9a 100644
--- a/config.js
+++ b/config.js
@@ -36,7 +36,6 @@ export const config = {
             popup: theater1Popup,
             coords: [45.4363, 12.3352],
             model: "teatro_san_salvador_20250926.gltf",
-            //pano: `${BASE_URI}/assets/pano/defsky-grass.jpg`,
             pano: `pano/defsky-grass.jpg`,
         },
         {
@@ -46,7 +45,6 @@ export const config = {
             popup: theater2Popup,
             coords: [45.4401, 12.3408],
             model: `SSGP.glb`,
-            //pano: `${BASE_URI}/assets/pano/defsky-grass.jpg`,
             pano: `pano/defsky-grass.jpg`,
         }
     ],
diff --git a/js/scene.js b/js/scene.js
index 1ad4a5d..7fcb053 100644
--- a/js/scene.js
+++ b/js/scene.js
@@ -15,12 +15,15 @@ Scene.UI.domParser = new DOMParser;
 Scene.UI.pauseAudio = function(triggerSelector) {
     // What if more than one audio element is playing?
     const audio = document.querySelector('audio');
-    document.querySelectorAll(triggerSelector).forEach(el => {
-        el.addEventListener('click', () => audio.pause());
-    });
-    document.querySelector('.modal').addEventListener('blur', () => {
-        audio.pause();
-    });
+
+    if (audio) {
+        document.querySelectorAll(triggerSelector).forEach(el => {
+            el.addEventListener('click', () => audio.pause());
+        });
+        document.querySelector('.modal').addEventListener('blur', () => {
+            audio.pause();
+        });
+    }
 }
 
 /**
diff --git a/scenes/salvador/index.html b/scenes/salvador/index.html
index 18b0938..a279887 100644
--- a/scenes/salvador/index.html
+++ b/scenes/salvador/index.html
@@ -86,4 +86,30 @@
     <div class="aton-poweredby" >
         <a href="https://aton.ispc.cnr.it/site/" target="_blank"><img src="/res/aton-logo.png"></a>
     </div>
+
+    <!-- Info / media modal -->
+    <div class="modal fade" id="audio1" tabindex="-1" aria-labelledby="audio1" aria-hidden="true">
+        <div class="modal-dialog">
+            <div class="modal-content">
+            <div class="modal-header">
+                <h1 class="modal-title fs-4 text-center" id="exampleModalLabel">Che fiero costume</h1>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body">
+                <h2 class="fs-5 font-bold text-center">Informazioni</h2>
+                <p class="mt-2">
+                    L'aria "Che fiero costume" bla bla...
+                </p>
+                <p>
+                    Lorem ipsum dolor...
+                </p>
+                <h2 class="fs-5 mt-4 text-center font-bold">Ascolta</h2>
+                <audio class="w-100 p-2 mt-1" src="/a/scaenae/assets/bt_TracciaAudio_ Che fiero costume.mp3" controls></audio>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Chiudi</button>
+            </div>
+            </div>
+        </div>
+    </div>
 </body>
diff --git a/scenes/salvador/index.js b/scenes/salvador/index.js
index 12bb985..5bb579b 100644
--- a/scenes/salvador/index.js
+++ b/scenes/salvador/index.js
@@ -1,4 +1,5 @@
 import Scene from "../../js/scene.js";
 import { config } from "../../config.js";
 
-Scene.openScene(config.markers.find(m => m.id === 'salvador'));
\ No newline at end of file
+Scene.openScene(config.markers.find(m => m.id === 'salvador'));
+Scene.UI.pauseAudio('[data-bs-dismiss="modal"]');
\ No newline at end of file