 Multimedia is everything you can hear or see: texts, books, pictures, music, sounds, CDs, videos, DVDs, Records, Films, and more.  Multimedia comes.

Slides:



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

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.
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.
2 Information Processing
Chapter 11 Media and Interactivity Basics Key Concepts
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.
4.2 Multimedia Elements Audio 1. Learning Outcomes: At the end of the lesson, students should be: a) describe the purpose of using audio in multimedia.
HTML Structure & Web Design Basics
10 C H A P T E R © 2001 The McGraw-Hill Companies, Inc. All Rights Reserved1 Streaming Media and Synchronized Multimedia One of the ways the Internet is.
Section 9.1 Identify multimedia design guidelines Identify sources of multimedia files Explain the ethical use of multimedia files Describe multimedia.
1 © Netskills Quality Internet Training, University of Newcastle Multimedia Web Pages © Netskills, Quality Internet Training, University of Newcastle Netskills.
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.
3.02 Publishing Animations
Embedding Multimedia Content in WebPages Seth Subramanian.
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.
XP 1 Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and Applets Tutorial 8.
IT-Academic Technology Services Using Microsoft PowerPoint 2010 for Digital Storytelling.
HYPERTEXT MARKUP LANGUAGE (HTML)
Section 9.1 Section 9.2 YOU WILL LEARN TO…
Media Streaming By Derek Aten – Digital T.V. and HDTV Maria Preciado – Audio Streaming Genevieve Taduran – Data Streaming.
Skill Area 212 Introduction to Multimedia Internet and MultiMedia for SC 2.
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.
Commonly Found Internet File Types The Internet provides access to many types of files, more than just HTML.
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.
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.
2.02G Publishing Animated Videos 2.02 Develop Computer Animations.
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.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 11 Key Concepts 1 Copyright © Terry Felke-Morris.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 11 Key Concepts 1 Copyright © Terry Felke-Morris.
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.
Contents MULTIMEDIA –Audio –Video –Animation –PDF.
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.
WEB MULTIMEDIA COURSE WELLCOME TO. 6. WINDOW MEDIA FORMATS 7. OBJECT INTRO 8. OBJECT QUICKTIME 9. OBJECT REALVEDIO 10. TAG REFERENCE 11. PLAYER REFERENCE.
GIF - Graphics Interchange Format JPEG - Joint Photographic Experts Group PNG - Portable Network Graphics GIF images are limited to the 8 bit palette which.
Creating Web Documents alt attribute Good and bad uses of ‘multimedia’ Sound files Homework: Discuss with me AND post announcement of Project II. Forms.
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.
Streaming Media A technique for transferring data on the Internet so it can be processed as a steady and continuous stream.
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.
Using Plug-Ins Adding Multimedia to an HTML Document.
Multimedia. What is multimedia? Multimedia is everything you can hear or see: texts, books, pictures, music, sounds, CDs, videos, DVDs, Records, Films,
Music files in PowerPoint 2007? By Ashley Wiger.
Done by: Athra Sultan IT Teacher. Some general principles derived from multimedia design include: Simplicity Consistency Clarity Balance Harmony & Unity.
Audio Streaming © Nanda Ganesan, Ph.D.. Audio File Features Audio file is a record of captured sound that can be played back –The WAV File is an example.
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
Learn HTML Basics Lesson No : 10
Web Programming– UFCFB Lecture 8
3.02 Publishing Animations
Tutorial 7 Working with Multimedia
Integrating Multimedia: Sound, Video and More
HTML5 Media.
Web Programming– UFCFB Lecture 8
(c) V/2-Com (Verhaart) Multimedia Elements & standards 4/15/2019 (c) V/2-Com (Verhaart)
Presentation transcript:

 Multimedia is everything you can hear or see: texts, books, pictures, music, sounds, CDs, videos, DVDs, Records, Films, and more.  Multimedia comes in many different formats. On the Internet you will find many of these elements embedded in web pages, and today's web browsers have support for a number of multimedia formats.  In this week you will learn about different multimedia formats.

 The first Internet browsers had support for text only, and even the text support was limited to a single font in a single color, and little or nothing else.  Then came web browsers with support for colors, fonts and text styles, and the support for pictures was added.  The support for sounds, animations and videos is handled in different ways by different browsers. Some elements can be handled inline, some requires a plug-in and some requires an ActiveX control.

 Multimedia elements (like sounds or videos) are stored in media files.  The most common way to discover the media type is to look at the file extension.  When a browser sees the file extensions.htm or.html, it will assume that the file is an HTML page. The.xml extension indicates an XML file, and the.css extension indicates a style sheet.  Picture formats are recognized by extensions like.gif and.jpg.  Multimedia elements also have their own file formats with different extensions.

 The MIDI (Musical Instrument Digital Interface) is a format for sending music information between electronic music devices like synthesizers and PC sound cards.  The MIDI format was developed in 1982 by the music industry. The MIDI format is very flexible and can be used for everything from very simple to real professional music making.  MIDI files do not contain sampled sound, but a set of digital musical instructions (musical notes) that can be interpreted by your PC's sound card.  The downside of MIDI is that it cannot record sounds (only notes). Or, to put it another way: It cannot store songs, only tunes.

 The upside of the MIDI format is that since it contains only instructions (notes), MIDI files can be extremely small. The example above is only 23K in size but it plays for nearly 5 minutes.  The MIDI format is supported by many different software systems over a large range of platforms. MIDI files are supported by all the most popular Internet browsers.  Sounds stored in the MIDI format have the extension.mid or.midi.

 The RealAudio format was developed for the Internet by Real Media. The format also supports video.  The format allows streaming of audio (on-line music, Internet radio) with low bandwidths. Because of the low bandwidth priority, quality is often reduced.  Sounds stored in the RealAudio format have the extension.rm or.ram.

 The AU format is supported by many different software systems over a large range of platforms.  Sounds stored in the AU format have the extension.au.

 The AIFF (Audio Interchange File Format) was developed by Apple.  AIFF files are not cross-platform and the format is not supported by all web browsers.  Sounds stored in the AIFF format have the extension.aif or.aiff.

 The SND (Sound) was developed by Apple.  SND files are not cross-platform and the format is not supported by all web browsers.  Sounds stored in the SND format have the extension.snd.

 The WAVE (waveform) format is developed by IBM and Microsoft.  It is supported by all computers running Windows, and by all the most popular web browsers.  Sounds stored in the WAVE format have the extension.wav.

 MP3 files are actually MPEG files. But the MPEG format was originally developed for video by the Moving Pictures Experts Group. We can say that MP3 files are the sound part of the MPEG video format.  MP3 is one of the most popular sound formats for music recording. The MP3 encoding system combines good compression (small files) with high quality. Expect all your future software systems to support it.  Sounds stored in the MP3 format have the extension.mp3, or.mpga (for MPG Audio).

 The WAVE format is one of the most popular sound format on the Internet, and it is supported by all popular browsers. If you want recorded sound (music or speech) to be available to all your visitors, you should use the WAVE format.  The MP3 format is the new and upcoming format for recorded music. If your website is about recorded music, the MP3 format is the choice of the future.

 The AVI (Audio Video Interleave) format was developed by Microsoft.  The AVI format is supported by all computers running Windows, and by all the most popular web browsers. It is a very common format on the Internet, but not always possible to play on non- Windows computers.  Videos stored in the AVI format have the extension.avi.

 The Windows Media format is developed by Microsoft.  Windows Media is a common format on the Internet, but Windows Media movies cannot be played on non- Windows computer without an extra (free) component installed. Some later Windows Media movies cannot play at all on non-Windows computers because no player is available.  Videos stored in the Windows Media format have the extension.wmv.

 The MPEG (Moving Pictures Expert Group) format is the most popular format on the Internet. It is cross- platform, and supported by all the most popular web browsers.  Videos stored in the MPEG format have the extension.mpg or.mpeg.

 The QuickTime format is developed by Apple.  QuickTime is a common format on the Internet, but QuickTime movies cannot be played on a Windows computer without an extra (free) component installed.  Videos stored in the QuickTime format have the extension.mov.

 The RealVideo format was developed for the Internet by Real Media.  The format allows streaming of video (on-line video, Internet TV) with low bandwidths. Because of the low bandwidth priority, quality is often reduced.  Videos stored in the RealVideo format have the extension.rm or.ram.

 The Shockwave format was developed by Macromedia.  The Shockwave format requires an extra component to play. This component comes preinstalled with the latest versions of Netscape and Internet Explorer.  Videos stored in the Shockwave format have the extension.swf.

Playing Sounds on a Web Site

 When sound is included in a web page, or as part of a web page, it is called inline sound.  If you plan to use inline sounds in your web applications, be aware that many people find inline sound annoying. Also note that some users might have turned off the inline sound option in their browser.  Our best advice is to include inline sound only in web pages where the user expects to hear the sound. An example of this is a page which opens after the user has clicked on a link to hear a recording.

 A helper application is a program that can be launched by the browser to "help" playing sound. Helper applications are also called Plug-Ins.  Helper applications can be launched using the or the tag.  One great advantage of using a helper application is that you can let some (or all) of the player settings be controlled by the user.  Most helper applications allows manually (or programmed) control over the volume settings and play functions like rewind, pause, stop and play.

The purpose of the tag is to embed multimedia elements in web page. The following code fragment displays a MIDI file embedded in a web page. Example Note: The tag is deprecated. The World Wide Web Consortium (W3C) recommend using the tag instead.

 The purpose of the tag is to embed multimedia elements in web page.  The following code fragment displays a WAVE file embedded in a web page. embed src="beatles.mid" /> Example

 If a web page includes a hyperlink to a media file, most browsers will use a "helper application" to play the file.  The following code fragment displays a link to a MIDI file. If a user clicks on the link, the browser will launch a helper application, like Windows Media Player to play the MIDI file: Play the Beatles Example

Next >>> Playing Videos on a Web Site