Embedding Audio

Integrating Technology in the Foreign Language Classroom

Jean LeLoup & Bob Ponterio
SUNY Cortland
© 2010

Sample vocabulary with sound

Let's put together a simple vocabualry page with sound.

First, a picture from http://kidsprintablescoloringpages.com/

little girl

I'll edit the image to get some objects & body parts.

Next, we'll put them in a table.

	une assiette
	une brosse à dents
	les cheveux
	une cuillère
	la main
	une oreille
	un pied
	une tasse
	le visage

Now we can use the embedded sound object to insert a sound for each image.

Remember that the embedded sound object is special code that has to go in the HTML Source of the web page. However, once we have one working sound, we can simply copy this object and paste it into any location where we want to put a new sound. A few minor changes to the mp3 sound file name can then allow us to set up the object for each new sound file.

Here is the basic HTML code for the sound file mysound.mp3:

<object classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
id="mediaplayer1" height="40" width="120">
<param name="Filename" value="mysound.mp3">
<param name="AutoStart" value="False">
<param name="ShowControls" value="True">
<param name="ShowStatusBar" value="False">
<param name="ShowDisplay" value="False">
<param name="AutoRewind" value="True">
<embed type="application/x-mplayer2"
pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/MediaPlayer/"
src="mysound.mp3" autostart="0"
showcontrols="1" showstatusbar="0" showdisplay="0"
autorewind="1" height="40" width="120"></embed>
</object>

	une assiette
	une brosse à dents
	les cheveux
	une cuillère
	la main
	une oreille
	un pied
	une tasse
	le visage

Finally, we can put a form around the table and use form fields to get student interaction.

<SELECT name="verb1" size="1"><OPTION SELECTED VALUE="???">???
<OPTION VALUE="assiette"> une assiette
<OPTION VALUE="brosse à dents"> une brosse à dents
<OPTION VALUE="cheveux"> les cheveux
<OPTION VALUE="cuillère"> la cuillère
<OPTION VALUE="main"> la main
<OPTION VALUE="oreille"> une oreille
<OPTION VALUE="pied"> un pied
<OPTION VALUE="tasse"> une tasse
<OPTION VALUE="visage"> le visage
</SELECT>