JavaFX Audio Play

Audio Play

The section demonstrate how to load audio and play it in JavaFX. It's very fast and easy to load an audio using JavaFX. Lets observe a basic example on loading an audio. The audio can be load from the hard-drive or from the internet.

Example

/* The program demonstrate simple audio It loads a song and plays it automatically The song will loop forever * */ package musicplay; /** * @author JJ */ import javafx.stage.Stage; import javafx.scene.Scene; import javafx.scene.text.*; import javafx.scene.media.*; Stage { // Set the title, width, and height of the window title: "Audio Player" width: 250 height: 200 // Display the text Happy Birthday Song scene:Scene { content: [ Text{ y:10 content:"Happy Birthday Song" } ] } } // Create a media player that holds the song MediaPlayer { autoPlay: true repeatCount: MediaPlayer.REPEAT_FOREVER media : Media { source: "http://www.cppjj.com/Photos/ShengriKuaile.wma" } }

Click here to download the example

We create a media player outside the stage. Then we set the song to auto play whenever the program is run. Now, let see a more interesting example. The following example will have two buttons. The music will only start when the user clicks the start button, and the music will stop once the user clicks the stop button.

Example

/* The program plays audio when the user clicks the button The audio stops when the user click the stop button * */ package buttonmusicplay; /* **@uthor JJ * */ import javafx.stage.Stage; import javafx.scene.Scene; import javafx.scene.media.*; import javafx.scene.control.Button; import javafx.scene.layout.HBox; /* We define the definition of MediaPlayer Then assign MediaPlayer to music * */ var music = MediaPlayer { repeatCount: MediaPlayer.REPEAT_FOREVER media: Media { source: "http://www.cppjj.com/Photos/ShengriKuaile.wma" } } Stage { // Sets the title, width and height of the window title:"Click to play audio" width: 250 height: 150 scene:Scene { content: [ // Sets the layout of the button using HBox layout HBox { // Set the position of the buttons layoutX:50 layoutY:80 content: [ // Creates a play button Button { text:"Play" action: function() { // Plays the music if the button is click music.play(); } } , // Creates a stop button Button { text:"Stop" action: function() { // Stops the music if the button is click music.stop(); } } ] } ] } }

Click here to download the example

The above example, we used the play() and stop(). It allows us to play the music or stop the music whenever the user prefer. Notice for this example we didn't include the autoPlay in the MediaPlayer definition because we are allowing the user to choose when the music should start and stop.