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.