How to Play MP3 Music Tracks in Your Web Browser
Do you remember the good old times when almost everyone had Winamp installed on their computers for playing MP3 songs? A long time has passed since then and a lot of things changed in how people listen to music and connect to Internet. Tablets and smartphones popped up, which allowed users to go online anytime and anywhere they want; also YouTube and SoundCloud like video and music sharing sites popped up, which allowed users to listen to the songs they like whenever they want.
In addition to the changes in the Internet technologies and user habits for listening to music online or offline, web browsers also advanced considerably, reducing the need to use separate software for certain tasks. Over the last couple of years, web browsers went through major improvements and updates from supporting the latest HTML5 and CSS3 features to responsive layouts and from displaying multimedia files to allowing rich, interactive user interfaces for web applications.
In today's modern web browsers, you can not only view web pages but also view other types of files such as text files, images, PDF files, sound and video files and more. MP3 music files are also among the type of files browsers recognize and display appropriately and we will see how that works below.
How to Play MP3 Files in Chrome
STEP 1: Prepare the MP3 file that you want to listen to, e.g. locate it on your hard drive.
STEP 2: Open Chrome browser.
STEP 3: (This step is optional and recommended if you have issues with the next step.) Reduce the window size of Chrome, so that you can see the MP3 file in its folder, or desktop as in our example.
What we will do is simply drag the MP3 file (song.mp3) and drop it into the browser window.
STEP 4: Left click on the MP3 file and without releasing your click finger, drag the file and move it into Chrome window and then release your click finger to drop the file.
Once the file is dropped into the browser area, the built-in HTML5 audio player of Chrome immediately starts playing the MP3 file. The audio player has the most common controls for playing/pausing the audio file, a timer and volume control as you can see below:
You can now listen to your MP3 song in Chrome browser using the above trick.
How to Play MP3 Files in Firefox
We can apply the same method for playing MP3 songs in Firefox, but make sure that you have the most recent version of the browser before you start.
STEP 1: Locate the MP3 file on your computer.
STEP 2: Open Firefox browser.
STEP 3: Reduce Firefox window size to see both the browser window and the MP3 file on the screen as follows:
STEP 4: Left click on the MP3 file and start dragging it without releasing your finger, bring it over the browser window and then release it.
Once the file is released, Firefox will start playing it with its built-in audio player which has some basic controls as shown in the screenshot below:
This is how you can easily open and play MP3 music tracks in a web browser. The same concept can be applied to other web browsers too if they have support for built-in audio file players.
You can now listen to your favorite MP3 songs using a web browser like Chrome or Firefox, any time you want. If you think this tutorial was helpful, please share it.
TIP: You can also check our post about free music listening sites to find more ways of listening to music.