Are you struggling with WordPress audio files? So was I.

It seemed so easy: to post an audio clip to your blog, choose the little musical note icon when choosing to upload a file, and voilà! Well . . . not so fast . . . Ten days later, I finally resolved it.

So I wrote a “How-to” not only for myself, but also for others, just in case this topic kept tripping someone else as well . There’s also a link at the bottom of this post where I answer a request for help on Audio files And for an up-to-the-minute overview of WP Media, go here: http://en.blog.wordpress.com/2008/12/14/media-uploader-overview/

-A. How to properly upload Audio files in WordPress

-B. How to properly encode the WordPress Audio Player; and

[-C. The WP Help file contained an error and has been fixed already…]

(IMPORTANT NOTE: specific Audio formats only become available for upload once you

pay for a space upgrade – you do this from your dashboard’s Account Page)

-A. To upload an audio file: the .mp3 file (or .wav, or .mov etc. file) needs to:

a. get uploaded from your hard drive

b. Once wp accepts the upload, an icon (musical notes) appears with the name of the file attached to it;

c. You must then first click on the “FIND URL” or “POST URL” next button option below; and last,

d. you must click “insert into post”.

Now your audio file is properly uploaded. You can find it in your Media Gallery.

-B. To make the player work, it needs to include the URL source of the audio file into the player’s html, not simply the name of the uploaded mp3.

First, here’s the html for the player, to insert into your Editable post: (I omitted the straight brackets “[” in front of the word “audio” and “]” after “.mp3” that must frame the html line of text to make it work, this way you can see the html itself, otherwise it becomes a player and the html is not visible any more).

audio http://wpcom.files.wordpress.com/name_of_your_uploaded_song.mp3

NOTE: keep a blank space between “audio” and “http”

Then: To get your song to play inside the player:

1. It cannot just look like this:

audio http://wpcom.files.wordpress.com/name_of_your_uploaded_song.mp3

 

2. It must look like this: (again, “[” and “]” omitted)

audio https://photcat.files.wordpress.com/2008/11/name_of_your_uploaded_song.mp3

 

Let’s review:

the .mp3 file (or .wav, or .mov etc. file) needs to:

a. get uploaded from your hard drive

b. Once wp accepts the upload, a (musical notes) icon appears with the name of the file attached to it;

c. You must then first click on the “FIND URL” or “POST URL” next button option below; this way it gives you an URL link. Highlight that link and click “copy” with your mouse.

d. click “insert into post”.

e. Choose a spot on your Edit page to insert the line of html for the player into your post, then replace

/name_of_your_uploaded_song.mp3

from 1. above

with what is in #2. above, i.e.:

2008/11/name_of_your_uploaded_song.mp3

or whatever relevant portion of link showed up when you clicked “copy” in “c” above.

 

Here’s a jpg of what happens, per above:

visual_posted_audio_player

 

 

 

 

– The first player (on top) does not work (see html in #1. above);

– The player below does work (see html in #2. above)

To view the actual example, go here:

https://photcat.wordpress.com/projects/collage/

 

It took me just about ten days of looking around, reading forums, scrounging the help files, despairing, and finally, asking wp for help. Yes, WordPress answers your requests for help. They are simply terrific . . .

Then, seeing that the html recommended was missing something, figuring it out what was missing and modifying the html accordingly . . .

 

-C. While we’re at it, why not correcting an error in the WP Help files: (this will be fixed shortly, or has been fixed already, by the way. I told you, WP help desk professionals are terrific!)

The help file that describes how to add colors to the player’s look can be found here:

http://support.wordpress.com/audio/3/

However, beware: the html posted there is missing the famous extra space between “audio” and “http”! Here’s an excerpt from one of my posts elsewhere:

[…] when you go to the URL regarding the option to change colors on the player, WATCH OUT: the posted html for the player is wrong: inside the bracket, it should include that darn space between the first word, “audio”, and the next word, “http“. (“html” in original post should read: “http”).

If the space is not there, the wp player won’t work… […]

(Again, remember: specific Audio formats only become available for upload once you pay for a space upgrade from your Dashboard’s Account Page).

 

If this can save you a few hours –or days, in my case– of frustration, GREAT! That was the point of this post . .

Merry CHRISTmas and Happy Holidays to all!

See my complete posts to a request for help on this entire topic here:

http://en.forums.wordpress.com/topic/polls-audio-clips?replies=8#post-283681

Advertisements