|
Embedding Audio Files |
Top Previous Next |
|
NeatClubs.COM includes a small Flash based video component that allows you to directly play audio files on any browser that has Flash installed. (this is true of the majority of modern browsers) You can embed audio files directly into any document that you are editing using the steps below:
Place your mouse in the editor at the location you want the audio file to appear, click the mouse and then select the "Insert/Edit Media Object" on the top row. Use the graphic icon that looks like a small filmstrip (pictured below).
The "Insert/Edit Media Object" dialog below will appear. You can choose to upload multimedia files like audio files into either the "videos" folder or the "uploads" folder. (either will work). Putting them in the videos folder may make them easier to find in future so this is recommended. Unfortunately there is no "audio" folder.
Click the "Upload" button to begin the process of uploading a music file from your local computer up to the server.
After clicking "Upload" (the icon above), the screen below will appear. Use the Browse button to navigate to the file to upload.
After this, click "Upload" (the button on the form this time). Uploading the file will take some time depending on the file size.
Once the file is uploaded, you will see the new file (in this case an MP3 file) appear on the server as shown below.
It is very important that you inspect the URL line above to make sure that either "./uploads/" or "./videos/" as a prefix before the name of the file. This is a bug in the editor at present. You need to provide the path to the audio file manually as above. Use the options tab to select the properties for your audio file as shown. In our example we will show the audio player on the screen, and have the song play immediately when the page is loaded. When the song is finished we will have it loop.
After ensuring the URL path to the uploaded audio file is correctly prefixed with either ./videos or ./uploads as appropriate, click "Insert"
While we are still in the editor, the audio files appears as a multimedia object as above. Advanced users will appreciate that all of the necessary HTML is generated for them. You can use the "Source" tab at the bottom of the editor area to switch to the HTML view. If you are editing the generated HTML for any reason, it will be easier to do this in Full screen mode since a fair amount of HTML is generated in the Object tag to load the Flash player and define the parameters associated with the audio file.
Make sure you save the contents of the editor to avoid losing your work!!
As soon as you do, the player should appear and the music should begin playing. If someone navigates away from the document, the music will stop. If you want to have audio appear on every page, a useful tip is to place the audio in a side panel document.
|