Musik-Player für Jimdo

  •  

    Warum kein Flash Player mehr?

    content1

Quelle: https://www.heise.de/download/blog/

HTML5 als Alternative zum Adobe Flash Player

Flash ist eine Web-Technik aus dem ersten Web-Jahrzehnt und seit dem haben sich das Internet und dessen Technologien weiterentwickelt. Webseiten werden seit den Anfängen des Web in HTML programmiert. HTML steht für Hyptertext Markup Language, strukturiert Webseiten und entwickelt sich über die Jahre immer weiter. Aktuell ist HTML5 mit dem sich Audio- und Video-Inhalte abspielen lassen, ohne dass ein Plugin wie Flash nötig ist. Der verwendete Browser muss natürlich die HTML5-Spezifikation unterstützen, was die gängigen Browser wie Firefox, Google Chrome , Opera, Safari (Mac OS X) und Windows Edge tun. Ergänzend muss der genutzte Browser auch das Video-Format des abzuspielenden Films kennen, was nicht immer der Fall ist. Aber in der Praxis sollte dies eher selten vorkommen, da Firefox, Google Chrome und Opera die gängigen Video-Formate MPEG-4 (H.264), Ogg und WebM unterstützen.

Zudem wurden neue Web-Techniken wie JavaScript und CSS entwickelt, die heute jeder aktuelle HTML5-Browser beherrscht. JavaScript ist eine Skriptsprache, die Eingaben von Nutzern auf der Webseite auswertet und Seiten-Inhalte ändert oder nachlädt. Zusammen mit den Cascading Style Sheets (CSS) für die Gestaltung lassen sich so interaktive Webseiten bauen, die ohne Flash auskommen.


Mobilgeräte kennen kein Flash
Der Trend weg von Flash und hin zu HTML5, JavaScript und CSS hat seinen Grund im Aufkommen der Mobilgeräte. Denn das 2007 erstmals erschienene iPhone unterstützt kein Flash und somit lassen sich hier keine Webseiten, Audios und Videos mit Flash nutzen. Auch für Smartphones und Tablets mit Android gibt es keine richtige Flash-Unterstützung. Denn Adobe entwickelte den Adobe Flash Player für Android nicht weiter. Erhältlich ist dieser nur in einer veraltet Version, die somit nicht wirklich zu empfehlen ist.


Deswegen lassen sich mit iPhone, iPad, Android-Smartphone und -Tablet Multimediainhalte nur nutzen, wenn die Website Web-Techniken mit HTML5, JavaScript und CSS einsetzt. Alternativ bleibt nur eine App, um einen Dienst zu nutzen, wenn sie denn angeboten wird.
 
Videos und Streams ohne Flash sehen
Mittlerweile sind HTML5, JavaScript und CSS so verbreitet, dass Flash für interaktive Webseiten schon als exotisch anzusehen ist, aber durchaus noch für Audio, Musik, Videos und animierte Prospekte verwendet wird. YouTube hat gleich mit Erscheinen des iPhones HTML5 eingeführt, sodass man Videos auf YouTube ohne Flash sehen kann. Auch heise Video und Vimeo lassen sich ohne den Adobe Flash Player nutzen.


append Element above to content1

html5 Musik-Player (Jimdo-Spaltenelement)

Quelle: https://www.w3schools.com

Die hier eingebetteten mp3-Dateien werden per html5-audio abgespielt. Ein kleines jQuery-Skript sorgt dafür, dass der aktuell abepielte Song automatisch stoppt, wenn ein neuer Seong gestartet wird.

Song 1 (autoplay)

html5-mp3 (autoplay)


Song 3

html5-mp3 (no autoplay)


Song 3

html5-mp3 (no autoplay)


Jimdo-free Problem:

Lösung 1:

Lösung 2:  

Soundcloud

Embed Soundcloud Single-Player

Embed Soundcloud Playlist


Skript für mehrere Player auf einer Seite
Quellen: http://jsfiddle.net/bodhiji/758zgb79/ ; https://webdesign.weisshart.de/audio_tag_mult.php