web-dev-qa-db-fra.com

Jouer du son dans une balise cachée

J'essaye de mettre le son sur la page Web.

J'ai trouvé ce code. C'est un code qui fonctionne lorsque la div est visible mais que je veux être caché et travailler. Dans ce cas, cela ne fonctionne pas car il est masqué avec l'attribut style. Comment le rendre non visible et jouer du son en même temps?

<div style="display:none">
   <embed src="sound.mp3"/> 
</div>
htmlaudio
9
theChampion

Je suis d’accord avec le sentiment exprimé dans les commentaires ci-dessus - ceci peut être assez ennuyant. Nous ne pouvons qu'espérer que vous donniez à l'utilisateur la possibilité de désactiver la musique.

Toutefois...

HTML

<audio autoplay="true" src="http://www.vorbis.com/music/Epoq-Lepidoptera.ogg">

CSS

audio { 
   display:none;
}

Le css cache l'élément audio et le autoplay="true" le lit automatiquement. 

Violon ici

9
couzzi

<audio autoplay> <source src="file.mp3" type="audio/mpeg"> </audio>

Il supprime la barre de lecture automatique mais lit toujours la musique. Sons invisibles!

4
imaguest

J'ai essayé de joindre un audio qui devrait être lu automatiquement et qui sera caché ... C'est très simple Juste quelques lignes de HTML et CSS. Regarde ça!! Voici le morceau de code que j'ai utilisé dans le corps. 

<div id="player">
    <audio controls autoplay hidden>
     <source src="file.mp3" type="audio/mpeg">
                unsupported !! 
    </audio>
</div>
1
Ruchika BN
<audio id="audio" style="display:none;" src="mp3/Fans-Mi-tooXclusive_com.mp3" controls autoplay loop onloadeddata="setHalfVolume()">

Cette lecture automatique masque la musique et la réduit même si le volume du système est élevé pour éviter le bruit. Placez ceci dans le script:

<script>
    function setHalfVolume() {
        var myAudio = document.getElementById("audio");
        myAudio.volume = 0.2;
    }
</script>
0
user5091678

J'espère que les gens leur permettront de désactiver des choses telles que la musique, comme pour les clics sur les boutons. Parfois, ce sont plutôt cool. Utilisez le

<audio controls autoplay hidden="hidden"> <source src="*file here*" type="*file extension (.mp3 .ogg etc.)*"> <!--This displays an error to users that don't have it supported--> Your browser does not support the audio element. </audio>

Comme vous pouvez le constater, je n'aime pas trop me répéter, mais j'ai choisi la balise hidden.

J'espère que cela t'aides.

0
TheCodingKlam

Voilà comment je l'ai réalisé, ce qui n'est pas visible ( SON HORRIBLE .... )

<!-- horrible is your mp3 file name any other supported format.-->
<audio controls autoplay hidden="" src="horrible.mp3" type ="audio/mp3"">your browser does not support Html5</audio>
0
meditat