Sound mobil wiedergeben und Video Brwoserfüllend

Javo

Guten Tag, im Moment habe ich das Problem, das ich auf eine Webseite einen Radiostream einbinden muss, der auch mobil gehört werden kann, was im Moment nicht klappt. Ein Player sollte auch nicht sichtbar sein, sozusagen läuft der Radiostream als Backgroundmusik.

Weiterhin soll auf eine Webseite ein MP4-Video, das immer Bildschirmfüllend dargestellt wird, egal welche Auflösung. Wie löse ich das am besten.

Danke im vorraus

sketch.media

Man kann via HTML5 Videos mit video-tag einbauen:

Code

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
</video>

Width nur auf 100% setzen.
Ähnlich zum Videotag gibt es auch ein Autio-Tag. Hier einfach "autoplay" hinzufügen und zum verstecken, einfach das parent-div verstecken.

Code

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

Arne Drews

Evtl. ist das auch was für Dich:
https://developer.mozilla.org/de/docs/Web/API/AudioBuffer
https://developer.mozilla.org/en-US/docs/Web/API/MediaStream

Javo

Danke erst mal, habe probiert, sound on Mobil muss ich noch testen nur das Video bekomme ich nicht formatfüllend hin, oben schwarzer Rand, dadurch muss ich scrollen, das Video selber ist 640 mal 480

Tags