Skip to main content

Two Ways to Embed MP3 Files on Blog or Website

Want to embed an audio player right into your blog post, that readers can play and listen to your uploaded Mp3 files? Here are two easy ways to do that.

The first one is the Google audio player. To embed an MP3 file, add the following code to your web page or blog post.

<embed type="application/x-shockwave-flash" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" quality="best" flashvars="audioUrl=LINK" width="500" height="27"></embed>

Replace LINK with the URL of the MP3 file. The file can be uploaded to any server or file hosting services including your own, as long as the file is directly accessible. You can adjust the width and height of the player by changing the appropriate parameters in the code above. The player has a volume control too.

Try to play the audio file below. It is embedded using the above code.

Another option is to use the Yahoo Media Player. Now I have written about this at length quite a while ago, but here is a re-cap.

If you have a website and host directly downloadable MP3 files on your server, or link to MP3 files on your pages, then you can take advantage of Yahoo’s Media Player. All you have to do is add the following code to the <head> section of your web pages.

<script src = "http://mediaplayer.yahoo.com/js"></script>

Automatically, a small collapsible media player will appear at the bottom-left of the screen that will create a playlist of all MP3 files found on the page. Additionally, small play buttons appear in front of every MP3 links. This allows visitors to play media files directly on the site without having to download the files first.

yahoo-media-player

The interesting bit about the Yahoo Media Player is that visitors can invoke the player on any website that links to MP3 files even if the website author has not embedded any player for direct playback. For this there are bookmarks and a Greasemonkey script available. Interested readers can read more about it here.

Thanks QuickOnlineTips

Labels:

Comments

Post a Comment

Popular posts from this blog

How to Record CPU and Memory Usage Over Time in Windows?

Whenever the computer is lagging or some application is taking too long to respond, we usually fire up task manager and look under the Performance tab or under Processes to check on processor utilization or the amount of free memory available. The task manager is ideal for real-time analysis of CPU and memory utilization. It even displays a short history of CPU utilization in the form of a graph. You get a small time-window, about 30 seconds or so, depending on how large the viewing area is.
17 comments
Read more

Diagram 101: Different Types of Diagrams and When To Use Them

Diagrams are a great way to visualize information and convey meaning. The problem is that there’s too many different types of diagrams, so it can be hard to know which ones you should use in any given situation. To help you out, we’ve created this diagram that lays out the 7 most common types of diagrams and when they’re best used:
Post a Comment
Read more

How to Schedule Changes to Your Facebook Page Cover Photo

Facebook’s current layout, the so called Timeline, features a prominent, large cover photo that some people are using in a lot of different creative ways. Timeline is also available for Facebook Pages that people can use to promote their website or business or event. Although you can change the cover photo as often as you like, it’s meant to be static – something which you design and leave it for at least a few weeks or months like a redesigned website. However, there are times when you may want to change the cover photo frequently and periodically to match event dates or some special promotion that you are running or plan to run. So, here is how you can do that.
1 comment
Read more