nicolo/scaenae
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Sample audio modal

Browse Source
This commit is contained in:
Nicolò P 2025-10-08 14:35:06 +02:00
parent 8ee987e3c8
commit 0ce5a13aec
3 changed files with 22 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/bt_TracciaAudio_ Che fiero costume.mp3 Normal file
View File

Binary file not shown.

2
config.js
View File

@ -1,7 +1,7 @@
const theater1Popup = `
<div class="text-center">
<h1 class="fs-4">Teatro San Salvador, Venezia</h1>
<button type="button" class="btn btn-outline-dark" id="salvador">Apri scena 3D</button>
<button type="button" class="btn btn-dark" id="salvador">Apri scena 3D</button>
</div>
`;

21
index.html
View File

@ -63,10 +63,31 @@
<a class="btn aton-btn fs-5" id="settings" title="Impostazioni">
<i class="bi bi-gear-fill"></i>
</a>
<button type="button" class="btn aton-btn fs-6 px-2" data-bs-toggle="modal" data-bs-target="#audio1">
Esempio modale audio
</button>
</div>
<div class="aton-poweredby" >
<a href="https://aton.ispc.cnr.it/site/" target="_blank"><img src="/res/aton-logo.png"></a>
</div>
</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-5" 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">
<audio class="w-100 p-2" src="./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>