SOUND - HTML5 - page 209

A Page with a Scream and a Green Background
<! DOCTYPE HTML >
< html >
< head >
< style type = ”text/css” >
body {
background - color : #060;
}
</ style >
< meta http - equiv = ”Content-Type” content = ”text/html; charset=UTF-8” >
< title > Sound 2 : Green </ title >
</ head >
< body >
< audio autoplay >
< source src = ”scream.wav” >
< source src = ”scream.mp3” >
</ audio >
</ body >
</ html >

A Page with an Explosion and a Blue Background
<! DOCTYPE HTML >
< html >
< head >
< style type = ”text/css” >
body {
background - color : #0000cc;
}
</ style >
< meta http - equiv = ”Content-Type” content = ”text/html; charset=UTF-8” >
< title > Sound 3 : Blue </ title >
</ head >
< body >
< audio autoplay >
< source src = ”boom.wav” >
< source src = ”boom.mp3” >
</ audio >
</ body >
</ html >

213

You can have a lot of fun testing dif erent sounds. Be sure to test it on dif erent HTML5
browsers. Also, try to make your own sound ef ects — you can recruit your dog, cat, and
parrot (who was once owned by a sailor).