Contents MULTIMEDIA –Audio –Video –Animation –PDF.

Slides:



Advertisements
Similar presentations
Copyright © 2003 Pearson Education, Inc. Slide 4-1 Created by Cheryl M. Hughes The Web Wizards Guide to XML by Cheryl M. Hughes.
Advertisements

PowerPoint © Media Examples This Presentation Explores How Various Media Types are Handled in PowerPoint © and as a Web Page.
Computer Fundamentals Multimedia MSCH 233 Lecture 10.
Chapter 11 Media and Interactivity Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
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.
Chapter 11 Media and Interactivity Basics Key Concepts
Charmaine NormanCopyright What Is a Web Page Presented by Webpagemaker. Net Left click your mouse to view each frame, Web Page.
Section 9.1 Identify multimedia design guidelines Identify sources of multimedia files Explain the ethical use of multimedia files Describe multimedia.
HTML 5 and CSS 3, Illustrated Complete Unit K: Incorporating Video and Audio.
 Multimedia is everything you can hear or see: texts, books, pictures, music, sounds, CDs, videos, DVDs, Records, Films, and more.  Multimedia comes.
3.02 Publishing Animations
INF Web Design Using Multimedia on the Web Video - Part 1.
Embedding Multimedia Content in WebPages Seth Subramanian.
Multimedia on the Web. Audio Video Animation Interactivity Plug-ins in the users’ computer –Real Player (.ram,.rpm,.avi) –Quicktime (.mov) –Shockwave.
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.
COS 125 DAY 27. Agenda Assignment # 8 Due April 27 Assignment #9 Posted in Webct  Last one!!!!  Due May 4, 8AM Exam #5 is April 30  Castro Chap13,
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
Section 9.1 Section 9.2 YOU WILL LEARN TO…
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 11 Adding Media and Interactivity. Flash is a software program that allows you to create low-bandwidth, high-quality animations and interactive.
Video on the Web. The Evolution of web video formats… WebM (Supported by Google) Ogg (Supported by Theora) Mp4 (h264 video encoding) WebM (Supported by.
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.
EDUU 551 Educational Applications of Computers Instructor: Steve Gibbs Week 8 Walnut Creek.
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.
Unit 8.2 / Lesson 1 / presentation1a Web Elements.
1 Lecture 12: Multimedia Not in Web 101 Text  Important Multimedia Issues  Audio  Movies and Video  Multimedia and HTML Documents.
Session 9: Multimedia J 0394 – Perancangan Situs Web Program Studi Manajemen Program Studi Manajemen Universitas Bina Nusantara.
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 Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 1 Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and Applets Tutorial.
Introduction to Web Design Web publishing HTML basics Web design principles Multimedia on the Web.
Sound or Audio, whichever you prefer –MIDI Files.midi or.mid (Musical Instrument Digital Interface) use for instrumental music. –This format is supported.
HTML Use of Multimedia on web page. HTML Media Q. How to call Image file in our web page ? A. That is the easy syntax for defining an image. 2.
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.
Chapter 2 The Internet. Evolution of the Internet History of the internet.
GIF - Graphics Interchange Format JPEG - Joint Photographic Experts Group PNG - Portable Network Graphics GIF images are limited to the 8 bit palette which.
Supplementary Materials on Web Authoring. Insert Anchors & Add Hyperlinks Insert other multimedia elements: Flash animations Video clips & Audio clips.
Multimedia From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 1 Introduction Important Multimedia Issues Audio Movies.
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.
Adding Multimedia to Expression Web Module 5: Beyond the Basics with Expression Web LESSON Ext2.
Multimedia Web Pages. Multimedia displays Browser can load web pages that contains multimedia elements 1. Helper applications: stand-alone programs that.
Using Plug-Ins Adding Multimedia to an HTML Document.
Real Audio File Link:.RA file Open blank page Open “Windows Explorer” Find and Move the file onto your PowerPoint page (This screen connected to a WEB.
Embedding Multimedia in Web Pages  Multimedia is a popular buzzword for sound, motion video, and interactive animation.  Some problems or obstacles.
Multimedia. What is multimedia? Multimedia is everything you can hear or see: texts, books, pictures, music, sounds, CDs, videos, DVDs, Records, Films,
Chapter 11 Adding Media and Interactivity. Chapter 11 Lessons Introduction 1.Add and modify Flash objects 2.Add rollover images 3.Add behaviors 4.Add.
CS 200 Multimedia Objects in Web Pages. MultiMedia Objects Three primary types of multimedia objects  Audio  Video Includes Flash Objects  Images.
Chapter 8 Adding Multimedia Content to Web Pages HTML5 & CSS 7 th Edition.
Multimedia Multimedia obuhvata sve što može da se vidi, čuje, pročita Multimedijalni sadržaji mogu biti u različitim formatima Podrška Internet browser-ima.
CHAPTER 8 Multimedia 1. Using Multimedia ❖ Multimedia: the combination of text, sound, and video to express an idea or convey a message. ❖ Podcasts: a.
Section 9.1 Section 9.2 YOU WILL LEARN TO…
Section 9.1 Section 9.2 Identify multimedia design guidelines
Using Multimedia on the Web
HOW FLASH WORKS The Flash authoring environment is used to create Flash movies The .fla file is exported to a format called .swf The .swf file is.
Digital Video File Formats
Learn HTML Basics Lesson No : 10
Web Programming– UFCFB Lecture 8
Tutorial 7 Working with Multimedia
HTML5 Level II Session II
Integrating Multimedia: Sound, Video and More
HTML5 Media.
Client-Side Internet and Web Programming
DREAMWEAVER MX 2004 Chapter 9 Adding Media Elements
Working with Multimedia
Lesson 5: Multimedia on the Web
Web Programming– UFCFB Lecture 8
Presentation transcript:

Contents MULTIMEDIA –Audio –Video –Animation –PDF

Audio Sound is a vital element of true multimedia Web pages. Audio format files are: –Wav –Wma –Mp3 –Midi –Wma –Au –Aiff –Rm/ RAM

Audio format The WAV and MP3 are the most popular sound format Supported by all popular browsers. High-quality audio files across the Internet

Download or Play Online Download Audio Site: Online Audio Site: How to put Download Link on a webpage It is the same as we link any webpage to our site Will use normal tag srcHere use audio file or path in src attribute

Download Audio Click here to download MP3 song Click here to download WAV song

Play Audio Online Play background sound user has no direct control over the volume or the playback of the sound tag is used. Open tag If Value of volume is –10,000, sound will be off.

RealAudio For playing Real Audio files on site, clients should install Realmedia plug-in in their web browser. Embedding RealAudio on site or tag are used

Using Embed tag If embed code does not supported This element will execute

Using Object tag <object id="robotdrone" classid="clsid:CFCDAA03-8BE4-11cf-B84B- 0020AFBBCCFA width="75" height="30">

clsid:CFCDAA03-8BE4-11cf-B84B- 0020AFBBCCFA This attribute is important it tells the browser about which version of realmedia palyer should be use.

Videos Different video format are used. Avi Wmv Mpeg Mov flv

Download link for Video file Click here to download This Mov Video song Click here to download This Video song It is the same as we link audio file before…

Play Online Videos <OBJECT id="VIDEO" width="320" height="240" CLASSID="CLSID:6BF52A52-394A-11d3-B C04F79FAA6"> CLASSID="CLSID:6BF52A52-394A-11d3-B C04F79FAA6“ tells the browser about version of media player to be used.

Param tag used Tells the path or file name which to be played Auto play movie We can disable Media player control using this code

<object id="VIDEO" width="320" height="240" CLASSID="CLSID:6BF52A52-394A-11d3-B C04F79FAA6"> Click here to download above video

Browser result

Embed youtube video

Use Object tag for mov/rm video We can also embed rm video, mov video by using object tag. For rm, we will use value of classid for realplayer For mov format we have to use clasid of quick time player i.e: classid= "clsid:02BF25D5-8C17-4B23-BC80- D3488ABDDC6B" and in param we will use.mov file name/path

Animation Buy now! Netscape or Firefox support this tag. Internet Explorer does not support this tag Can be used in Cascading Style Sheet Buy Now!

Marquee text will move It is used to move text in a webpage Direction attribute is used to set the direction Behavior attribute is used to set alternate/slide/scroll behavior of marquee text Mozilla-based browsers support, they do not support all of its attributes, such as scrolldelay, direction

Marquee <marquee bgcolor="yellow" behavior="alternate" direction="right" loop="6" scrollamount="1" title=“Multimedia presetation" width="80%"> Presentation by Aatif and Sheraz

Animated GIFs You have to create gif images format instead of using Jpg images on your webpage.

Gif movgear GIF Movie Gear adds powerful tools to help you get your animations in gear. This is a professional level tool for the web designer or anyone who works with animations.

Insert Flash <embed src="test.swf" id="flash1" name="flash1“ width="320" height="240" bgcolor="#ffffff" type="application/x-shockwaveflash" pluginspage=" r">

Download PDF Read/Download this PDF Book Read/Download this PDF Book