Audio
Audio, Colors, Embed, Music, Podcast, Upload
Contents
- Adding Audio Files to Your Blog
- Playlist
- Customizing the Audio Player
- Example of Color Customizations
- Default Color Options
- Audio Player Width
- Inherited HTML5 Audio Options
- Additional Info
Related
You can share audio on your WordPress.com blog in a variety of ways. Note that, if you wish to upload audio files from your own computer, you will need to purchase the Space Upgrade. Please refer to our documentation on which specific audio files types can be uploaded to WordPress.com with this upgrade.
Adding Audio Files to Your Blog
There are four (4) ways to do this:
- Upload an .mp3, .m4a, .ogg, or .wav file somewhere on the internet and link to it using our audio shortcode (if you have found an audio file elsewhere, simply grab its URL). To do this, enter the shortcode, which looks like this: [audio ], with the address inside. For example: [audio http://wpcom.files.wordpress.com/2007/01/mattmullenweg-interview.mp3] and [audio http://en.support.files.wordpress.com/2012/05/mattmullenweg-interview.m4a] will produce the following players:
If your current browser does not support HTML5 audio for your uploaded format, or Flash Player is not installed, a direct download link will be displayed instead of the player.
The following browsers support the following formats via HTML5 audio:
Browser .mp3 .m4a .wav .ogg Chrome 19 Yes Yes Yes Yes Safari 5.1 Yes Yes Yes No Firefox 12 No No Yes Yes Opera 11.6 No No Yes Yes IE 9 Yes No No No - Buy the Space Upgrade. This allows you to upload .mp3, .m4a, .ogg, or .wav files to your blog. Upload the file to your blog’s media library. When inserting into a post, make sure to click the None button for Link URL and then click the Insert into Post button (as illustrated in the image below). If your file is an .mp3, .m4a, .ogg, or .wav file, this will insert the audio player shortcode into your post or page.
- Create a download link to a file hosted elsewhere, which will require your readers to play it on their own computers. If you are uploading or linking to a file hosted elsewhere, please respect the wishes of the copyright holder.
- Embed the SoundCloud Audio Player. This will produce the following player:
Playlist
You can add several mp3 files to create a playlist.
[audio URL1,URL2|titles=TITLE1,TITLE2|artists=ARTIST1,ARTIST2]
Customizing the Audio Player
Audio player with default colors
[audio http://wpcom.files.wordpress.com/2007/01/mattmullenweg-interview.mp3]
Example of Color Customizations
[audio http://wpcom.files.wordpress.com/2007/01/mattmullenweg-interview.mp3|bg=0x0000ff|righticon=0xff0000]
Default Color Options
These correspond to two-bit hex values for red, green, and blue.
- bg=0xF8F8F8
- leftbg=0xEEEEEE
- lefticon=0×666666
- rightbg=0xCCCCCC
- rightbghover=0×999999
- righticon=0×666666
- righticonhover=0xFFFFFF
- text=0×666666
- slider=0×666666
- track=0xFFFFFF
- border=0×666666
- loader=0x9FFFB8
- bgcolor=0xFFFFFF
Audio Player Width
The default width is 290px. To use a different width (e.g. in a sidebar text widget) use the width parameter.
[audio http://wpcom.files.wordpress.com/2007/01/mattmullenweg-interview.mp3|width=180]
Other Options
- animation=no (player is always open)
- remaining=yes (show remaining time instead of elapsed time)
- loop=yes (loop playback)
- initialvolume=80 (0 – 100, 60 is default)
Inherited HTML5 Audio Options
The following Flash player options are inherited by the HTML5 audio player:
- artists
- titles
- bgcolor
- width
- loop
- initialvolume
Additional Info
- Please note that if you copy and paste the above code into your visual editor, it will result in errors because there are a few HTML tags within the brackets that are needed so that we can actually display the code (as opposed to the audio player).
- The audio player can be used in text widgets.
Last modified: May 27, 2012
Still confused?
Help us improve:
We're always looking to improve our documentation. If this page didn't answer your question or left you wanting more, let us know! We love hearing your feedback. For support, please use the forums or contact support form. Thanks!
