PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : HTML5 Audio Player Start Stop

BTB
2018-11-15, 17:38:59
Kennt jemand eine einfach Lösung mit HTML5 einen einfachen Audio Player einzurichten?

Einfach heisst, Start/Stop und der Button mit einer Grafik. Hinterlegt ist eine Mp3 Datei. Bisher hab ich das mit Flash geregelt, wird ja von Chrome nicht mehr richtig unterstützt.

Hab schon gegoogelt, aber nix adaptierbares gefunden.
AintCoolName
2018-11-15, 17:42:18
Einfach das HTML5 Video/audio tag nutzen

https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content
BTB
2018-11-15, 17:51:15
Einfach das HTML5 Video/audio tag nutzen

https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content

Ja aber wie bekomme ich dann eine Grafik als "Start Stop" Button hin? Sry bin doof :D
AintCoolName
2018-11-15, 18:14:43
Das ist natürlich aufwendig, also nix für doofe

https://designshack.net/articles/css/custom-html5-audio-element-ui/
iuno
2018-11-15, 19:13:55
Einfach das "controls" Attribut mit in den Tag schreiben, dann werden die entsprechenden Steuerelemente des Browsers genutzt.


<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>


https://www.w3schools.com/html/html5_audio.asp
andy40
2018-12-10, 22:15:07
Einfach das "controls" Attribut mit in den Tag schreiben, dann werden die entsprechenden Steuerelemente des Browsers genutzt.


<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>


https://www.w3schools.com/html/html5_audio.asp

Yeah, 5 * Antwort