Der erste Test mit dem Able Player
- Diese Musik ist gemafrei
- Soul / Funk
- Pop
- Tipparary
Für diese Demo habe ich den Able Player ein wenig angepasst:
- Deutsche Sprachversion. (Leider sind einige Begriffe im Script hardcoded, so daß ein Eingriff in den Code erforderlich wurde.)
- Die Leertaste zum Start / Stop kollidiert mit vielen Browsern und Screen Readern. Ich habe sie deaktiviert.
- Das Fallback zum jwplayer für IE 8 ist meines Erachtens overkill. Ich liefere dem IE 8 einfach eine Liste mit Links zu den .mp3 Dateien.
- Player für mobile Geräte angepasst. Layout mittels Media Queries angepasst. Einige Funktionen beim Aufruf auf mobilen Geräten entfernt. Z. B. die Konfiguration und die Hilfe, da beides auf mobilen Geräten nicht funktioniert und / oder keinen Sinn macht.
Fazit:
Der Aufwand für die Einbindung, und vor allem die notwendigen Anpassungen, ist nicht unerheblich. Die erreichte Verbesserung gegenüber einem einfachen HTML5-Player muss fallweise kritisch hinterfragt werden.
Nachtrag 08.08.2014:
Im Bemühen, möglichst viel "Barrierefreiheit" in das Script einzubauen, hat der Entwickler möglicherweise neue Barrieren eingebaut:
Nicht nur die Leertaste, auch andere Tasten erzeugen Kollisionen. Hier: Jedes "p", das ins Kommentarfeld eingetippt wird, startet den Player, jedes "m" mutet ihn, usw. Dass man (der Seitenbesucher, nicht der Ersteller der Seiten) Modifikatortasten definieren kann und muss, um dieses irritierende Verhalten abzustellen wird der Besucher der Seite in der Regel nie erfahren.
Artikeltexte und Code-Snippets: Creative Commons CC BY-SA 4.0
Medien (Bilder, Videos, Audios) sind evtl. urheberrechtlich geschützt.
2 Kommentare
Über Ihren Kommentar zu diesem Artikel freue ich mich.
Wenn Sie aber Fragen haben, und eine Antwort erwarten, nutzen Sie bitte das Supportforum! Die Nutzung des Forums ist auch ohne Registrierung möglich.
Bernd schrieb am Freitag, 17.04.15 06:23 Uhr:
Hallo,
super gemacht!
gibt's das script zum download, oder hast du die ableplayer.js entsprechend angepasst. steckt da auch die anpassung für das responsive verhalten drin.
beim originalplayer vom terrill wird ja ein style-element ( width=480 ) in das audio-element eingebunden. ich bräuchte den player nämlich responsive.
für nen kurzen tipp vielen dank!
Bernd
Fritz schrieb am Freitag, 17.04.15 11:42 Uhr:
Alle Fragen zum Able Player bitte direkt an den Entwickler.
Zum Download kann ich meinen HTML5-Player anbieten.