🎥 Medienwiedergabe (Audio, Video)

Medienwiedergabe bezeichnet die Möglichkeit, in einer mobilen App Audio- oder Videoinhalte direkt abzuspielen – z. B. Musik, Podcasts, Lernvideos, Produktdemos oder Livestreams. Die Medienwiedergabe erhöht den Informationswert und die emotionale Bindung und ist in modernen Apps wie YouTube, Spotify oder Lernplattformen ein zentraler Bestandteil der Nutzererfahrung.

🔧 Technische Erklärung

In Expo-kompatiblen React Native Apps lässt sich Medienwiedergabe mit den offiziellen Expo-Modulen oder Drittanbieter-Bibliotheken umsetzen.

Für Audio-Wiedergabe:

• expo-av: Das Standardmodul für Audio (und auch Video)

• Unterstützt:

  • MP3, WAV, AAC usw.

  • Play, Pause, Stop, Seek

  • Hintergrundwiedergabe (mit Konfiguration)

  • Fortschrittsanzeige & Steuerung

Für Video-Wiedergabe:

• Ebenfalls über expo-av, Komponente: <Video>

• Unterstützt:

  • MP4, MOV, HLS (Streaming)

  • Vollbildmodus, Steuerleiste

  • Remote-Streams oder lokale Dateien

  • Poster-Image, Loop, Autoplay

Zusätzliche Funktionen:

• Streaming-Support über URLs oder HLS

• Status-Updates zur Integration mit UI (z. B. Fortschrittsbalken, Timer)

• Media Controls: eigene Buttons oder native Steuerung über expo-media-library, expo-screen-orientation oder react-native-track-player (nur Bare Workflow)

💡 Einsatzmöglichkeiten

• E-Learning-Apps mit Videos, Sprachnachrichten oder Audiofeedback

• Musik- oder Podcast-Player

• Produktpräsentationen oder Erklärvideos in E-Commerce-Apps

• Meditations- oder Fitness-Apps mit Sprachbegleitung

• Soziale Netzwerke mit Audio-/Video-Uploads

• Events oder Live-Streaming

❓ Wichtige Fragen und Antworten zur Medienwiedergabe

Welche Dateiformate werden unterstützt?
Typisch: .mp3, .aac, .wav (Audio), .mp4, .mov, .m3u8 (Video/HLS). expo-av erkennt viele gängige Formate automatisch.

Kann man Videos auch streamen statt herunterzuladen?
Ja – Videos können direkt über eine URL (z. B. von CDN, Vimeo, AWS) gestreamt werden. HLS-Streaming ist ebenfalls möglich (z. B. für Livestreams).

Funktioniert die Wiedergabe auch offline?
Ja – wenn die Mediendateien lokal gespeichert wurden, z. B. mit expo-file-system. Besonders sinnvoll für Offline-Lernen oder Musik-Apps.

Ist Hintergrundwiedergabe möglich?
Bei Audio ja, über expo-av mit entsprechender Konfiguration. Video läuft nur im Vordergrund. Für erweitertes Audio-Management kann react-native-track-player im Bare Workflow verwendet werden.

Wie integriert man eine Fortschrittsanzeige oder Play/Pause-Steuerung?
Über den Status-Listener von expo-av: z. B. onPlaybackStatusUpdate, um Position, Dauer und Status abzufragen und UI dynamisch zu aktualisieren.