Multimedia:

1
Multimedia

• Week 9 Wednesday
• Video
• Java Applets
• Course Evaluations

2
Working with Video

• Continuous stream of images
• Creation
• Video capture board
• Records images
• Sources camcorder, TV, VCR
• Animation software
• Video editing software
• Files are large
• Bandwidth problem

3
Video Basics

• Frame individual image
• Frame Rate number of frames per second
• High rate - good quality, large size
• VCR uses 30 frames per second
• Frame size smaller images - smaller files
• Compression
• Codec - technique for compressing and
  decompressing frames
• Many different codecs used
• Color Depth bits per pixel
• Sound

4
Video File Formats
5
Linking to Video File

• External
• When user clicks on link, video file is retrieved
• Played by helper application in separate window
• User has choice of whether or not to download
  file
• Syntax
• ltA HREFvideo-file-namegt text lt/Agt
• Should supply information on file size and format

6
Exercise Link to Video File

• Get folder Video from Week 09 folder
• Put folder on desktop and open it
• Note 4 video files
• Right click Properties Details of .avi files
• Start FrontPage and open web in folder
• Open Linked Videos.htm
• Note download time
• Add the first link to Dino.avi
• Review HTML code
• Save and preview in both browsers

7
Embedding Video Files

• Internal
• Video files are retrieved with page
• Played by plug-in and in browser window
• Video file downloaded with page
• Syntax
• ltEMBED SRCvideo-file-name WIDTHw
  HEIGHThgt
• where w and h specify size of video control

8
Exercise Embed Video File

• Open Embedded Videos.htm
• Review HTML
• Embed tags
• Height and width of embedded window
• Were typed in
• Two files Dino and Shark
• Note download time!
• Preview in both browsers

9
NOEMBED Tag

• Older browser do not recognize EMBED tag
• Want to include text or other elements on page
  for older browsers
• Want newer browsers to ignore
• Syntax
• ltEMBED .gt
• ltNOEMBEDgt
• HTML tags for older browsers
• lt/NOEMBEDgt

10
Java

• Object-Oriented programming language
• Used for many applications besides the Web
• Syntax similar to JavaScript and C
• Source code is compiled into byte-code
• need a Java compiler
• JDK or IDE for Java development
• platform independent
• Byte-code is interpreted on platform into
  executable code
• need Java interpreter (VM emulator)

11
Java Applets

• Special Java programs that can be interpreted by
  a browser
• Applet is not written in the HTML code like
  JavaScript
• External file with byte-code is downloaded with
  page
• Applet usually appears in an embedded window of
  web page
• Must specify size

12
Exercise Review Message Applet Code

• Get folder Java from Week 09 folder
• Put folder on desktop and open it
• Note .java files - source code
• Note .class files - byte-code
• Edit the file Message.java with Notepad
• Review code
• From another text
• Code is similar to JavaScript
• dot notation
• punctuation

13
Including Applet in Web Page

• ltAPPLET CODEfile.class WIDTHvalue HEIGHTvaluegt
• ltPARAM NAMEtext VALUEtextgt gt
• ltPARAM NAMEtext VALUEtextgt gt
• lt/APPLETgt
• Other properties for APPLET tag
• CODEBASE URL (if applet in different location)
• VSPACE and HSPACE

14
Exercise Message Applet (1)

• Open Java Web from FrontPage
• Open the file Message.html
• Review the HTML code
• Note the APPLET tags
• Note the PARAM tags
• Preview in browser
• Edit a message
• Double click on J
• Edit size, message parameter

15
Exercise Message Applet (2)

• Add another message
• Insert Advanced Java Applet
• Source Message.class
• Add a MESSAGE parameter
• Name is MESSAGE
• Value is the message to display
• Set the window size
• Save and preview in browser

16
The Credit Roll Applet

• From our text
• Displays lines of text that scroll up
• Fade in and out
• Parameters control
• Text
• Colors (background and text)
• Speed
• Font and Font size
• Fade zone
• URL (acts as link)

17
Exercise CreditRoll

• Open the file Credit.htm with editor
• Note CreditRoll.class in folder
• No source code available
• Review HTML code
• Preview in browser
• Make changes to parameters and window size
• Save and preview

18
Exercise Whiteboard Applet

• Open the file SimpleWhiteboard.html
• Preview in browser
• Try it
• Review the HTML
• Open the file Whiteboard.html
• Preview in browser
• Try it
• Review the Java source code with Notepad
• Note Whiteboard extends SimpleWhiteboard

19
Course Evaluations