Insertion bande sonore avec lecture automatique sur la page d'accueil
Auteur : Michel M.
Visité 605,
Followers 1,
Partagé 0
Bonjour,
Je suis à la recherche de renseignement qui me permettrons de mettre un fond sonore qui s'active automatiquement lors de l'affichage de la page d'accueil de mon site. Je n'ai pas trouvé d'informations sur la FAQ donc je fais appel à vous.
Merci d'avance de toutes vos suggestions
Michel
Posté le
Salut Michel,
La lecture automatique est maintenant désactivée par défaut dans les navigateurs...
Depuis quatre ans Chrome et Firefox en particulier ont décidé de bloquer l'autoplay sur le son et les vidéos. Voir ces articles par exemple :
https://www.generation-nt.com/google-chrome-autoplay-blocage-lecture-automatique-actualite-1953556.html
https://www.zdnet.fr/actualites/enfin-le-blocage-de-l-autoplay-audio-et-video-sur-firefox-39871595.htm
A toutes fins utiles, une petite discussion ici. On y parle Vidéo mais c'est aussi bon pour le son :
https://helpcenter.websitex5.com/fr/post/251822
Bien lire les interventions de KolAsim, spécialiste dans ce domaine. Il passera peut-être donner son avis...
@+,
J.P.
2 Astuces de KolAsim déjà vues précédemment à mettre dans les propriétés de la page avant fermeture du /HEAD
1) - bouton audio en haut à droite:
<!-- audio mute Yes-No! by KolAsim - INIZIO -->
<script >
i=0;
function muteK() {
if (i === 0) {
i=1;
document.getElementById("imgK").src = "http://178.32.222.20/imajyne/pozzok/sound.png";
} else {
document.getElementById("imgK").src = "http://178.32.222.20/imajyne/pozzok/muted.png";
i=0;
}
}
//=============K===================
</script>
<div id="wrapper" class="clearfix"> </div>
<p id="video-controls" style="position:absolute;z-index:20;top:20px;right:20px;width:85px;height:40px;text-align:right">
<a href="javascript:void(0)" id="mute" >
<img id="imgK" class="tubular-mute" src='http://178.32.222.20/imajyne/pozzok/muted.png' onclick="muteK()" />
</a></p>
<!-- audio mute Yes-No! by KolAsim - FINE -->
2) - bouton audio en bas à droite:
<!-- audio mute Yes-No! by KolAsim - INIZIO -->
<script >
i=0;
function muteK() {
if (i === 0) {
i=1;
document.getElementById("imgK").src = "http://178.32.222.20/imajyne/pozzok/sound.png";
} else {
document.getElementById("imgK").src = "http://178.32.222.20/imajyne/pozzok/muted.png";
i=0;
}
}
//=============K===================
</script>
<div id="wrapper" class="clearfix"> </div>
<p id="video-controls" style="position:absolute;z-index:20;bottom:20px;right:20px;width:85px;height:40px;text-align:right">
<a href="javascript:void(0)" id="mute" >
<img id="imgK" class="tubular-mute" src='http://178.32.222.20/imajyne/pozzok/muted.png' onclick="muteK()" />
</a></p>
<!-- audio mute Yes-No! by KolAsim - FINE -->
Faut vérifier si les images dans les liens sont toujours OK, et dans ce cas changer les liens