Want to make creations as awesome as this one?

Transcript

Template

greater sound control in Genially

Reuse

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

Integrate background music

1. Insert the script below using the "Insert" function, then "other"

2. Put the player outside the page

Make sure everything is off the page!

important: give an ID name!

Source: link to mp3 file

Music plays on every page

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

Volume from 0 to 1

Thats why it is important to give the sound an ID name

The script is right here

With possibility to change the volume

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

This script pauses the music

Thats why it is important to give the sound an ID name

how to mute the sound

Insert the script using the "Insert" function, then "other". It can be copy and pasted from one page to another.

The script is here

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

This script restarts the music

How to restart the sound

The script is here

Thats why it is important to give the sound an ID name

Insert the script using the "Insert" function, then "other". It can be copy and pasted from one page to another.

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

This script stops the music

How to stop the sound

The script is here

Thats why it is important to give the sound an ID name

Insert the script using the "Insert" function, then "other". It can be copy and pasted from one page to another.

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

How to Restart

This script stops the music

Thats why it is important to give the sound an ID name

Insert the script using the "Insert" function, then "other". It can be copy and pasted from one page to another.

The script is here

<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>

Actions on a sound on a page

Two buttons with in-builtPLAY and PAUSE scripts

Script to embed audio in the pageThe player can be hidden in the 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>

Delayed triggeringof a sound in a page

Script to embed audio in the pageThe player can be hidden in the page.

Time in milliseconds (here 10 s.)

The song is played in a loop (optional)

BACKGROUND MUSIC :A player placed outside the page with the URL of the sound file

New Andromeda Theory par Wasaru

BACKGROUND MUSIC :This function stops the background music

BACKGROUND MUSIC :This function restarts the background music

BACKGROUND MUSIC :Background music control

BACKGROUND MUSIC :This function stops the background music

PAGE MUSIC :Player and file url made transparent

PAGE MUSIC :Controlling the music embedded in the page

My hands, your neck par Solaire

PAGE MUSIC (Other file):Player and url of the file made transparent

PAGE MUSIC :Controlling the music embedded in the page

Break the Lies par Tigerberry

<div id="ambiance">URL_DU_FICHIER_MP3</div><script></script>

AMBIANCE PLAYER (background music)

Place this player outside the page

Enter the URL of the audio file, then copy and paste this script into Insert

Place the object outside the page

Automatic functionsto be copied and pasted into the pages

Control buttonsto be copied and pasted into the pages

(Plays in a loop)

<div id="morceau">URL_DU_FICHIER_MP3</div><script></script>

Page player

Hide this player in the page

Enter the URL of the audio file, then copy and paste this script into Insert

Hide the object in the page

Control buttons