Embedding Multimedia Content in WebPages Seth Subramanian.

Slides:

Advertisements

Similar presentations

Workshop Servers (Server Software) Browsers Media Delivery Technologies: o Flash o QuickTime o Windows Media o Real. New Internet technology: XML XHTML.

Advertisements

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

3.01C Multimedia Elements and Guidelines 3.01 Explore multimedia systems, elements and presentations.

The Keys to Speed. File Extensions Definition A tag of three or four letters, preceded by a period, which identifies a data file's format or the application.

2.02F Publishing Animated Videos 2.02 Develop Computer Animations.

Chapter 11 Media and Interactivity Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.

Chapter 11 Media and Interactivity Basics Key Concepts

HTML Structure & Web Design Basics

Charmaine NormanCopyright What Is a Web Page Presented by Webpagemaker. Net Left click your mouse to view each frame, Web Page.

1 Introduction to Computer Science بسم الله الرحمن الرحيم MULTIMEDIA LEVEL -9 King Khalid University Kingdom of Saudi Arabia Ministry of Higher Education.

Sounds, Images & Other Objects Website Production.

 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.

Multimedia on the Web. Audio Video Animation Interactivity Plug-ins in the users’ computer –Real Player (.ram,.rpm,.avi) –Quicktime (.mov) –Shockwave.

M ULTIMEDIA ON THE W EB. Multimedia Purpose of Multimedia Multimedia Issues Animation Digital Audio fundamentals Browser Plug-ins Java Applets.

Computers Going Online Internet Browsers Browsers retrieve and view Internet-based information interact with servers download and upload information ©

Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.

HYPERTEXT MARKUP LANGUAGE (HTML)

Section 9.1 Section 9.2 YOU WILL LEARN TO…

Skill Area 212 Introduction to Multimedia Internet and MultiMedia for SC 2.

Using Multimedia on the Web

Web Development & Design Foundations with XHTML Chapter 11 Key Concepts.

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 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.

2.02G Publishing Animated Videos 2.02 Develop Computer Animations.

Lights, Camera, Action! The Role of Multimedia in Web Applications Leading Multimedia Formats in Use Today What You Need to Know to Include Them in Your.

Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.

Chapter 13-Tools for the World Wide Web. Overview Web servers. Web browsers. Web page makers and site builders. Plug-ins and delivery vehicles. Beyond.

Chapter 7 Multimedia on the Internet. Audio on the Internet Music, sound clips, radio, voices Downloading Audio (File Size) Sound Software + Sound Card.

Audio and Video on the Web Presentation by Cheryl Deas and Pasha Souvorin Multimedia for Web Designers.

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.

Contents MULTIMEDIA –Audio –Video –Animation –PDF.

1.1 What is Multimedia Multimedia

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.

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.

Lesson 31: Plug-Ins and Java Applets. Objectives Apply plug-in/viewer technology to Web pages to support various file types Create rich media streaming.

File Format. Graphics file Format GIF (Graphics Interchange Format) JPEG (Joint Photographic Experts Group) PNG (Portable Network Graphics) TIFF (Tag.

File Format. Graphic file Format GIF –cross-platform compatibility –developed by CompuServe as a common format for exchanging bitmapped images between.

Multimedia Web Pages. Multimedia displays Browser can load web pages that contains multimedia elements 1. Helper applications: stand-alone programs that.

Contents : What is Silverlight? Silverlight Overview Silverlight Toolkit Overview Timeline & Packaging Silverlight V1.0 & V1.1 Properties of V1.0 Properties.

Chapter 10. The Role of Video in Multimedia  Any presentation or application that uses sound and graphics qualifies as multimedia  Clip A segment of.

Multimedia. What is multimedia? Multimedia is everything you can hear or see: texts, books, pictures, music, sounds, CDs, videos, DVDs, Records, Films,

Multimedia in Web Introduction. Multimedia Elements in Web Page Images Voice Music Animation Video Text & Numbers.

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.

Tutorial 7 Adding Behaviors and Rich Media. Objectives Session 7.1 – Learn about behaviors – Add behaviors to a page – Add a custom script to a page Session.

CHAPTER 8 Multimedia 1. Using Multimedia ❖ Multimedia: the combination of text, sound, and video to express an idea or convey a message. ❖ Podcasts: a.

Part A Multimedia Production

Section 9.1 Section 9.2 YOU WILL LEARN TO…

Section 9.1 Section 9.2 Identify multimedia design guidelines

Digital Video File Formats

Web Programming– UFCFB Lecture 8

3.02 Publishing Animations

Tutorial 7 Working with Multimedia

David Zepeda Information Architecture and Design I Fall 2005

2.02G Publishing Animated Videos

2.02F Publishing Animated Videos

3.01F Publishing Animated Videos

3.01C Multimedia Fair Uses Guidelines and Elements

Integrating Multimedia: Sound, Video and More

Lesson 5: Multimedia on the Web

Web Programming– UFCFB Lecture 8

(c) V/2-Com (Verhaart) Multimedia Elements & standards 4/15/2019 (c) V/2-Com (Verhaart)

Presentation transcript:

Embedding Multimedia Content in WebPages Seth Subramanian

Defining Multimedia Multimedia is pictures, sounds, music, animations and videos. Multimedia comes in many different formats. Modern Internet browsers support many multimedia format.

Multimedia Formats Picture Formats: GIF, JPEG, PNG, TIFF. Sound Formats: MIDI, WAVE, WMA, RAM, MP3. Video Formats: AVI, WMV, MPEG, MOV, RM, SWF.

Media on the Web Inline method. Using Element.

Object vs. Embed Object is implemented through ActiveX. Works in only in Internet Explorer. Object is a legal W3C tag. Embed is a cross- platform solution. No external plug-in like ActiveX. Supported by all browsers. Embed tag has been deprecated.

Solution Use them both: examplesexamples

Cross-Platform Media Know your users – Windows Vs. Macs. Using QuickTime for Mac Users. ShockWave Flash(SWF) and Flash Video(FLV).

QuickTime - Tips and tricks Prepare the QuickTime movie file for streaming. Create a “poster frame” for the QuickTime Object. Add “Click to Play” message.

Flash Movies and Video Flash supports bi-directional streaming of audio and video. Types available: –SWF (video content embedded in a Flash timeline). –FLV (video content is kept external).

Video Delivery Embedded video. Progressive download. Streaming video.

Streaming Multimedia What is a ‘stream’? -Transferring data such that it can be processed as a steady and continuous stream. -Uses RTSP (Real- Time Streaming Protocol).

Streaming Formats Microsoft’s Windows Media. –MMS (Multimedia Messaging Service) QuickTime. –RTSP (Real-Time Streaming Protocol) RealAudio/Video. –HTTP (HyperText Transfer Protocol)

Streaming vs. Progressive Fast start. User can seek any portion of the video at any time. No size restrictions. Live video support. Starts pretty fast. Can seek portions of the video that have been downloaded. Lesser the better(< 10 min usually). No live video.

Streaming Servers Windows Media Server. –Available with Windows Server Darwin Streaming Server. –Open Source. Streaming Server for Flash files. –Adobe Flash Media Server.

What’s new? Microsoft Silverlight is a cross-browser, cross- platform, and cross-device plug-in for delivering the next generation of.NET based media experiences and rich interactive applications for the Web.Microsoft Silverlight

Helpful Links Darwin Streaming Server Windows Media Server Adobe Flash Media Server

Questions?? Thank you!!!