Discussion :

[Toulousaing]

Yo,

Je souhaite inclure un son en "fond d'écran" sur une page HTML toute simple.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<audio autoplay loop>
    <source src="bruitage_train_vapeur.mp3" type="audio/mp3">
</audio>

mais le son ne démarre pas automatiquement.
Si j'ajoute l'attribut "controls", j'ai mon contrôle et je peux tester que mon attribut "loop", lui, fonctionne.
WTF, svp ?
Merci.
A++

Page : http://www.didiermorandi.fr/cftt/

[Archimède]

Chez moi, ça marche sous ff, IE11 mais pas sous chrome.

[Toulousaing]

Ah, très juste Auguste, j'ai omis de dire que j'étais sous Chrome.
Merci pour le test.

[Archimède]

Sous chrome, il faut peut-être ajouter un deuxième format tel qu' un audio.ogg

Fais un essai...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<audio autoplay loop>
    <source src="tonfichier.mp3" type="audio/mp3">
    <source src="tonfichier.ogg" type="audio/ogg">
</audio>

ou .wav ...

C'est curieux car le mp3 est supporté par chrome

[Archimède]

Et en javascript par une création dynamique de audio, ça ne marche pas ?

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
var audio=document.createElement('audio');
     audio.setAttribute('src','tonfichier.mp3');
     audio.play();

C'est curieux, il se lit bien manuellement mais ne se lance pas automatiquement sous chrome... donc un format différent ne réglera pas le problème...

[Archimède]

la réponse est sûrement ici :https://www.futura-sciences.com/tech...-google-68637/
Rq:
Finalement, ta question devrait être : comment débloquer l'autoplay sous chrome ?
Mais malheureusement, il n'y a pas de parade évidente...

a+

[Archimède]

En cherchant un peu, il est possible de contourner l'interdiction.
L'idée est que si l'autoplay est bloqué au démarrage, il faut donc choisir un déclenchement de play() sur un autre événement que le onload...
Et avec un petit boolean, on peut s'en sortir.

Le problème, lequel choisir ?
Sachant que le visiteur va forcément cliquer pour naviguer sur ton site, tu peux déclencher ça sur le mousedown :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
 var audio=document.createElement('audio');
 var first=true;
      window.addEventListener('mousedown',onmousedown);
 
    function onmousedown(){
       if(!first) return;
       first=false;
       audio.src="tonaudio.mp3";
       audio.play();
    }

Et là, tu contournes le problème...

[Toulousaing]

pas mal !

[Archimède]

Merci !
J'ai bien tenté le coup de simuler un click avec :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
var event = document.createEvent("MouseEvents");
 event.initMouseEvent("click", true, true, window, 0, 0, 0, 80, 20, false, false, false, false, 0, null);
 window.dispatchEvent(event);   //etc

mais tout autoplay ou play qui se lance au chargement de la page est systématiquement bloqué...

salut