Abspielen Von Sound Im Hidden-Tag

Ich bin versucht, Klang auf der web-Seite.

Fand ich diesen code. Es arbeitet-code, wenn die div ist sichtbar, aber ich will verborgen sein und arbeiten. In diesem Fall ist es nicht zu arbeiten, denn es ist verborgen mit style Attribut. Wie man es nicht sichtbar und Abspielen von sound zur gleichen Zeit ?

<div style="display:none">
   <embed src="sound.mp3"/> 
</div>
  • Sie sollten sich in der HTML-5 - audio element.
  • Ich habe versucht, mit diesem, und es arbeitet im verborgenen Modus.Gute Arbeit. <audio autoplay="autoplay" hidden="hidden"> <source src="sound.mp3" type="audio/mpeg""> </audio - >
  • Ich weiß nicht, warum jeder davon aus, dass diese verwendet werden, für etwas ruchlosen. Sie könnte dynamisch spielen einen sound, basierend auf Benutzer-Eingaben auf einer website, das ist völlig akzeptabel.
InformationsquelleAutor theChampion | 2013-03-20
  1. 10

    Stimme ich mit der Meinung in die Kommentare oben — das kann ziemlich nervig. Wir können nur hoffen, dass Sie geben dem Benutzer die Möglichkeit, drehen Sie die Musik ab.

    Jedoch...

    HTML

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

    CSS

    audio { 
   display:none;
}

    Css blendet die audio element, und die autoplay="true" spielt es automatisch.

    Fiddle hier

    InformationsquelleAutor couzzi
  2. 5

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

    Entfernt es die auto-play-bar aber immer noch spielt die Musik. Invisible klingt!

    InformationsquelleAutor imaguest
  3. 1

    Ich habe versucht, Sie zum anschließen eines audio-sollte die autoplay-und ausgeblendet werden.
    Es ist sehr einfach. Nur ein paar Zeilen HTML und CSS. Check this out!!
    Hier ist das Stück code, den ich verwendet, innerhalb des Körpers. 

    <div id="player">
    <audio controls autoplay hidden>
     <source src="file.mp3" type="audio/mpeg">
                unsupported !! 
    </audio>
</div>
    InformationsquelleAutor Ruchika BN
  4. 1

    Das ist, wie ich es erreicht, die nicht sichtbar ist (SCHRECKLICH KLINGEN....)

    <!-- 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>
    InformationsquelleAutor meditat
  5. 0
    <audio id="audio" style="display:none;" src="mp3/Fans-Mi-tooXclusive_com.mp3" controls autoplay loop onloadeddata="setHalfVolume()">

    Diese auto-Spiele, blendet die Musik aus und reduziert die Musik, selbst wenn das Volumen hoch ist, um Rauschen zu vermeiden. Platzieren Sie diese im Skript:

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

    Ich hoffe, die Leute würden es Ihnen ermöglichen, Dinge wie Musik aus, wie button-Klicks, Manchmal sind das ziemlich cool.
    Verwenden Sie die

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

    Wie Sie sehen können, ich mag es nicht, mich zu wiederholen viel, Aber ich habe beschlossen, mit der hidden tag.

    Hoffe, das hilft.

    InformationsquelleAutor TheCodingKlam
  7. 0

    In der Regel, was ich tun, ist die normale audio-tag, und legen Sie dann autoplay="true" und ich nicht hinzufügen: controls ="true" und das funktioniert in der Regel für mich

    Ich dies in einem snippet und auch einen jsfiddel hier

    Hoffe, das hilft 🙂

    HTML:

    <audio autoplay="true" 
src="https://res.cloudinary.com/foxyplays989/video/upload/v1558369838/LetsGo.mp3"> 
</audio>

    InformationsquelleAutor Zachary Cross
Schreibe einen Kommentar