More creations to inspire you
SLYCE DECK
Personalized
LET’S GO TO LONDON!
Personalized
ENERGY KEY ACHIEVEMENTS
Personalized
HUMAN AND SOCIAL DEVELOPMENT KEY
Personalized
CULTURAL HERITAGE AND ART KEY ACHIEVEMENTS
Personalized
DOWNFALLL OF ARAB RULE IN AL-ANDALUS
Personalized
ABOUT THE EEA GRANTS AND NORWAY
Personalized
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)