XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 1 Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and Applets Tutorial.

Slides:



Advertisements
Similar presentations
 2004 Prentice Hall, Inc. All rights reserved. Chapter 28 – Multimedia: Audio, Video, Speech Synthesis and Recognition Outline 28.1 Introduction 28.2.
Advertisements

Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and Applets.
CNIT 132 – Week 9 Multimedia. Working with Multimedia Bandwidth is a measure of the amount of data that can be sent through a communication pipeline each.
1 Multimedia on the Web: Issues of Bandwidth Bandwidth is a measure of the amount of data that can be sent through a communication pipeline each second.
Section 9.1 Identify multimedia design guidelines Identify sources of multimedia files Explain the ethical use of multimedia files Describe multimedia.
© De Montfort University, Synchronised Presentations using Windows Media Howell Istance School of Computing De Montfort University.
 Multimedia is everything you can hear or see: texts, books, pictures, music, sounds, CDs, videos, DVDs, Records, Films, and more.  Multimedia comes.
3.02C Multimedia Fair Uses Guidelines and Elements
INF Web Design Using Multimedia on the Web Video - Part 1.
Chapter Concepts Review Markup Languages
XP Creating Web Pages with HTML, 3e Prepared by: C. Hueckstaedt, Tutorial 10 1 New Perspectives on Creating Web Pages with HTML Tutorial 10: Creating a.
M ULTIMEDIA ON THE W EB. Multimedia Purpose of Multimedia Multimedia Issues Animation Digital Audio fundamentals Browser Plug-ins Java Applets.
Web site Design: Using Multimedia Multimedia file formats on the web Basic Multimedia application on the web –A simple page with sound and music –A simple.
Tutorial 9 Working with XHTML. XP Objectives Describe the history and theory of XHTML Understand the rules for creating valid XHTML documents Apply a.
Tutorial 8 Designing a Web Site with Frames. XP Objectives Explore the uses of frames in a Web site Create a frameset consisting of rows and columns of.
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
XP 1 Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and Applets Tutorial 8.
Developing a Basic Web Page with HTML
XP Tutorial 5New Perspectives on HTML, XHTML, and DHTML, Comprehensive 1 Designing a Web Site with Frames Using Frames to Display Multiple Web Pages Tutorial.
Audio and Video on the Web Sec 5-12 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Session: 11. © Aptech Ltd. 2HTML5 Audio and Video / Session 11  Describe the need for multimedia in HTML5  List the supported media types in HTML5 
Chapter 14-Designing for the World Wide Web. Overview Introducing multimedia on the Web. Designing text for the Web. Creating images for the Web. Adding.
Introduction to Interactive Media 10: Audio in Interactive Digital Media.
Copyright © 2012 Certification Partners, LLC -- All Rights Reserved Lesson 5: Multimedia on the Web.
Multimedia and Web Technology Prepared by: Asst. Prof. Maryam Eskandari.
XP Tutorial 6New Perspectives on HTML and XHTML, Comprehensive 1 Creating Web Page Forms Designing a Product Registration Form Tutorial 6.
Working with Cascading Style Sheets. Introducing Cascading Style Sheets Style sheets are files or forms that describe the layout and appearance of a document.
XP Tutorial 7New Perspectives on Creating Web Pages with HTML, XHTML, and XML 1 Working with Cascading Style Sheets Creating a Style for Online Scrapbooks.
Tutorial 7 Working with Multimedia. XP Introducing Multimedia Bandwidth is a measure of the amount of data that can be sent through a communication pipeline.
CSCI N241: Fundamentals of Web Design Copyright ©2004  Department of Computer & Information Science Adding Sound.
1 Web Developer Foundations: Using XHTML Chapter 10 Helper Applications and Plug-in Concepts.
Audio and Video CGS Some Common Audio Formats Format Use Extension MIDI instrumental music.mid MPEG songs.mp3 RealAudio live broadcasts.ra Wave.
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
XP Mohammad Moizuddin Creating Web Pages with HTML Tutorial 1 1 New Perspectives on Creating Web Pages With HTML Tutorial 1: Developing a Basic Web Page.
Tutorial 8 Designing a Web Site with Frames. XP Objectives Explore the uses of frames in a Web site Create a frameset consisting of rows and columns of.
XP Tutorial 8New Perspectives on Creating Web Pages with HTML, XHTML, and XML 1 Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and.
Tutorial 7 Working with Multimedia
Tutorial 7 Designing a Multimedia Web Site
Creating Web Documents alt attribute Good and bad uses of ‘multimedia’ Sound files Homework: Discuss with me AND post announcement of Project II. Forms.
Tutorial 7 Working with Multimedia. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Explore various multimedia applications.
Tutorial 7 Working with Multimedia. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Explore various multimedia applications.
Tutorial 7 Planning and Creating a Flash Web Site.
Tutorial 8 Designing a Web Site with Frames. 2New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives Explore the uses of frames.
Multimedia Web Pages. Multimedia displays Browser can load web pages that contains multimedia elements 1. Helper applications: stand-alone programs that.
HTML 5 Tutorial Chapter 3 Video. Video HTML 5.0 provides a standard for showing video. Using the element we can easily embed video within our web page.
Multimedia: Audio and Video Kyle Hawver. BGSOUND element Should be placed in the HEAD section of the HTML document Has 4 key properties: – SRC – URL of.
Using Plug-Ins Adding Multimedia to an HTML Document.
Web Pages with Features. Features on Web Pages Interactive Pages –Shows current date, get server’s IP, interactive quizzes Processing Forms –Serach a.
XP Tutorial 7 Creating a Flash Web Site. XP New Perspectives on Macromedia Flash 82 Objectives Plan and create a Flash Web site Create a Flash template.
1 CSC317/318 INTERNET PROGRAMING / DYNAMIC WEB APPLICATION DEVELOPMENT Siti Nurbaya Ismail Faculty of Computer Science & Mathematics, Universiti Teknologi.
XP Review 1 New Perspectives on JavaScript, Comprehensive1 Introducing HTML and XHTML Creating Web Pages with HTML.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
Tutorial 9 Working with XHTML. XP Objectives Describe the history and theory of XHTML Understand the rules for creating valid XHTML documents Apply a.
Chapter 8 Adding Multimedia Content to Web Pages HTML5 & CSS 7 th Edition.
CHAPTER 8 Multimedia 1. Using Multimedia ❖ Multimedia: the combination of text, sound, and video to express an idea or convey a message. ❖ Podcasts: a.
XP Tutorial 7New Perspectives on HTML and XHTML, Comprehensive 1 Working with Cascading Style Sheets Creating a Style for Online Scrapbooks Tutorial 7.
Outline Introduction Audio and Video
Web Design, 5 th Edition 6 Multimedia and Interactivity Elements.
Working with Cascading Style Sheets
Using Multimedia on the Web
Embedding Media into Web Pages
Tutorial 8 Designing a Web Site with Frames
Tutorial 7 Working with Multimedia
New Perspectives on Creating Web Pages with HTML
Integrating Multimedia: Sound, Video and More
Outline Introduction Audio and Video
Tutorial 8 Designing a Web Site with Frames
Working with Multimedia
About Multimedia Files
Tutorial 3 Working with Cascading Style Sheets
Presentation transcript:

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 1 Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and Applets Tutorial 8

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 2 Objectives Working with Multimedia Working with Audio Linking to an Audio Clip Embedding an Audio Clip

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 3 Objectives Working with Video Linking to a Video Clip Embedding a Video Clip Using a Dynamic Source Supporting Non-Embedded elements

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 4 Objectives Introducing Java Working with Applets Creating a Marquee with Internet Explorer Working with the Object Element

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 5 Working with Multimedia Bandwidth is a measure of the amount of data that can be sent through a communication pipeline each second. –Consider bandwidth when working with multimedia on a Web site

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 6 Working with Multimedia Multimedia can be added to a Web page two different ways: –External media is a sound of video file that’s accessed through a link. Useful for a low bandwidth –Inline media is placed within a Web page as an embedded object

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 7 Working with Multimedia Inline media External media

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 8 Working with Audio Every sound wave is composed of two components: –Amplitude- the height of the wave. Amplitude relates to the sound’s volume (the higher the amplitude, the louder the sound). –Frequency- the speed at which the sound wave moves. Frequency relates to sound pitch (high frequencies have high pitches).

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 9 Working with Audio

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 10 Sampling Rate, Sample Resolution, and Channels Sound waves are analog functions (represent a continuously varying signal). –To store the information, however, it must be converted to pieces of information. Digital recording measures the sound’s amplitude at discrete moments in time. –Each measurement is called a sample. Samples per second taken is called the sampling rate

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 11 Sampling Rate Low sampling rate Medium sampling rate High sampling rate

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 12 Sampling Rate, Sample Resolution, and Channels Sampling resolution indicates the precision in measuring the sound within each sample. –8-bit –16-bit –32-bit

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 13 Sample Resolution Low sample resolution High sample resolution

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 14 Sound File Formats There are different sound file formats used for different operating systems. Different file formats provide varying levels of sound quality and sound compression.

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 15 Sound File Formats WAV Nonstreaming media Streaming media MIDI

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 16 Linking to an Audio Clip Inserting links to the sound clips

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 17 Embedding an Audio Clip An embedded object is any media clip, file, program, or other object that can be run or viewed from within a Web page. –Browsers need the appropriate plug-ins to run embedded objects

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 18 Playing Background Sounds Internet Explorer (with Version 3.0) introduced an element to play background sounds: <bgsound src=“url” balance=“value” loop=“value” volume=“value” /> Where url is the URL of the sound file, the balance attribute defines how the sound should be balanced between left and right speakers, loop defines how many times the sound clip is played, and the volume attribute indicates the background sound volume.

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 19 Working with Video Video files add a visual element to a Web page as well as provide information. Video files are composed of a series of single images called frames. The number of frames shown in a period of time is the frame rate.

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 20 Frame Rates and Codecs Reducing the frame rate reduces the size of your file. –This is one way to control file size of video files. Using a Codec (compression/decompression) is another way to control the file size.

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 21 Video File Formats

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 22 Linking to a Video Clip Follow the same procedure to link a video clip as you would to link a sound clip.

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 23 Embedding a Video Clip Use the same embed element to embed a video file as you did to embed a sound clip.

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 24 Using a Dynamic Source To turn inline images into dynamic video clips, use the following syntax: <img src=“url” dynsrc=“url” start=“type” loop=“value” control=“control” /> Where the dynsrc attribute specifies the URL of a dynamic (video) version of the inline image. The start attribute tells the browser when to start the clip, the loop attribute specifies the number of times the video will play, and the control attribute specifies whether IE should display player controls below the inline image to start and stop the video clip.

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 25 Supporting Non-Embedded Elements To provide alternate content for browsers that don’t support embedded objects, use the code alternate content where alternate content is the content displayed by browsers that don’t support embedded objects.

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 26 Introducing Java Oak was developed by Sun Microsystems as an operating system intended to be used by common appliances and devices. Oak was renamed Java in HotJava runs programs written in the Java language. –HotJava is a Java interpreter (it understands and runs Java languages)

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 27 Applets and Java Interpreters

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 28 Applets Applets are displayed as embedded objects on a Web page in an applet window. Use a Java Developer’s Kit (JDK) to write your own Java applet. Compiling changes the file into an executable file that can run by itself without the JDK. –The executable file is called a class file.

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 29 Working with Applets Attributes of the applet element

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 30 Creating a Marquee with Internet Explorer An alternative to using an applet to create a box with scrolling text is to create a marquee element. content Where attributes is one or more of the marquee elements, and content is the page content that appears in the marquee box.

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 31 Working with the Object Element The object element is the generic element for any object whose content is stored in a file separate from the current Web page. –Inline images –Sound clips –Video clips –Program applets –Other HTML documents

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 32 Working with the Object Element Specific and generic elements

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 33 Working with the Object Element MIME (Multipurpose Internet Mail Extension) names are used to indicate the type of data using the type attribute in an object element.

XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 34 ActiveX ActiveX attaches desktop applications to Web pages. ActiveX objects are referred to as ActiveX controls.