1. Chapter 28 – Multimedia: Audio, Video, Speech Synthesis and Recognition
Outline
Introduction
Audio and Video
Adding Background Sounds with the bgsound Element
Adding Video with the img Element’s dynsrc Property
Adding Audio or Video with the embed Element
Using the Windows Media Player ActiveX Control
Microsoft Agent Control
RealOne Player Plug-in
Synchronized Multimedia Integration Language (SMIL)
Scalable Vector Graphics (SVG)
Web Resources

2. In this lesson, you will learn:
Objectives
In this lesson, you will learn:
To enhance Web pages with sound and video.
To use the bgsound element to add background sounds.
To use the img element’s dynsrc property to incorporate video into Web pages.
To use the embed element to add sound or video.
To use the Windows Media Player ActiveX control to play a variety of media formats in Web pages.
To use the Microsoft Agent ActiveX control to create animated characters that speak to users and respond to spoken commands from users.
To embed RealOne Player™ to include streaming audio and video in a Web page.
To embed video and create graphics in a Web page using SMIL and SVG.

3. 28.1 Introduction Multimedia Use of sound, images, graphics and video
Add sound, video, and animated characters to Web-based applications
Streaming technologies

4. Can be embedded in Web page Can be downloaded “on-demand”
28.2  Audio and Video
Can be embedded in Web page
Can be downloaded “on-demand”
Encoding algorithm or codec
Transforms raw audio or video into a format that Web browsers can display

5. 28.3 Adding Background Sounds with the bgsound Element
src property
Specifies the URL of audio clip to be played
loop property
Specifies number of times audio clip will play
balance property
Specifies balance between left and right speakers
volume property
Determines volume of audio clip

6. BackgroundAudio .html (1 of 4)

7. BackgroundAudio .html (2 of 4)

8. BackgroundAudio .html (3 of 4)

9. BackgroundAudio .html (4 of 4)

10. 28.4 Adding Video with the img Element’s dynsrc Property
Incorporates both images and videos
src property
Indicates source is image
dynsrc property
Indicates source is video clip
start property
Specifies when video should start playing
Event fileopen
Video should play as soon as it loads
Event mouseover
Video should play when user position mouse over video

11. Dynamicimg.html (1 of 2)

12. Dynamicimg.html (2 of 2)

13. 28.5 Adding Audio or Video with the embed Element
Element embed
Embeds media clip into Web page
Displays a graphical user interface (GUI)
Supported by both Microsoft Internet Explorer and Netscape

14. EmbeddedAudio .html (1 of 3)

15. EmbeddedAudio .html (2 of 3)

16. EmbeddedAudio .html (3 of 3)

17. 28.5 Adding Audio or Video with the embed Element
Play
Pause
Stop
Mute
Volume

18. EmbeddedVideo .html (1 of 2)

19. EmbeddedVideo .html (2 of 2)

20. 28.6 Using the Windows Media Player ActiveX Control
object element
Embed Windows Media Player and ActiveX controls
Property id
Specifies scripting name of element
width and height properties
Specify width and height in pixels
property classid
Specifies ActiveX control ID
Element param
Specify parameter
Parameter FileName
Specifies file containing media clip
AutoStart (boolean value)
ShowControls (boolean value)
Loop (boolean value)

21. MediaPlayer.html (1 of 3)

22. MediaPlayer.html (2 of 3)

23. MediaPlayer.html (3 of 3)

24. 28.7 Microsoft Agent Control
Interactive animated characters
Speaks
Supports speech recognition

25. tutorial.html (1 of 12)

26. tutorial.html (2 of 12)

27. tutorial.html (3 of 12)

28. tutorial.html (4 of 12)

29. tutorial.html (5 of 12)

30. tutorial.html (6 of 12)

31. tutorial.html (7 of 12)

32. tutorial.html (8 of 12)

33. tutorial.html (9 of 12)

34. tutorial.html (10 of 12)

35. tutorial.html (11 of 12)

36. tutorial.html (12 of 12)

39. 28.7 Microsoft Agent Control
Fig Peedy finishing introduction.

40. 28.7 Microsoft Agent Control
Fig Peedy ready to receive voice commands.

41. 28.7 Microsoft Agent Control
Fig Peedy receiving voice command.

42. 28.7 Microsoft Agent Control
Fig Peedy discussing Good Programming Practices.

43. 28.7 Microsoft Agent Control

44. 28.7 Microsoft Agent Control

45. 28.7 Microsoft Agent Control

46. 28.8 RealOne Player Plug-in
Element embed
Embed RealOne Player plug-ins for video and audio
Attribute type
Specifies MIME type of embedded file
Attributes width and height
Specify dimensions of space the control occupies
Attribute autostart
Determines whether media start playing when page loads
Attribute controls
Specifies which controls users can access
Attribute src
Set to location of streaming media

47. StreamingMedia .html (1 of 3)

48. StreamingMedia .html (2 of 3)

49. StreamingMedia .html (3 of 3)

50. 28.9 Synchronized Multimedia Integration Language (SMIL)
Coordinate wide range of multimedia elements
XML-based description language
Organize text, audio, video to occur simultaneously or sequentially
Provide time reference for all instances of text and media
Specifies source and presentation of multimedia

51. exampleSMIL.smil (1 of 3)

52. exampleSMIL.smil (2 of 3)

53. exampleSMIL.smil (3 of 3)

54. SMILexample.html (1 of 1)

57. 28.10 Scalable Vector Graphics (SVG)
Describes vector graphic data for JPEG, GIF, and PNG formats
Vector graphics
Produced by mathematical equations
XML vocabulary

58. shapes.svg (1 of 2)

59. shapes.svg (2 of 2)

61. planet.svg (1 of 2)

62. planet.svg (2 of 2)

63. 28.11 Web Resources www.microsoft.com/windows/windowsmedia
msdn.microsoft.com/downloads/default.asp
smw.internet.com/smil/smilhome.html