VidPly ist eine universelle, barrierefreie Video- und Audio-Player-Erweiterung für TYPO3 13/14. Sie bietet umfassende Unterstützung für HTML5-Medien, YouTube, Vimeo, SoundCloud und HLS-Streaming mit einem datenschutzorientierten Ansatz und vollständiger Konformität mit den WCAG 2.1 AA-Barrierefreiheitsrichtlinien.
Systemanforderungen
- TYPO3 13.4+ oder 14.x
- PHP 8.2 oder höher (8.3 empfohlen)
- Composer-Installation erforderlich
- Moderne Browser: Chrome 90+, Firefox 88+, Safari 14+
Wichtigste Funktionen
- Externe Dienste mit Datenschutz als oberster Priorität – YouTube, Vimeo, SoundCloud mit DSGVO-konformer Einwilligungserklärung
- Medienbibliothek – Wiederverwendbare Medienaufzeichnungen auf Ihrer gesamten Website
- Automatische Wiedergabelisten – Zwei oder mehr Elemente erstellen automatisch Wiedergabelisten
- Volle Barrierefreiheit – Untertitel, Kapitel, Audiobeschreibung, Gebärdensprache, Tastatursteuerung
- HLS-Streaming – Adaptives Bitraten-Streaming mit hls.js
- Moderner Player – Responsives Design, Bild-in-Bild, Qualitätsumschaltung, Wiedergabegeschwindigkeit
Unterstützte Medientypen
| Typ | Quelle | Datenschutzebene | Formate/Hinweise |
|---|---|---|---|
| HTML5-Video | Hochladen/URL | Nein | MP4, WebM, OGG |
| HTML5-Audio | Hochladen/URL | Nein | MP3, OGG, WAV |
| YouTube | Video-URL | Ja | DSGVO-Einwilligung erforderlich |
| Vimeo | Video-URL | Ja | DSGVO-Einwilligung erforderlich |
| SoundCloud | Track-/Set-URL | Ja | DSGVO-Einwilligung erforderlich |
| HLS | .m3u8-URL | Nein | Adaptives Bitraten-Streaming |
Datenschutzebene (DSGVO-Konformität)
Für externe Dienste wie YouTube, Vimeo und SoundCloud verfolgt VidPly einen Datenschutz-orientierten Ansatz:
- Vor der Einwilligung – Es werden nur ein Posterbild und die Wiedergabetaste angezeigt.
- Keine externen Anfragen – Es werden keine Tracking-Skripte oder Cookies geladen, bis der Benutzer interagiert
- Klare Datenschutzhinweise – Benutzer werden über die Datenübertragung an externe Dienste informiert
- Aktivierung mit einem Klick – Das Video wird sofort nach der Zustimmung geladen und abgespielt
- Mehrsprachige Unterstützung – Datenschutzhinweise auf Deutsch und Englisch verfügbar
Datenschutzoptimierte Einbettung
- YouTube verwendet die datenschutzoptimierte Domain
youtube-nocookie.com - Übersichtliche Player-Benutzeroberfläche mit minimalem Branding
- Keine Empfehlungen für ähnliche Videos
Barrierefreiheitsfunktionen
VidPly bietet umfassende Unterstützung für die Barrierefreiheit gemäß WCAG 2.1 AA:
Bildunterschriften und Untertitel
- Unterstützung für WebVTT-Dateien (.vtt)
- Unterstützung mehrerer Sprachen
- Konfigurierbare Arten von Spuren: Untertitel, Bildunterschriften, Beschreibungen
- Angabe von Sprachcode und -name
Kapitel
- WebVTT-basierte Kapitelmarkierungen
- Visuelle Kapitelnavigation
- Zu bestimmten Abschnitten springen
Audiobeschreibung
- Alternative Audiospur für sehbehinderte Benutzer
- Zwischen Standard- und beschriebenem Video umschalten
Gebärdensprache
- Überlagerung mit Gebärdensprachdolmetschung
- Bild-in-Bild-Anzeige
Transkripte
- Automatisch generierte, durchsuchbare Transkripte aus Untertiteln
- Anklickbare Textzeilen zum Springen zu bestimmten Stellen
- Optionale Anzeige des Transkriptfensters
Player-Optionen
| Option | Standard | Beschreibung |
|---|---|---|
| Steuerelemente | Ein | Player-Steuerelemente anzeigen |
| Tastatur | Ein | Tastaturkürzel aktivieren |
| Responsive | Ein | Responsive Größenanpassung |
| Automatischer Vorlauf | Ein | Nächstes Element in der Wiedergabeliste automatisch abspielen |
| Automatische Wiedergabe | Aus | Automatisch starten |
| Wiederholen | Aus | Inhalt wiederholen |
| Transkript | Aus | Transkript-Fenster anzeigen |
Tastaturkürzel
- Leertaste oder K – Wiedergabe/Pause
- M – Stummschalten/Stummschaltung aufheben
- F – Vollbild
- C – Untertitel ein-/ausschalten
- Pfeil nach links/rechts – 10 Sekunden vor-/zurückspulen
- Aufwärts-/Abwärtspfeil – Lautstärke um 10 % erhöhen/verringern
- Home – Zum Anfang gehen
- Ende – Zum Ende gehen
Playlist-Funktionalität
- Automatische Erstellung – Durch Auswahl von zwei oder mehr Medienelementen wird eine Playlist erstellt
- Visuelles Panel – Miniaturansichtsliste mit Titelnavigation
- Automatischer Vorlauf – Spielt automatisch den nächsten Titel ab
- Wiederholungsoption – Alle Titel wiederholen
- Reihenfolge per Drag & Drop – Elemente in beliebiger Reihenfolge anordnen
HLS-Streaming
- Volle HLS-Unterstützung über die hls.js-Bibliothek
- Funktioniert in allen modernen Browsern
- Adaptives Bitraten-Streaming
- Kompatibel mit Content Security Policy (CSP)
- Ideal für Live-Streams und Langform-Inhalte
Bedingtes Laden von Assets
VidPly lädt intelligent nur das für bestimmte Medientypen erforderliche JavaScript:
- Externe Dienste (YouTube, Vimeo, SoundCloud) – Nur PrivacyLayer.js (~5 KB)
- Lokale Videos/Audiodateien – VidPlay-Kern + PlaylistInit (~180 KB)
- HLS-Streaming – Fügt hls.js nur hinzu, wenn .m3u8-Streams erkannt werden
- Wiedergabelisten – PlaylistInit.js wird nur für 2 oder mehr Elemente geladen.
Dies führt zu einer Reduzierung des JavaScript-Aufwands für externe Dienste um bis zu 97 %.
Vorlagenstruktur
Modulare Fluid-Vorlagenteile zur Anpassung:
VidPly/Assets.html– Registrierung von AssetsVidPly/VideoSources.html– Rendering von VideoquellenVidPly/AudioSources.html– Wiedergabe von AudioquellenVidPly/Tracks.html– Untertitel- und KapiteltracksVidPly/MetadataScripts.html– Metadaten zur BarrierefreiheitVidPly/PrivacyLayer.html– Zustimmung zu externen Diensten
Zweistufiger Arbeitsablauf
- Medienaufzeichnungen erstellen – Erstellen Sie wiederverwendbare Medienelemente im VidPly-Medienspeicher
- Player zur Seite hinzufügen – Fügen Sie ein VidPly Player-Inhaltselement ein und wählen Sie Ihre Medien aus.
Installation
composer require mpc/mpc-vidplyNach der Installation
- Führen Sie die Datenbankaktualisierung über das Wartungsmodul durch.
- Fügen Sie die statische Vorlage „VidPly Player (mpc_vidply)” auf der Startseite ein.
- Alle Caches löschen
Lizenz und Autor
VidPly wird unter der GNU General Public License v2.0 oder höher veröffentlicht. Entwickelt von Matthias Peltzer.
Karnivool - Aozora
Die australische Prog-Rock-Band Karnivool ist mit einer zweiten Single „Aozora“ zurück. Der düstere, energiegeladene Track verbindet komplexe Rhythmen mit intensiver Atmosphäre und markiert das erste neue Material der Band seit Jahren. Auch die Lyrics überzeugen, aber hört selbst. Am 6. Februar 2026 werden sie ihr neues Album „In Verses“ veröffentlichen.