Assignment 1.11: Insert WAV file to HTML


Problem&Solution:
You have sound file. How to place it into HTML? In this assignment you will learn step by step how to insert sound into HTML.

Aim of this assignment:
Learn how to insert sound into HTML.

Task:
Insert some WAV sound files into HTML with simple text editor.
Note: There are two possibilities: insert WAV like a link and embed WAV directly to HTML. You must realize both methods.

Requirements:

In this assignment you can use predefined WAV files. There are 3 files in this assignment. The parameters of these WAV files you can find in the table below.

Name Description
audio1.wav 8000 Hz, 8 bit, mono
audio2.wav T16000 Hz, 8 bit, mono
aaudio3.wav 24000 Hz, 8 bit, mono


Note: the file names are case-sensitive.

Part I. WAV file as a link.
Work steps:
  1. Write in HTML source <A HREF="audio1.wav">WAV file</A> between <BODY> and </BODY> tags.

  2. Press "View" button. You will see a link to your HTML file. If you click on this link you will be prompted to Save this file to disk, or if your browser has plug-in which support WAV files you will be able to listen you file.

This is a simplest way to insert WAV file to HTML. Now we will look at the second method.
Before read how to insert sound to HTML with <EMBED> tag.


Part II. WAV file embedded into HTML.
Work steps:
  1. Write in source <EMBED SRC="audio1.wav" VOLUME="50" HEIGHT="60" WIDTH="144"> between <BODY> and </BODY> tags.

  2. Press "View" button. You will see embedded sound player in your browser's window. It view depends from your browser You can play the sound, pause or stop it.

  3. Try to add two or three WAV files to HTML.

  4. Place them to table.

  5. Compare the quality differences between files.

HTML Source


Conclusions:
Now you see, that there are more possibilities to create interactive page with <EMBED> tag than with link mean.

Back to lecture notes