Few days ago i tried to make my Android app can play music from URL.
The Android API give to us a very useful class. Here i want show you how to make the streaming m3 mediaplayer using MediaPlayer class from Android API. This app use Android 2.2.
Below you can see the UI of this app. It’s very simple. Also below you can get the link for downloading source code
Here i show you only Activity file (StreamingMp3Player.java).
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 | package com.hrupin.streamingmedia; import android.app.Activity; import android.media.MediaPlayer; import android.media.MediaPlayer.OnBufferingUpdateListener; import android.media.MediaPlayer.OnCompletionListener; import android.os.Bundle; import android.os.Handler; import android.view.MotionEvent; import android.view.View; import android.view.View.OnClickListener; import android.view.View.OnTouchListener; import android.widget.EditText; import android.widget.ImageButton; import android.widget.SeekBar; import com.hrupin.media.R; public class StreamingMp3Player extends Activity implements OnClickListener, OnTouchListener, OnCompletionListener, OnBufferingUpdateListener{ private ImageButton buttonPlayPause; private SeekBar seekBarProgress; public EditText editTextSongURL; private MediaPlayer mediaPlayer; private int mediaFileLengthInMilliseconds; // this value contains the song duration in milliseconds. Look at getDuration() method in MediaPlayer class private final Handler handler = new Handler(); /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); initView(); } /** This method initialise all the views in project*/ private void initView() { buttonPlayPause = (ImageButton)findViewById(R.id.ButtonTestPlayPause); buttonPlayPause.setOnClickListener(this); seekBarProgress = (SeekBar)findViewById(R.id.SeekBarTestPlay); seekBarProgress.setMax(99); // It means 100% .0-99 seekBarProgress.setOnTouchListener(this); editTextSongURL = (EditText)findViewById(R.id.EditTextSongURL); editTextSongURL.setText(R.string.testsong_20_sec); mediaPlayer = new MediaPlayer(); mediaPlayer.setOnBufferingUpdateListener(this); mediaPlayer.setOnCompletionListener(this); } /** Method which updates the SeekBar primary progress by current song playing position*/ private void primarySeekBarProgressUpdater() { seekBarProgress.setProgress((int)(((float)mediaPlayer.getCurrentPosition()/mediaFileLengthInMilliseconds)*100)); // This math construction give a percentage of "was playing"/"song length" if (mediaPlayer.isPlaying()) { Runnable notification = new Runnable() { public void run() { primarySeekBarProgressUpdater(); } }; handler.postDelayed(notification,1000); } } @Override public void onClick(View v) { if(v.getId() == R.id.ButtonTestPlayPause){ /** ImageButton onClick event handler. Method which start/pause mediaplayer playing */ try { mediaPlayer.setDataSource(editTextSongURL.getText().toString()); // setup song from https://www.hrupin.com/wp-content/uploads/mp3/testsong_20_sec.mp3 URL to mediaplayer data source mediaPlayer.prepare(); // you must call this method after setup the datasource in setDataSource method. After calling prepare() the instance of MediaPlayer starts load data from URL to internal buffer. } catch (Exception e) { e.printStackTrace(); } mediaFileLengthInMilliseconds = mediaPlayer.getDuration(); // gets the song length in milliseconds from URL if(!mediaPlayer.isPlaying()){ mediaPlayer.start(); buttonPlayPause.setImageResource(R.drawable.button_pause); }else { mediaPlayer.pause(); buttonPlayPause.setImageResource(R.drawable.button_play); } primarySeekBarProgressUpdater(); } } @Override public boolean onTouch(View v, MotionEvent event) { if(v.getId() == R.id.SeekBarTestPlay){ /** Seekbar onTouch event handler. Method which seeks MediaPlayer to seekBar primary progress position*/ if(mediaPlayer.isPlaying()){ SeekBar sb = (SeekBar)v; int playPositionInMillisecconds = (mediaFileLengthInMilliseconds / 100) * sb.getProgress(); mediaPlayer.seekTo(playPositionInMillisecconds); } } return false; } @Override public void onCompletion(MediaPlayer mp) { /** MediaPlayer onCompletion event handler. Method which calls then song playing is complete*/ buttonPlayPause.setImageResource(R.drawable.button_play); } @Override public void onBufferingUpdate(MediaPlayer mp, int percent) { /** Method which updates the SeekBar secondary progress by current song loading from URL position*/ seekBarProgress.setSecondaryProgress(percent); } } |
I hope it will be useful for you.
Please download if you want to see some other file from this Android project.
Hi, Igor.
Thanks a lot, nice and useful tutorial. Good job.
May i ask you how can we set the autoplay please? I’m trying to figure out how to start streaming automatically when you open the program but… I have not yet understood how to do … hehe
Thanks again.
nice site the text becomes a bit hard to read on your background after a while tho. jus a friendly suggestion =)
Thanks, brother
Hello Mountanous Maverick,
Thanks!
Hi,
Very new to Android development. Cannot figure out problem in downloaded sample code. Eclipse says the import com.hrupin.media.R cannot be resolved. Also many mentions of R cannot be resolved to a variable. Sounds like basic problem but I don’t know what I’m missing.
Cheers
Hi Linus,
1. Check your Android SDK connection in Eclipse prefferences.
2. Clean your project
3. If it don’t help – delete bin dir manullay
Thank You Very much
good job man
Hi, I am getting a delay of some seconds before the audio is started. Can you please let me know the issue. I have tried the same code. After I call prepareAsync(), its calling start() after about 24seconds. Thank you.
Hi
I am just thinking that if the server will get the request and keep writing music bytes on the client’s output stream and may be the setDataSource method process what’s being written onto it and plays it.
Am I thinking in the right way?
So if above is correct then I’ll have to write some server code too?
Hi !
First of all, thanks for this great article. This was exactly what I was looking for. However, it seems that the source code in your GIT repository has since changed to become a video player. Is there a way, by any chance, to get the original code fitting this article ?
Thanks ahead for your answer.
I have recreated the sample of Android Streaming Mp3 Player.
The code can be downloaded here: https://github.com/tolbxela/samples/tree/Android-Streaming-Mp3-Player/android/Streaming_Audio_Player
Merged. Thanks for your work
I have recreated the sample of Android Streaming Mp3 Player.
The code can be downloaded here: https://github.com/tolbxela/samples/tree/Android-Streaming-Mp3-Player/android/Streaming_Audio_Player
Merged. Thanks for your work
You’re welcome!
Hi,
Thanks for the this. I still got an issue with a device running on 2.3.6. It gives me error (1, -4) while another device with 4.2 works fine.
Hi Christian,
Could you please send logcat from your device? When I get it then I can look what is happened.
Thanks,
Igor
Its very good example, saves my days to search and research , very great tutorial
Thanks,
🙂
how to download this project?
Hi Abdul,
You can fork me on github https://github.com/ihrupin/samples/tree/master/android/Streaming_Audio_Player
Hi
Thanks for very good tutorial. Plz Can u tell me ” How to show progress dialog ” before first download.
Thanks.
Awesome Example Of MediaPlayer
Thanks
Hey Thanks for this tutorial it was easy to understand
Its totally Working Fine but when i click play it will buffer first i have to click second time for play the song how to buffer and playing together ..??