Want to make creations as awesome as this one?

Transcript

Éteinte par Lacrymosa Industry

Réutilisez !

LOUXOR !Un son maîtrisé

Extension proposée par Patrice Nadam

<audio controls autoplayloopid="audio" src="https://ia801309.us.archive.org/34/items/auboutdufil-archives/049/Eteinte.mp3"> </audio> <script></script>

Intégrer une musique d'ambiance

1. Intégrer le script ci-dessous à l'aide la fonction Insérer </>AUTRES

2. Placer le lecteur EN DEHORS de la page

Bien vérifier que tout est en dehors de la page !

Affiche les controles (peu utile ici)

LAncement automatique (variable selon les navigateurs)

joue en boucle

Indispensable pour la suite : donner un identifiant !

Source :lien vers le fichier mp3

La musique se joue sur toutes les pages

<script>const audio = document.querySelector("#audio");audio.volume = 0.2;</script>

Volume de 0 à 1

D'où l'importance de donnerun identifiant à l'audio

Le script est juste là

Avec possibilité de modifier le volume

<script>const audio = document.querySelector("#audio");audio.pause();</script>

Ce Script permet de mettre en pause la musique

D'où l'importance de donner un identifiant à l'audio

Alors je coupe le son

à intégrer par Insérer </>AUTRESCopier-coller de l'objet possible d'une page à l'autre

Le script est juste là

<script>const audio = document.querySelector("#audio");audio.play();</script>

Ce Script permet de relancer la musique

D'où l'importance de donner un identifiant à l'audio :-)

Et je remets le son !

à intégrer par Insérer </>AUTRESCopier-coller de l'objet possible d'une page à l'autre

Le script est juste là

<script>const audio = document.querySelector("#audio");audio.pause();audio.currentTime = 0;</script>

Ce Script permet de stopper la musique

D'où l'importance de donner un identifiant à l'audio :-D

Et je recoupe le son

à intégrer par Insérer </>AUTRESCopier-coller de l'objet possible d'une page à l'autre

Le script est juste là

qui reprendra depuis le début

<script>setTimeout(function(){document.getElementsByClassName('icon-close')[0].click()}, 10);document.getElementById('genially-view-modal').style.visibility = "hidden";const audio = document.querySelector("#audio_page");audio.play();</script>

<audio controls autoplay loop id="audio_page" src="https://www.auboutdufil.com/get.php?fla=https://archive.org/download/jamendo-037609/01.mp3"> </audio><script></script>

<script>setTimeout(function(){document.getElementsByClassName('icon-close')[0].click()}, 10);document.getElementById('genially-view-modal').style.visibility = "hidden";const audio = document.querySelector("#audio_page");audio.pause();</script>

Action sur un son d'une page

Deux boutons avec en intearctivité les scripts de PLAY et PAUSE

Script pour intégrer l'audio dans la pageLe lecteur peut être caché dans la page.

New Andromeda Theory par Wasaru

<audiocontrols loop id="audio_temps"src="https://www.auboutdufil.com/get.php?fla=https://archive.org/download/jamendo-037609/01.mp3"></audio><script> setTimeout(function(){ const audio = document.querySelector("#audio_temps");audio.play(); }, 10000);</script>

Déclenchement retardé d'un son dans une page

Script pour intégrer l'audio dans la pageLe lecteur peut être caché dans la page.

Temps en millisecondes (ici 10 s.)

On joue le morceau en boucle (facultatif)