Week 9

Lecture Notes:

• Quiz 4 (Due 28 Nov)
• JavaScript News Group Information
• Review of Homework Assignment Set 6
• LiveConnect - enables communication between JavaScript and Java applets in a page and between JavaScript and plug-ins loaded on a page.
• MIME Types and Content Types
• Plug-ins (this & the examples below work only with Netscape Browsers)
  • What File Types Can the Browser Work With?
  • Specific check
  • The <EMBED> tag
  • Generalized Method to check
  • RollOver to produce sound
  • A "Control Panel" to control sound
  • Smile
• Embedding Sound in Web Pages
• LiveAudio and LiveConnect explains how to use JavaScript Methods for Controlling embedded LiveAudio elements. Using LiveConnect, LiveAudio, and JavaScript, you can:

• Create alternative sound control interfaces
• Defer the load of a sound file until the user clicks the "play" button
• Create buttons that make "clicking" noises
• Create audio confirmation for interface interactions; for example, have an object "say" what it does when the users clicks it or moves the mouse over it

• More information concerning <EMBED> & <OBJECT> objects:

• An Audio Jukebox
• A Streaming Media JukeBox I  - IE
• A Streaming Media JukeBox II - Netscape
• A Streaming Media JukeBox III - Browser Independent
• A Streaming Media JukeBox IV

• "How to" with Microsoft's Media Player (Microsoft's OnLine Seminar Series):

• How to - create and distribute content, build solutions and develop applications using Windows Media 9 Series
• Windows Media Training - Learn about the latest development & deployment solutions surrounding Windows Media Technologies

You can make your own streaming presentation:

• Create a PowerPoint presentation
• Use a free application within the Office Suite to create an AVI file. Do this you use a mike on your computer to talk through your PowerPoint presentation all the while the application is capturing "everything" as an AVI file.
• An AVI file is "useless" for the web since it is so large. So we have another free tool (encoder) by MS to encode this AVI file and turn it into a streaming format file.
• All the tools & "how to's" are listed below.

• Creating Online Presentations
• Windows Media Developer Center

• Windows Media Technologies:
  • Adding Streaming Media to Your Web Site with Windows Media Technologies - for those who want to understand the basics of integrating multimedia into Web sites
  • Quick Highlights
    • Embedding Content Within a Web Page with the <OBJECT> Tag
    • Linking to Advanced Streaming Format (ASF) Content - when linking directly to streaming files using a standard <A HREF...> tag, the browser will simply download it like any other document, which defeats the purpose of streaming. Therefore, when you want to link to content to play in the external player, you create a redirector file called an ASX file and link to that instead.
  • Setting Up Windows Media Services for Radio
  • Pay Per View Solution
  • Sample .asf file - this is encoded streaming media file that does not require a Media Server to run. The two conditions when we need a Media Server:
    • When doing Live Presentations
    • When the file has "tracks" where you can jump from one location to another location within the file, ie, like a CD.
• Implementing Windows Media Services (Free downloadable Tutorial - covers both Server & Client-side Setup )
• Encoder Download

• Camcorder - is a screen-capture technology that allows easy creation of movies. It is a simple but powerful movie recorder and playback utility. It captures screen events, stores them as a portable file, and allows playback. This utility enables you to create movies and save them in an .avi file format or export them in an .exe file format. If a picture is worth a thousand words, what would an animation be worth? With the camcorder you can make training or troubleshooting videos of computer screen movements for example. You can convert the AVI file into a streaming format and put it on the web.
  • Microsoft's Camcorder (Example Presentation)
  • Microsoft's Camcorder & ActiveX Objects
  • Camtasia's Camcorder

• How to work with RealAudio/Video

• Apple QuickTime Overview
  • QuickTime & JavaScript
• QuickTime VR  
  • Links: Virtual Vancouver, Titanic, Machu Pichu
  • Embedding QuickTime for Web Delivery
  •  sample VR .mov

• SVG (Scalable Vector Graphics) Demos - uses XML, JavaScript, & Scalable Vector Graphics

One of the most useful things in LiveConnect is the way it allows JavaScript to interact with Java. You now have ability to access Java's methods and classes through JavaScript. Below are some examples that demonstrate this particular feature.

• Simple Java - JavaScript LiveConnect Example
• Modifying a "Java Clock" through JavaScript dynamically

Note: The four examples below use the dynamic text applet. The scrolling of the text, the fading of the letters, the sizing of the fonts are all done in JavaScript. With LiveConnect, you don't even have to know Java to use it effectively and uniquely.

• Ticker 1
• Ticker 2
• Ticker 3
• An Example with an Explanation
• Nervous Text
• Color Picker
• Determining Screen Size
• Using LiveConnect to Access JavaScript from Java

Important: If you want to use any of the above examples, you must first download the .class files and place it in a working directory. Just refer to the class file in the <APPLET> tag as you would any other file.

• Week 9 Zipped (index.htm is the "Home" Page)
• Week 9 in Word Document Format Zipped

Next Week: Server Side Scripting - Active Server Pages using JavaScript

Homework: None