to home page

BWRS
SEARCH

HOMETUTORIALSLINKSFORUMGLOSSARYNEWS
 
OTHER >
AUDIO >  
Quickguide

Creating Audio for the web
A Quick Overview

This page will give you a quick guide to creating adding audio to your website.

You'll need to create your audio file first.

Depending on what you want to do there are several ways to craete music for your PC. You could use one of several music making software or you could record sound into your PC using it's sound card and the freebie sound recorder software (for more on this see here)

Ypu need to create one of the common audio file types for example

.wav (the basic and best for beginners)
.midi (good for digital music)
.wma (windows media audio - new format)

Once you feel happy you can also use steaming media file formats (file plays as it downloads). You may need a special server. This isn't covered here but we have a seperate guide to streaming media. Common choices are

.wma
.ra (real audio)

For more on file formats including streaming media see here

Now you have your file you can add it to web pages

The easiest way is to create a link like these

test.wav

In HTML you can do this easily with a standard link (<a>) tag

<a href="test.wav">test.wav</a>

(obviously just replace link URL (test.wav) with URL and name of your movie file) .
We'd recommend you add the target="_blank" attribute
(e.g. <a href="test.wav" target="_blank">)

With Frontpage Express

Create a link as before but...

Frontpage express create hyperlinks box

click the (1) world wide web tab and set (2) hyperlink type to "(other)". In the (3) URL box type in the name or URL of your audio file (e.g. " test.wav" or "../music/mysong.midi"). Instead of the link being pointed at a webpage it is aimed directly at the sound file.

In target frame box (1) you can put in _blank to prevent loss of your current page.

With composer, this is essentially coded like any other link

Just create a link as before

composer link property boxes for versions 4.x and 6.x

In the (B) Link to box type in the name or URL of your video file (e.g. "test.wav" or "../music/mysong.midi"). Instead of the link being pointed at a webpage it is aimed directly at the movie file.

To make the link open in a separate window so you don't loose the current one, hit the Extra HTML.. button (composer 4.x) and type in target="_blank" then hit okay

or in composer 6.x hit additional properties and select target attribute and enter value of _blank (Y)

composer 6.x advanced properties box

 

You can embed Audio directly on web pageslike a image but this can be problematic. For more on all of this each of our HTML, Frontpage Express and composer tutorials has a guide to adding video.

Now all you need to do is transfer by FTP your video file and relevant pages to your website
(see our FTP pages if you don't understand this)

Back to video tutorials main
BACK TO AUDIO TUTORIALS MAIN