 2000 Prentice Hall, Inc. All rights reserved. Java Multimedia: Images, Animation, Audio and Video Outline 30.1 Introduction 30.2Loading, Displaying and.

Slides:



Advertisements
Similar presentations
Made with love, by Zachary Langley Applets The Graphics Presentation.
Advertisements

Web Design & Development Lecture 19. Java Graphics 2.
1 More on Applets Overview l Changing Colors l Changing Fonts & Styles l Applet Life-Cycle l Input using Dialog Window l Input using HTML parameters l.
Graphics You draw on a Graphics object The Graphics object cannot directly be created by your code, instead one is generated when the method paintComponent.
1 Drawing C Sc 335 Object-Oriented Programming and Design Rick Mercer.
More Java Drawing in 2D Animations with Timer. Drawing Review A simple two-dimensional coordinate system exists for each graphics context or drawing surface.
(C) 2010 Pearson Education, Inc. All rights reserved. Java™ How to Program, 8/e.
1 Frameworks. 2 Framework Set of cooperating classes/interfaces –Structure essential mechanisms of a problem domain –Programmer can extend framework classes,
1 L45 Multimedia: Applets and Applications. 2 OBJECTIVES  How to get and display images.  To create animations from sequences of images.  To create.
© Copyright 1992–2004 by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. Chapter Java Multimedia: Images, Animation, Audio.
Event Handling Events and Listeners Timers and Animation.
Lecture 24 Applets. Introduction to Applets Applets should NOT have main method but rather init, stop, paint etc They should be run through javac compiler.
 2003 Prentice Hall, Inc. All rights reserved. 1 Chapter 19 – Multimedia: Images, Animation and Audio Outline 19.1 Introduction 19.2 Loading, Displaying.
1 Applets Chapter 1 To understand:  why applets are used to extend the capabilities of Web pages  how an applet is executed and know about the restrictions.
Liang, Introduction to Java Programming, Fifth Edition, (c) 2005 Pearson Education, Inc. All rights reserved Chapter 14 Applets, Images,
 Pearson Education, Inc. All rights reserved Multimedia: Applets and Applications.
Applets. What is an Applet?  According to Sun “An applet is a small program that is intended not to be run on its own, but rather to be embedded inside.
Chapter 13: Advanced GUIs and Graphics J ava P rogramming: From Problem Analysis to Program Design, From Problem Analysis to Program Design, Second Edition.
Liang, Introduction to Java Programming, Sixth Edition, (c) 2007 Pearson Education, Inc. All rights reserved L05 (Chapter 16) Applets.
 2000 Prentice Hall, Inc. All rights reserved. Chapter 16 - Multimedia: Images, Animation, Audio and Video Outline 16.1 Introduction 16.2Downloading the.
Computer Science [3] Java Programming II - Laboratory Course Lab 7: Multimedia: Applets and Applications Faculty of Engineering & IT Software Engineering.
Java Programming, 2E Introductory Concepts and Techniques Chapter 2 Creating a Java Application and Applet.
Introduction Multimedia –Use of sound, image, graphics and video –Makes applications “come alive”
Applets Java API.
Chapter 13 Advanced GUIs and Graphics. Chapter Objectives Learn about applets Explore the class Graphics Learn about the class Font Explore the class.
Java Programming, 3e Concepts and Techniques Chapter 2 - Part 2 Creating a Java Application and Applet.
Java Programming, 3e Concepts and Techniques Chapter 3 Section 65 – Manipulating Data Using Methods – Java Applet.
 2005 Pearson Education, Inc. All rights reserved Multimedia: Applets and Applications.
 2002 Prentice Hall, Inc. All rights reserved. Chapter 18 – Multimedia: Images, Animation, Audio and Video Outline 18.1 Introduction 18.2 Loading, Displaying.
(c) 2008 E.S.Boese All Rights Reserved. Threads and Media Chapter 8 - Lecture Slides 1.
Applets Chapter 17.  Java’s big splash onto the scene came in the mid 90’s. The people at Sun Microsystems had managed to work java programs into Web.
Java Programming: From Problem Analysis to Program Design, 4e Chapter 12 Advanced GUIs and Graphics.
© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 1 Outline 20.1 Test-Driving the Screen Saver Application.
JAPPLET.
Applets and Frames CS 21a: Introduction to Computing I First Semester,
1 Introduction to Applets. 2 Applications Programs that execute using the java interpreter Executes in command windows.
Chapter 17: Applets, Images, and Sound. Objectives Learn about applets Write an HTML document to host an applet Use the init() method Work with JApplet.
GUI programming Graphical user interface-based programming.
Lesson 34: Layering Images with Java GUI. The FlowLayout RECAP.
 2000 Prentice Hall, Inc. All rights reserved. Java Multimedia: Images, Animation, Audio and Video Outline 30.1 Introduction 30.2Loading, Displaying and.
Graphic User Interface. Graphic User Interface (GUI) Most of us interact with computers using GUIs. GUIs are visual representations of the actions you.
Liang, Introduction to Java Programming, Sixth Edition, (c) 2007 Pearson Education, Inc. All rights reserved Chapter 16 Applets and Multimedia.
MSc Workshop - © S. Kamin, U. ReddyLect 3 - GUI -1 Lecture 3 - Graphical User Interfaces r GUI toolkits in Java API r JFrame r GUI components.
Liang, Introduction to Java Programming, Eighth Edition, (c) 2011 Pearson Education, Inc. All rights reserved Review of Graphics in Java,
Applets and Frames. Copyright 2005, by the authors of these slides, and Ateneo de Manila University. All rights reserved L14: GUI Slide 2 Applets Usually.
Java Programming Applets. Topics Write an HTML document to host an applet Understand simple applets Use Labels with simple AWT applets Write a simple.
© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 1 Outline 21.1 Test-Driving the Painter Application.
Java Programming Working with Sound and Images. Topics Learn about the paint() and repaint() methods Learn about paintComponent() method Use the drawString()
Introduction Multimedia –Use of sound, image, graphics and video –Makes applications “come alive”
Chapter 14 Applets and Advanced GUI  The Applet Class  The HTML Tag F Passing Parameters to Applets F Conversions Between Applications and Applets F.
Intro to Applets. Applet Applets run within the Web browser environment Applets bring dynamic interaction and live animation to an otherwise static HTML.
1 GUIs, Layout, Drawing Rick Mercer. 2 Event-Driven Programming with Graphical user Interfaces  Most applications have graphical user interfaces (GUIs)
Field Trip #23 Hangman By Keith Lynn. JApplet A JApplet is a top-level container An applet is a small Java program that is executed by another program.
1 GUI programming Graphical user interface-based programming Chapter G1 (pages )
© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 1 Tutorial 2 – Welcome Application Introduction to Graphical.
Creating a Java Application and Applet
1 Applets. 2 What is an applet? Applet: a Java program that can be inserted into a web page and run by loading that page in a browser brings web pages.
© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 1 Outline 27.1 Test-Driving the Drawing Shapes Application.
Introduction to Applets Chapter 21. Applets An applet is a Java application that is intended to be invoked and executed through a Web browser. Click Here.
Rina System development with Java Instructors: Rina Zviel-Girshin Lecture 10.
Chapter 10 - Writing Graphical User Interfaces1 Chapter 10 Writing Graphical User Interfaces.
Lesson 28: More on the GUI button, frame and actions.
© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 1 Outline 28.1 Java Speech API 28.2 Downloading and.
Applets. 9/04/2005 Copyright 2005, by the authors of these slides, and Ateneo de Manila University. All rights reserved L12: Applets Slide 2 Applets Usually.
 2003 Prentice Hall, Inc. All rights reserved. 1 Chapter 3 - Introduction to Java Applets Will not cover Section 3.7 Thinking About Objects: Identifying.
1 Applets Programming. Introduction Java programs are divided into two main categories, applets and applications. An application is an ordinary Java program.
Chapter 14 Applets and More. 2 Contents I. Introduction to Applets II. A Brief Introduction to HTML III. Creating Applets with Swing IV. Using AWT for.
Lecture 09 Applets.
UNIT-5.
Advanced GUIs and Graphics
Presentation transcript:

 2000 Prentice Hall, Inc. All rights reserved. Java Multimedia: Images, Animation, Audio and Video Outline 30.1 Introduction 30.2Loading, Displaying and Scaling Images 30.3Loading and Playing Audio Clips 30.4Animating a Series of Images 30.5Animation Issues 30.6Customizing Applets via the HTML param Tag 30.7Image Maps 30.8Java Plug-In 30.9Internet and World Wide Web Resources

 2000 Prentice Hall, Inc. All rights reserved Introduction Revolution in computer industry –Before, computers used for high-speed calculations –Now, data manipulation important Multimedia –"sizzle" of Java - images, sound, video –CDs, DVDs, video cards –Demands extraordinary computing power Fast processors making multimedia possible Java –Has built-in multimedia capabilities Most programming languages do not –Develop powerful multimedia applications

 2000 Prentice Hall, Inc. All rights reserved. 30.2Loading, Displaying and Scaling Images Java Multimedia –Graphics, images, animations, sounds, and video Begin with images Class Image ( java.awt ) –Abstract class, cannot create an object directly Must request that an Image be loaded and returned to you –Class Applet (superclass of JApplet ) has this method getImage( imageLocation, filename ); imageLocation - getDocumentBase() - URL (address) of HTML file filename - Java supports.gif and.jpg (.jpeg )

 2000 Prentice Hall, Inc. All rights reserved. 30.2Loading, Displaying and Scaling Images (II) Displaying Image s with drawImage –Many overloaded versions g.drawImage( myImage, x, y, ImageObserver ); myImage - Image object x,y - coordinates to display image ImageObserver - object on which image is displayed –Use " this" to indicate the applet –Can be any object that implements ImageObserver interface –g.drawImage( myImage, x, y, width, height, ImageObserver ); width and height - dimensions of image (automatically scaled) –getWidth(), getHeight() - return dimensions of applet

 2000 Prentice Hall, Inc. All rights reserved. 30.2Loading, Displaying and Scaling Images (III) Class ImageIcon –Not an abstract class (can create objects) –Example constructor private ImageIcon myIcon; myIcon = new ImageIcon( "myIcon.gif" ); Displaying Icons with method paintIcon myIcon.paintIcon( Component, Graphics, x, y ) –Component - Component object on which to display image ( this ) –Graphics - Graphics object used to render image ( g ) –x, y - coordinates of Icon

 2000 Prentice Hall, Inc. All rights reserved. 30.2Loading, Displaying and Scaling Images (IV) Usage –ImageIcon s are simpler than Image s Create objects directly No need for ImageObserver reference –However, cannot scale ImageIcon s Scaling –Use ImageIcon method getImage Returns Image reference This can be used with drawImage and be scaled

 2000 Prentice Hall, Inc. All rights reserved. Outline Image Example 1. import 1.1 Declare objects 2. init() 2.1 Initialize objects 3. paint() 3.1 drawImage calls 1// Fig. 30.1: LoadImageAndScale.java 2// Load an image and display it in its original size 3// and scale it to twice its original width and height. 4// Load and display the same image as an ImageIcon. 5import java.applet.Applet; 6import java.awt.*; 7import javax.swing.*; 8 9public class LoadImageAndScale extends JApplet { 10 private Image logo1; 11 private ImageIcon logo2; // load the image when the applet is loaded 14 public void init() 15 { 16 logo1 = getImage( getDocumentBase(), "logo.gif" ); 17 logo2 = new ImageIcon( "logo.gif" ); 18 } // display the image 21 public void paint( Graphics g ) 22 { 23 // draw the original image 24 g.drawImage( logo1, 0, 0, this ); // draw the image scaled to fit the width of the applet 27 // and the height of the applet minus 120 pixels 28 g.drawImage( logo1, 0, 120, 29 getWidth(), getHeight() - 120, this ); // draw the icon using its paintIcon method

 2000 Prentice Hall, Inc. All rights reserved. Outline 3.2 paintIcon call Program Output 32 logo2.paintIcon( this, g, 180, 0 ); 33 } 34}

 2000 Prentice Hall, Inc. All rights reserved. 30.3Loading and Playing Audio Clips Audio clips –Require speakers and a sound board –Sound engine - plays audio clips Supports.au,.wav,. aif,.mid Java Media Framework supports additional formats Playing audio clips –play method in Applet –Plays clip once, marked for garbage collection when finished play( location, soundFileName ); location - getDocumentBase (URL of HTML file) play( soundURL ); soundURL - URL that contains location and filename of clip

 2000 Prentice Hall, Inc. All rights reserved. 30.3Loading and Playing Audio Clips (II) Playing audio clips –Method play from AudioClip interface –More flexible than Applet method play Audio stored in program, can be reused –getAudioClip Returns reference to an AudioClip Same format as Applet method play –getAudioClip( location, filename ) –getAudioClip( soundURL ) –Once AudioClip loaded, use methods play - plays audio once loop - continuous loops audio in background stop - terminates clip that is currently playing

 2000 Prentice Hall, Inc. All rights reserved. Outline 1. import 1.1 Declare objects 2. init 2.1 Set layout 1// Fig. 30.2: LoadAudioAndPlay.java 2// Load an audio clip and play it. 3import java.applet.*; 4import java.awt.*; 5import java.awt.event.*; 6import javax.swing.*; 7 8public class LoadAudioAndPlay extends JApplet { 9 private AudioClip sound1, sound2, currentSound; 10 private JButton playSound, loopSound, stopSound; 11 private JComboBox chooseSound; // load the image when the applet begins executing 14 public void init() 15 { 16 Container c = getContentPane(); 17 c.setLayout( new FlowLayout() ); String choices[] = { "Welcome", "Hi" }; 20 chooseSound = new JComboBox( choices ); 21 chooseSound.addItemListener( 22 new ItemListener() { 23 public void itemStateChanged( ItemEvent e ) 24 { 25 currentSound.stop(); currentSound = 28 chooseSound.getSelectedIndex() == 0 ? 29 sound1 : sound2; 30 } 31 } 32 );

 2000 Prentice Hall, Inc. All rights reserved. Outline 2.2 Add buttons 2.3 Initialize audio clips 3. stop 4. Class ButtonHandler 33 c.add( chooseSound ); ButtonHandler handler = new ButtonHandler(); 36 playSound = new JButton( "Play" ); 37 playSound.addActionListener( handler ); 38 c.add( playSound ); 39 loopSound = new JButton( "Loop" ); 40 loopSound.addActionListener( handler ); 41 c.add( loopSound ); 42 stopSound = new JButton( "Stop" ); 43 stopSound.addActionListener( handler ); 44 c.add( stopSound ); sound1 = getAudioClip( 47 getDocumentBase(), "welcome.wav" ); 48 sound2 = getAudioClip( 49 getDocumentBase(), "hi.au" ); 50 currentSound = sound1; 51 } // stop the sound when the user switches Web pages 54 // (i.e., be polite to the user) 55 public void stop() 56 { 57 currentSound.stop(); 58 } private class ButtonHandler implements ActionListener { 61 public void actionPerformed( ActionEvent e ) 62 { 63 if ( e.getSource() == playSound ) 64 currentSound.play();

 2000 Prentice Hall, Inc. All rights reserved. Outline Program Output 65 else if ( e.getSource() == loopSound ) 66 currentSound.loop(); 67 else if ( e.getSource() == stopSound ) 68 currentSound.stop(); 69 } 70 } 71}

 2000 Prentice Hall, Inc. All rights reserved. 30.4Animating a Series of Images Following example –Use a series of images stored in an array –Use same techniques to load and display ImageIcon s Class Timer –Generates ActionEvents at a fixed interval in milliseconds Timer ( animationDelay, ActionListener ); ActionListener - ActionListener that will respond to ActionEvents –Methods start stop restart isRunning

 2000 Prentice Hall, Inc. All rights reserved. 30.4Animating a Series of Images (II) Method repaint –Calls update, which calls paintComponent Subclasses of JComponent should draw in method paintComponent Call superclass's paintComponent to make sure Swing components displayed properly View area –Width and height specify entire window, not client area –Dimension objects Contain width and height values myDimObject = new Dimension( 100, 200 ); myDimObject.width

 2000 Prentice Hall, Inc. All rights reserved. 30.4Animating a Series of Images (III) getImageLoadStatus –ImageIcon method Determines if image is completely loaded into memory Only complete images should be displayed (smooth animation) –If loaded, returns MediaTracker.COMPLETE –MediaTracker Can determine when images are loaded, or force program to wait if not ImageIcon creates our MediaTracker for us

 2000 Prentice Hall, Inc. All rights reserved. Outline 1. import 1.1 implements ActionListener 1.2 Declare objects 1.3 Constructor 1.4 Initialize ImageIcon array 2. paintComponent 2.1 Call to superclass paintComponent 1// Fig. 30.3: LogoAnimator.java 2// Animation a series of images 3import java.awt.*; 4import java.awt.event.*; 5import javax.swing.*; 6 7public class LogoAnimator extends JPanel 8 implements ActionListener { 9 protected ImageIcon images[]; 10 protected int totalImages = 30, 11 currentImage = 0, 12 animationDelay = 50; // 50 millisecond delay 13 protected Timer animationTimer; public LogoAnimator() 16 { 17 setSize( getPreferredSize() ); images = new ImageIcon[ totalImages ]; for ( int i = 0; i < images.length; ++i ) 22 images[ i ] = 23 new ImageIcon( "images/deitel" + i + ".gif" ); startAnimation(); 26 } public void paintComponent( Graphics g ) 29 { 30 super.paintComponent( g ); 31

 2000 Prentice Hall, Inc. All rights reserved. Outline 2.2 If image loaded, display it ( paintIcon ) 2.3 Increment currentImage 3. actionPerformed 3.1 startAnimation 3.2 stopAnimation 3.3 getMinimumSize 32 if ( images[ currentImage ].getImageLoadStatus() == 33 MediaTracker.COMPLETE ) { 34 images[ currentImage ].paintIcon( this, g, 0, 0 ); 35 currentImage = ( currentImage + 1 ) % totalImages; 36 } 37 } public void actionPerformed( ActionEvent e ) 40 { 41 repaint(); 42 } public void startAnimation() 45 { 46 if ( animationTimer == null ) { 47 currentImage = 0; 48 animationTimer = new Timer( animationDelay, this ); 49 animationTimer.start(); 50 } 51 else // continue from last image displayed 52 if ( ! animationTimer.isRunning() ) 53 animationTimer.restart(); 54 } public void stopAnimation() 57 { 58 animationTimer.stop(); 59 } public Dimension getMinimumSize() 62 { 63 return getPreferredSize(); 64 }

 2000 Prentice Hall, Inc. All rights reserved. Outline 3.4. getPreferredSize 4. main public Dimension getPreferredSize() 67 { 68 return new Dimension( 160, 80 ); 69 } public static void main( String args[] ) 72 { 73 LogoAnimator anim = new LogoAnimator(); JFrame app = new JFrame( "Animator test" ); 76 app.getContentPane().add( anim, fBorderLayout.CENTER ); app.addWindowListener( 79 new WindowAdapter() { 80 public void windowClosing( WindowEvent e ) 81 { 82 System.exit( 0 ); 83 } 84 } 85 ); // The constants 10 and 30 are used below to size the 88 // window 10 pixels wider than the animation and 89 // 30 pixels taller than the animation. 90 app.setSize( anim.getPreferredSize().width + 10, 91 anim.getPreferredSize().height + 30 ); 92 app.show(); 93 } 94}

 2000 Prentice Hall, Inc. All rights reserved. Outline Program Output

 2000 Prentice Hall, Inc. All rights reserved. 30.5Animation Issues Storing images –Interlaced/non-interlaced formats Specifies order in which pixels are stored Non-interlaced - pixels stored in order they appear on screen –Image appears in chunks from top to bottom as it is loaded Interlaced - pixels stored in rows, but out of order –Image appears to fade in and become more clear Animation flickers –Due to update being called in response to repaint –In AWT GUI components Draws filled rectangle in background color where image was Draw image, sleep, clear background (flicker), draw next image... –Swing's JPanel overrides update to avoid this

 2000 Prentice Hall, Inc. All rights reserved. 30.5Animation Issues (II) Double buffering –Used to smooth animations –Program renders one image on screen Builds next image in off-screen buffer –When time to display next image, done smoothly Partial images user would have seen (while image loads) are hidden All pixels for next image displayed at once –Space/Time tradeoff Reduces flicker, but can slow animation speed and uses more memory –Used by Swing GUI components by default

 2000 Prentice Hall, Inc. All rights reserved. 30.6Customizing Applets via the HTML param Tag Applets –Customize through parameters in HTML file that invokes it –Invokes applet LogoApplet –param tags Each has a name and a value Use Applet method getParameter (returns a String ) parameter = getParameter( "animationdelay" );

 2000 Prentice Hall, Inc. All rights reserved. 30.6Customizing Applets via the HTML param Tag (II) Following example –Use the LogoAnimator class as before, but modified slightly –Create Applet LogoApplet Takes parameters Creates LogoAnimator object using the parameters Plays animation

 2000 Prentice Hall, Inc. All rights reserved. Outline 1. import 1.1 LogoAnimator class as before 1.2 Constructor to allow customization 1// Fig. 30.4: LogoAnimator.java 2// Animating a series of images 3import java.awt.*; 4import java.awt.event.*; 5import javax.swing.*; 6 7public class LogoAnimator extends JPanel 8 implements ActionListener { 9 protected ImageIcon images[]; 10 protected int totalImages = 30, 11 currentImage = 0, 12 animationDelay = 50; // 50 millisecond delay 13 protected String imageName = "deitel"; 14 protected Timer animationTimer; public LogoAnimator() 17 { 18 initializeAnim(); 19 } // new constructor to support customization 22 public LogoAnimator( int num, int delay, String name ) 23 { 24 totalImages = num; 25 animationDelay = delay; 26 imageName = name; initializeAnim(); 29 } private void initializeAnim() 32 {

 2000 Prentice Hall, Inc. All rights reserved. Outline 2. Methods as before 33 images = new ImageIcon[ totalImages ]; for ( int i = 0; i < images.length; ++i ) 36 images[ i ] = new ImageIcon( "images/" + 37 imageName + i + ".gif" ); // moved here so getPreferredSize can check the size of 40 // the first loaded image. 41 setSize( getPreferredSize() ); startAnimation(); 44 } public void paintComponent( Graphics g ) 47 { 48 super.paintComponent( g ); if ( images[ currentImage ].getImageLoadStatus() == 51 MediaTracker.COMPLETE ) { 52 images[ currentImage ].paintIcon( this, g, 0, 0 ); 53 currentImage = ( currentImage + 1 ) % totalImages; 54 } 55 } public void actionPerformed( ActionEvent e ) 58 { 59 repaint(); 60 } public void startAnimation() 63 { 64 if ( animationTimer == null ) {

 2000 Prentice Hall, Inc. All rights reserved. Outline 2. Methods as before 65 currentImage = 0; 66 animationTimer = new Timer( animationDelay, this ); 67 animationTimer.start(); 68 } 69 else // continue from last image displayed 70 if ( ! animationTimer.isRunning() ) 71 animationTimer.restart(); 72 } public void stopAnimation() 75 { 76 animationTimer.stop(); 77 } public Dimension getMinimumSize() 80 { 81 return getPreferredSize(); 82 } public Dimension getPreferredSize() 85 { 86 return new Dimension( images[ 0 ].getIconWidth(), 87 images[ 0 ].getIconHeight() ); 88 } public static void main( String args[] ) 91 { 92 LogoAnimator anim = new LogoAnimator(); JFrame app = new JFrame( "Animator test" ); 95 app.getContentPane().add( anim, BorderLayout.CENTER ); 96

 2000 Prentice Hall, Inc. All rights reserved. Outline 97 app.addWindowListener( 98 new WindowAdapter() { 99 public void windowClosing( WindowEvent e ) 100 { 101 System.exit( 0 ); 102 } 103 } 104 ); app.setSize( anim.getPreferredSize().width + 10, 107 anim.getPreferredSize().height + 30 ); 108 app.show(); 109 } 110} 111// Fig. 30.4: LogoApplet.java 112// Customizing an applet via HTML parameters 113// 114// HTML parameter "animationdelay" is an int indicating 115// milliseconds to sleep between images (default 50). 116// 117// HTML parameter "imagename" is the base name of the images 118// that will be displayed (i.e., "deitel" is the base name 119// for images "deitel0.gif," "deitel1.gif," etc.). The applet 120// assumes that images are in an "images" subdirectory of 121// the directory in which the applet resides. 122// 123// HTML parameter "totalimages" is an integer representing the 124// total number of images in the animation. The applet assumes 125// images are numbered from 0 to totalimages - 1 (default 30). 126

 2000 Prentice Hall, Inc. All rights reserved. Outline Applet 1. init 1.1 Initialize objects from parameters 1.2 Supply variables to constructor 2. Set layout 127import java.awt.*; 128import javax.swing.*; public class LogoApplet extends JApplet{ 131 public void init() 132 { 133 String parameter; parameter = getParameter( "animationdelay" ); 136 int animationDelay = ( parameter == null ? 50 : 137 Integer.parseInt( parameter ) ); String imageName = getParameter( "imagename" ); parameter = getParameter( "totalimages" ); 142 int totalImages = ( parameter == null ? 0 : 143 Integer.parseInt( parameter ) ); // Create an instance of LogoAnimator 146 LogoAnimator animator; if ( imageName == null || totalImages == 0 ) 149 animator = new LogoAnimator(); 150 else 151 animator = new LogoAnimator( totalImages, 152 animationDelay, imageName ); setSize( animator.getPreferredSize().width, 155 animator.getPreferredSize().height ); 156 getContentPane().add( animator, BorderLayout.CENTER );

 2000 Prentice Hall, Inc. All rights reserved. Outline 3. startAnimation animator.startAnimation(); 159 } 160}

 2000 Prentice Hall, Inc. All rights reserved. 30.7Image Maps Image map –Image that has hot areas User can click to accomplish a task –Bubble help When mouse over particular point in screen, small message displayed in status bar In the following example –Load several images –Use event handler mouseMoved to find x-coordinate –Based on the x-coordinate, display a message

 2000 Prentice Hall, Inc. All rights reserved. Outline 1. import 1.1 Declare objects 2. init 2.1 addMouseListener 2.2 Initialize ImageIcon 1// Fig. 30.5: ImageMap.java 2// Demonstrating an image map. 3import java.awt.*; 4import java.awt.event.*; 5import javax.swing.*; 6 7public class ImageMap extends JApplet { 8 private ImageIcon mapImage; 9 private int width, height; public void init() 12 { 13 addMouseListener( 14 new MouseAdapter() { 15 public void mouseExited( MouseEvent e ) 16 { 17 showStatus( "Pointer outside applet" ); 18 } 19 } 20 ); addMouseMotionListener( 23 new MouseMotionAdapter() { 24 public void mouseMoved( MouseEvent e ) 25 { 26 showStatus( translateLocation( e.getX() ) ); 27 } 28 } 29 ); mapImage = new ImageIcon( "icons2.gif" ); 32 width = mapImage.getIconWidth();

 2000 Prentice Hall, Inc. All rights reserved. Outline 3. paint 4. translateLocation 4.1 Display message depending on x 33 height = mapImage.getIconHeight(); 34 setSize( width, height ); 35 } public void paint( Graphics g ) 38 { 39 mapImage.paintIcon( this, g, 0, 0 ); 40 } public String translateLocation( int x ) 43 { 44 // determine width of each icon (there are 6) 45 int iconWidth = width / 6; if ( x >= 0 && x <= iconWidth ) 48 return "Common Programming Error"; 49 else if ( x > iconWidth && x <= iconWidth * 2 ) 50 return "Good Programming Practice"; 51 else if ( x > iconWidth * 2 && x <= iconWidth * 3 ) 52 return "Performance Tip"; 53 else if ( x > iconWidth * 3 && x <= iconWidth * 4 ) 54 return "Portability Tip"; 55 else if ( x > iconWidth * 4 && x <= iconWidth * 5 ) 56 return "Software Engineering Observation"; 57 else if ( x > iconWidth * 5 && x <= iconWidth * 6 ) 58 return "Testing and Debugging Tip"; return ""; 61 } 62}

 2000 Prentice Hall, Inc. All rights reserved. Outline Program Output

 2000 Prentice Hall, Inc. All rights reserved. 30.8Java Plug-In Web browsers –Many different browser versions –Most support Java 1.0 and 1.1, but few support Java 2 Inconsistent support of 1.1 –To use Java 2 in an applet, use the Java Plug-in Bypasses browser's Java support Installs complete version of Java Runtime Environment on user's computer Large file - ideal for corporate intranets and high-speed networks

 2000 Prentice Hall, Inc. All rights reserved. 30.8Java Plug-In (II) Using the Plug in with applets –The, and tags must be converted Must indicate that Plug-in should be used to execute applet –Java Plug-in 1.2 HTML Converter Performs conversion for us –Execution In install directory type java HTMLConverter Select file to convert and type of conversion

 2000 Prentice Hall, Inc. All rights reserved. 30.9Internet and World Wide Web Resources Internet and web resources for Java Media Framework Download and documentation for JMF jmf/forDevelopers/ Site for javax.media API descriptions Downloadable image, audio, and video galleries –Test your multimedia programs