HTML-Audio-Player einblenden lassen?

[Quindan]

Moin.

Ich befürchte, daß ich in diesem Unterforum nicht ganz richtig bin, aber ich habe keinen passenderen Ort gefunden.
Und ich befürchte weiterhin, daß die eigentlich simple Frage doch nicht ganz so leicht zu beantworten ist...

Kurz: Ich möchte einen Audio-Container (HTML) - den Player selber! - nach einer gewissen Zeit einblenden lassen.

Genauer: ich habe einen MP3-Track, der erst nach bspw. 8 Sekunden auf dem Bildschirm erscheinen soll, da ich "dahinter" (also zuerst sichtbar, wenn man die Seite aufruft) eine Art Begrüßungstext stehen habe, der dann von dem einfadenden Audio-Player verdeckt werden soll.

Ich habe selbstverständlich schon gegoogled, aber ich habe nur Befehle für anderen Content/Container gefunden, mit dem Audio-Player funktionieren diese Befehle nicht.

Meine Vorstellung wäre in etwa so:

<fade Zeit 8 Sekunden>
<audio>
<src=Blablabla>
</audio>

Das ist natürlich sehr stark vereinfacht ausgedrückt. Aber gibt es so eine simple Möglichkeit, die ich einfach in den Audio-Befehl mit integrieren kann?

 

[Cool Master]

Passt besser hier rein:

https://www.computerbase.de/forum/forums/programmieren.39/

Ggf kann ein Mod das Thema verschieben.

Ich würde sagen was du vor hast ist nicht so super, weil moderne Browser AutoPlay blocken. Mit HTML wüsste ich nun nicht auf die schnelle ob das geht mit Javascript wäre das wohl mit wenigen Zeilen erledigt.

Edit:

https://www.codespeedy.com/play-audio-with-time-delay-javascript/

 

[Quindan]

Edit:

https://www.codespeedy.com/play-audio-with-time-delay-javascript/

Es geht ja nicht darum, den Track erst nach einer gewissen Zeit abspielen zu lassen. Ich möchte den Player an sich einblenden lassen.

 

[Tada100]

https://wiki.selfhtml.org/wiki/HTML/Tutorials/Multimedia/audio

Ein bisschen lesen und im nu hast du ein Ergebnis.
Einfach mal lokal ausprobieren.

 

[Cool Master]

Ah ok verstehe, das sollte in der Theorie mit CSS gehen:

https://codepen.io/hubspot/pen/ExWxByR

 

[Rossie]

Aber gibt es so eine simple Möglichkeit, die ich einfach in den Audio-Befehl mit integrieren kann?

Das Audio-Tag hat dafür kein spezielles Attribut. Aber das gewünschte ist mit CSS oder JavaScript möglich. Google nach transition bzw. transition-delay. Damit kann man Eigenschaften wie die Position, Sichtbarkeit etc. zeitverzögert beeinflussen und den Player so zur gewünschten Zeit einblenden.

 

[Amaoto]

CSS mit der "animation"-Eigenschaft sollte das können:
https://www.w3schools.com/cssref/css3_pr_animation.asp

Edit: https://jsfiddle.net/rka3fed1/