Add Sound to Your Web Page in 15 Minutes with Beatnik & RMF Files
Make your own free website on Tripod.com
HEADSPACE

BEATNIK



Example 1:

Add Sound to Your Web Page in 15 Minutes
with Beatnik & Headspace Music Files

This example shows you how to use Headspace Music files in RMF (Rich Music Format) and the Beatnik Plug-in to add background music to your pages. In this example the Beatnik Control Panel will show on your Web page. The RMF files used in this example are free for you to use on your Web site. RMF is a file format created by Headspace, and it offers both high-fidelity and optimization for delivery over the Web. This example is short and easy to do, we estimate about 15 minutes. Since you're already sitting in front of your computer, why don't you give it a try? When you're done, you'll have a Web page that does this.


What you need:
For this example to work you need only: a basic knowledge of HTML, the Beatnik Plug-in, the music-bundle folder, a PC (running Windows 95/NT) or a Power Mac, and a Netscape browser version 3.01 or higher.


Follow these steps:
1) Open your favorite text editor.

2) Copy the lines below (the ones in the box), and paste them into the text editor.


<HTML>
<HEAD>
<TITLE> Example Page, Background Music
with Beatnik and RMF Files </TITLE>
</HEAD>
<BODY>


<EMBED
	SRC="classical.rmf"
	TYPE="audio/rmf"
	PLUGINSPAGE="http://www.headspace.com/beatnik/?plug-in"
	WIDTH=144
	HEIGHT=60
	DISPLAY=SYSTEM
	MODE=SCOPE
	AUTOSTART=TRUE
	LOOP=TRUE
>


</BODY>
</HTML>

3) Save these lines as a new HTML document named "music.html" -- (you may need either a ".html" or ".htm" extension depending upon the platform you're using). If you chose to use Microsoft Word as your text editor, be sure to save your new HTML document as "text only." Make sure you save music.html in the "music-bundle" folder.

4) Give it try. To test your work, launch a Netscape browser (version 3.01 or higher) and open "music.html" using "Open File..." from the File menu item. If you'e using Navigator 4.0 open your file using the "Open Page" command from the File menu item. Once the page has loaded you should hear classical music and see the Beatnik Plug-in Control Panel move in time to the music. Congratulations, you've just added background music to a Web page!

5) Listen to other Headspace Music by clicking on the bold link for each RMF file's name.

6) Find one you like? Then let's use it in your new Web page. Highlight the link of the RMF file you liked, and copy its name.

7) Put in your choice. Now go back up to the top of this page, and find the lines of text in the box. See the RED text that says "classical.rmf"? This is the name of the RMF file that the Beatnik Plug-in was playing. To replace it with the RMF file you like better:

  • Open your "music.html" document
  • Find the line that says "classical.rmf"
  • Paste in the RMF file name that you just copied NOTE: The RMF file name that you paste in must appear exactly like the RMF file names above (lowercase etc.)
  • Save "music.html" again

8) Give it another try. To test your work, launch a Netscape browser and open "music.html" using "Open File..." from the File menu item. If you'e using Navigator 4.0 open your file using the "Open Page" command from the File menu item. Once the page has loaded you should hear the new RMF file playing, and see the Beatnik Plug-in Control Panel move in time to the music.

9) Upload it. When you have everything working properly, you're ready to upload your new Web page to the server. Or you can combine the elements from this Web page with one of your existing Web pages. Upload your HTML doc as you normally would. Upload the RMF file that is specified in your HMTL doc. RMF files get uploaded as Binary. Make sure that your HTML doc and the RMF file are in the same directory after uploading.

Troubleshooting:

If you don't hear sound and see the Beatnik Control Panel moving in time to the music:

  • Confirm, by using another application, that your computer is capable of making sound, make sure the volume is turned up etc.

  • Make sure you have the Beatnik Plug-in, and that it's properly installed.

  • Make sure you have properly copied and pasted the lines from the box. (You haven't added any extra spaces or returns.)

  • Make sure that your music.html file and the RMF file that you specified are in the same directory/folder.

  • If you're still having trouble, try quitting and relaunching your browser. If you still don't hear sound, you might want to have a gander at Plug-in Troubleshooting.


More Good Stuff

Interactive mouse over
Try another tutorial! Add audio mouse overs to another one of your Web pages using the Beatnik Plug-in and Groovoids, it's easy too, give it a try!

Headspace Music
Get more RMF files! Headspace has high-quality music files that you can license and add your Web pages. Give'em a listen!

Beatnik logos for your page
We don't mind if you want to let the world know you use Beatnik on your Web page, that's why we're happy to supply you with Beatnik logos.

Thomas Dolby's Walkthrough
If you want to know all about the Beatnik Plug-in Control Panel (for instance how to see copyright information, meters and more).

Beatnik Documentation
Want to learn more about what you just did? You can about read more ways to embed the Beatnik Plug-in Control Panel in the documentation pages.



Main Page
Example 2

BEATNIK CENTRAL | DOWNLOAD | SHOWCASE | DEVELOPERS | RMF MUSIC | HELP | SHOP | SEARCH


Home
1997 Headspace,Inc. All Rights Reserved