Tutorial MP3 Player mit Java Teil 2

In diesem Tutorial erweitern wir den MP3Player aus diesem Teil des Tutorials. Falls Du den 1. Teil noch nicht kennst, schau ihn dir am besten zuvor an.

Zu diesem Artikel gibt es auch ein begleitendes Video.

Inhalt:

1. Nutzeroberfläche durch Liste erweitern 2. Die Klasse Playlist hizufügen 3. Das Programm an die Playlist anpassen 4. Download des ganzen Projekts (Patreon Unterstützer)

1. Nutzerober Fläche durch Liste erweitern

Die Oberfläche bekommt ein ListView Element hinzu. Um auf das ListView reagieren zu können wird eine fx-id: "songList" angegeben.

Natürlich brauchen wir ein Möglichkeit bei Clicks auf die Liste zu reagieren. Action OnMouseClicked: "mouseClicked"

2. PlayList Klasse hinzufügen

Die Klasse Playlist verwaltet eine ArrayList mit Files. Die Klasse verfügt über einige Methoden um Pfade der Musikstücke abzufragen.

PlayList.java:

package com.sb.privat.mp3player2;

import java.io.File;
import java.lang.reflect.Array;
import java.util.ArrayList;
import java.util.List;

public class PlayList {

    private ArrayList<File> list;

    private int currentSongNumber;

    public PlayList( List<File> list) {
        this.list = new ArrayList<>(list);
        this.currentSongNumber = -1;
    }

    public String getNext(){
        currentSongNumber = ++currentSongNumber % list.size();
        return list.get(currentSongNumber).getAbsolutePath();
    }

    public String getReview(){
        currentSongNumber--;

        if(currentSongNumber < 0 )
            currentSongNumber = list.size()-1;

        return list.get(currentSongNumber).getAbsolutePath();
    }

    public int getCurrentSongNumber(){
        return currentSongNumber;
    }

    public String getAtIndex( int number ){

        number = Math.clamp( number, 0, list.size()-1);

        currentSongNumber = number;
        return list.get(currentSongNumber).getAbsolutePath();
    }
}

Werbung (Affiliate - ich bekomme eine kleine Provision, dein Preis ändert sich nicht)

Programm an Playlist anpassen

Die Klasse "Controller" ändert sich natürlich jetzt etwas, weil die Playlist verwendet wird.

Es können jetzt mehrere Titel aus der Liste gespielt werden. Weiterhin benötigen wir ein Interface als Callback, so dass die Methode "startMusic" nach dem Ende des Titels (Event des Mediaplayers) eine entprechend mitgegebene Methode ("play") aufrufen muss.

Callback Interface OnMusicEnd.java:

@FunctionalInterface
public interface OnMusicEnd {
    void  invoke();
}

Geänderte Klasse Controller.java:

package com.sb.privat.mp3player2;

import javafx.fxml.FXML;
import javafx.scene.control.Label;
import javafx.scene.control.ListView;
import javafx.scene.control.Slider;
import javafx.stage.FileChooser;
import javafx.stage.Stage;

import java.io.File;
import java.util.ArrayList;
import java.util.List;

public class Controller {

    private final Music music = new Music();

    @FXML
    private ListView<String> songList;

    @FXML
    private Slider volume;

    @FXML
    private PlayList playList;

    @FXML
    protected void onPlay() {
        play();
    }

    @FXML
    protected void onFile() {
        Stage stage = (Stage) songList.getScene().getWindow();
        FileChooser fileChooser = new FileChooser();

        FileChooser.ExtensionFilter filter = new FileChooser.ExtensionFilter("Music", "*.mp3","*.wav");
        fileChooser.getExtensionFilters().add(filter);

        List<File> fileList = fileChooser.showOpenMultipleDialog(stage);

        for( var file : fileList) {
            songList.getItems().add(file.getName());
        }

        playList  = new PlayList( fileList );
    }

    @FXML
    protected void onStop() {
        music.stopMusic();
    }

    @FXML
    protected void onVolume(){
        music.setVolume( volume.getValue());
    }

    @FXML
    protected void listClicked(){
          int index = songList.getFocusModel().getFocusedIndex();
          String path = playList.getAtIndex(index);
          if(!path.isEmpty()){
               setFocus(playList.getCurrentSongNumber());
                music.startMusic(path, this::play);
                onVolume();
          }
    }


    private void play(){
        String path = playList.getNext();

        if(!path.isEmpty()){
            setFocus(playList.getCurrentSongNumber());
            music.startMusic(path, this::play);
            onVolume();
        }
    }

    private void setFocus( int number ){
        songList.getSelectionModel().select( number );
    }
}

In Music muss jetzt am Ende eines Titels auf den entsprechenden Event reagiert werden. Sprich die Callbackmethode muss aufgerufen werden.

Geänderte Klasse Music.java:

package com.sb.privat.mp3player2;

import javafx.scene.media.Media;
import javafx.scene.media.MediaPlayer;

import java.io.File;

public class Music {

    public static MediaPlayer mp;

    public void startMusic(String path, OnMusicEnd onMusicEnd){
        Media media = new Media(new File(path).toURI().toString());

        if(mp != null)
             mp.stop();

        mp  = new MediaPlayer(media);
        mp.setOnEndOfMedia(  (onMusicEnd::invoke));

        mp.play();
    }

    public void stopMusic(){
       if(mp!=null){
           mp.stop();
       }
    }

    public void setVolume( double volume ){
        mp.setVolume( volume );
    }
}

Jetzt sollte der Player wieder laufen, aber von nun an mit Playlist. Wir sind fertig, viel Erfolg und Spaß beim Programmieren!

4. Download des ganzen Projekts (Patreon Unterstützer)

Als Patreonunterstützer kannst Du das Projekt komplett runterladen. Viel Spaß!

Das könnte für dich auch interessant sein

Anfängertutorial: LED blinken lassen Arduino Würfel mit 7-Segment-Anzeige Arduino Lauflicht

Tutorial: MP3 Player mit Java Teil 2 - Playlist hinzufügen

1. Nutzerober Fläche durch Liste erweitern

2. PlayList Klasse hinzufügen

Programm an Playlist anpassen

4. Download des ganzen Projekts (Patreon Unterstützer)

Das könnte für dich auch interessant sein