1. CSCI N241: Fundamentals of Web Design Copyright ©2004  Department of Computer & Information Science Adding Sound

2. N241: Fundamentals of Web Development Copyright ©2004  Department of Computer & Information Science Objectives Learn advantages and disadvantages of incorporating advanced media Incorporate sound Incorporate embedded video Build basic animations

3. N241: Fundamentals of Web Development Copyright ©2004  Department of Computer & Information Science Working with audio on the web Audio can be compelling It can add greatly to the mood of a site It can ‘complete’ the experience

4. N241: Fundamentals of Web Development Copyright ©2004  Department of Computer & Information Science Problems with audio Audio files can be extremely large Copyright issues can be troublesome Audio can be distracting Cross-platform audio is tricky

5. N241: Fundamentals of Web Development Copyright ©2004  Department of Computer & Information Science Types of Audio Files Wav (very large) Mp3 (smaller, good compression) Realmedia rm (good compression, proprietary format) Midi (excellent file size, variable quality)

6. N241: Fundamentals of Web Development Copyright ©2004  Department of Computer & Information Science Incorporating audio into a page Using a link Using an embed tag Using the bgsound tag Using CSS elements

7. N241: Fundamentals of Web Development Copyright ©2004  Department of Computer & Information Science Linking to a sound External reference to sound File plays when user clicks on it File opens in another (unspecified) player Browser determines program file will be played in

8. N241: Fundamentals of Web Development Copyright ©2004  Department of Computer & Information Science Using the bgsound tag Automatically loads and plays the sound Microsoft extension to HTML No way to turn off sound (without JS programming)

9. N241: Fundamentals of Web Development Copyright ©2004  Department of Computer & Information Science Using an embed tag <embed src = “soundFile.wav” height = “100” width = “100”> Places a player plugin inline No predicting what player is Behavior is also unpredictable