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 WordPress.com Premium or WordPress.com Business plans. Please refer to our documentation on which specific audio file types can be uploaded to WordPress.com with these plans.
Adding Audio Files to Your Blog
There are five (5) ways to do this:
- Add a link from your site to an outside audio file. Either upload an .mp3, .m4a, .ogg, or .wav file to a third-party server and link to it using our audio shortcode, or if you found an audio file elsewhere online, simply copy its URL.
Back at your site, enter the shortcode, which looks like this: [audio], with the address inside. For example:
[audio http://en.support.files.wordpress.com/2012/05/mattmullenweg-interview.m4a ]
To loop your track or playlist, add
|loop=yesto your shortcode like this:
[audio http://en.support.files.wordpress.com/2012/05/mattmullenweg-interview.m4a|loop=yes]These shortcodes 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 25 Yes Yes Yes Yes Safari 6.0 Yes Yes Yes No Firefox 19 No No Yes Yes Opera 12 No No Yes Yes IE 11 Yes No No No
- Buy the WordPress.com Premium or WordPress.com Business plans. This allows you to upload .mp3, .m4a, .ogg, or .wav files to your blog. Upload the file to your blog’s media library. You can edit/add/remove the Title, Artist, Caption, and Description of the audio file. When inserting into a post, make sure to select the Embed Media Player option for Embed or Link 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. This will require your readers to save and play the sound file 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:
- Embed the Audiomack Audio Player. This will produce the following music player on your site:
You can add several mp3 files to create a playlist. Other file types are not supported at this time. Please note, if you wish to upload audio files from your own computer, you will need the the Space Upgrade, which is included with the WordPress.com Premium and WordPress.com Business plans.
Once your mp3 files are uploaded, a Create Audio Playlist tab will appear in the Add Media window.
From here, you can choose which audio files to include and insert into your post.
After you click Create a new playlist you will be taken to Edit Audio Playlist, where you can drag to reorder the tracks. You can also change your Playlist Settings to include or remove the Tracklist, Artist Name in Tracklist and images. Once that is set, click Insert audio playlist.
Embedding the playlist into your sidebar
- From Appearance → Widgets in your site’s Dashboard, add the Music Player widget into a widget area.
- Click the link to choose or upload your audio files.
Dark Styling & Customizing the Audio Player
You can toggle between the dark and the light color schemes by adding style=”dark” to your shortcode (which is generated with the playlist editor, above). For example:
[playlist ids="123,121,119,117,115,113,111,109" style="dark"]
For additional customization of your Audio Player, you can use the Custom Design upgrade to make your playlist look the way you want with CSS.
How can I edit the names, title, artist, or album of the songs?
You can edit the names of your songs in your Media Library.
Can I add a playlist that plays just the first 30 seconds of each song?
The player will play the complete song.
I get a blank screen when I try to choose songs for the Music Player widget.
You may need to disable Accessibility Mode to choose songs for your Music Player widget. You can go to Appearance → Widgets in your site’s Dashboard, click the Screen Options tab in the upper right, and click Disable accessibility mode. Then, try choosing your songs in the Music Player widget again.