Tutorials  /  JavaScript

Schritt-für-Schritt-Anleitung: Erstellung eines Audioplayers für Android mit MediaPlayer und SeekBar

Ccentron Redaktion · September 2024 ·3 Min. Lesezeit ·JavaScript, Tutorial

Erfahren Sie in unserem neuesten Blogbeitrag, wie Sie einen benutzerfreundlichen Audioplayer für Android mit MediaPlayer und SeekBar entwickeln. Lernen Sie Schritt für Schritt, wie Sie Abspiel-/Stoppfunktionen implementieren und die Songposition dynamisch ändern können. Tauchen Sie in die Welt der Android-Entwicklung ein und heben Sie Ihre Musik-Apps auf das nächste Level!

Android MediaPlayer

Die MediaPlayer-Klasse wird zum Abspielen von Audio- und Videodateien verwendet. Die häufig verwendeten Methoden der MediaPlayer-Klasse sind:

  • start()
  • stop()
  • release() - Um Speicherlecks zu vermeiden.
  • seekTo(position) - Wird mit der SeekBar verwendet.
  • isPlaying() - Gibt an, ob das Lied abgespielt wird oder nicht.
  • getDuration() - Wird verwendet, um die Gesamtdauer zu ermitteln, die zur Bestimmung der oberen Grenze unserer SeekBar hilft. Diese Funktion gibt die Dauer in Millisekunden zurück.
  • setDataSource(FileDescriptor fd) - Wird verwendet, um die abzuspielende Datei festzulegen.
  • setVolume(float leftVolume, float rightVolume) - Wird verwendet, um die Lautstärke einzustellen. Der Wert ist eine Gleitkommazahl zwischen 0 und 1.
VM

Passende Infrastruktur bei centron

Node-Anwendungen wollen deployt werden: ccloud³ VMs mit vollem Root-Zugriff ab 3,12 € im Monat – oder gleich als Managed Server, wenn der Betrieb nicht bei Ihnen liegen soll. Cloud Server mieten →

Projektstruktur

Wir benötigen drei Dinge, um eine Anwendung zu erstellen, die Audio abspielt und Ihnen ermöglicht, die Position des aktuellen Liedes zu ändern:

  • MediaPlayer
  • SeekBar mit Text - Um die aktuelle Fortschrittszeit neben dem Thumb anzuzeigen.
  • Runnable Thread - Um die SeekBar zu aktualisieren.

Fazit

Durch das Klicken auf den FloatingActionButton wird die playSong-Funktion ausgelöst, bei der wir das Lied pausieren und den MediaPlayer zurücksetzen. Sobald mediaPlayer.prepare() aufgerufen wird, sind die Songdetails verfügbar. Wir können nun die Dauer abrufen und sie auf die maximale Position der SeekBar setzen. Wenn setLooping auf false gesetzt wird, wird verhindert, dass das Lied unendlich lange abgespielt wird, bis der Benutzer es stoppt. Wir starten den Thread, der die run-Methode auslöst, die Teil der von uns implementierten Runnable-Schnittstelle ist. Innerhalb der run-Methode aktualisieren wir den Fortschritt jede Sekunde, wodurch die onProgressChanged-Methode des SeekBar-Listeners ausgelöst wird. Wenn der Benutzer das Ziehen der SeekBar stoppt, wird onStopTrackingTouch ausgelöst, wobei wir die Songposition auf der MediaPlayer-Instanz mit der seekTo-Methode aktualisieren. Sobald das Lied abgeschlossen ist, setzen wir die Position der SeekBar zurück und geben die MediaPlayer-Instanz frei.

Schlusswort

Dieses Tutorial zeigt, wie Sie einen einfachen Audioplayer in Ihrer Android-Anwendung implementieren. Sie können das Projekt von GitHub herunterladen und das Lied selbst abspielen.

Jetzt 200 € Guthaben sichern

Testen Sie Ihr Setup auf ccloud³

Registrieren Sie sich in der ccloud³ und erhalten Sie 200 € Startguthaben für Ihr Projekt – z. B. für eine PostgreSQL-VM mit automatischen Backups.

centron Redaktion Technische Redaktion

Das Redaktionsteam von centron schreibt Anleitungen aus dem Betriebsalltag: getestet auf unserer eigenen Plattform, betrieben im Rechenzentrum in Hallstadt bei Bamberg.

Kategorie JavaScript
Teilen
Noch offene Fragen?

Our team will help you with your specific setup - in German or English, by people who run the platform themselves.

War dieses Tutorial hilfreich?

Your answer is stored anonymously and helps us improve our tutorials.

Kommentare

No comments yet - be the first to ask a question about this tutorial.

Sign in to comment

Comments are open to centron customers. Sign in to your account to ask a question about this tutorial.

Weiterlesen

Das könnte Sie auch interessieren

Jetzt kostenlos anfangen

Melden Sie sich an und erhalten Sie in den ersten 60 Tagen ein Guthaben von 200 € bei centron.

Dieses Werbeangebot gilt nur für neue Konten. Angebot ausschließlich für Gewerbetreibende.

Jetzt loslegen Sales kontaktieren