Поделиться
1Introducing Multimedia_methodological_instructions_ 1 variant (1).doc
Methodological Instructions
Theme: Introducing Multimedia
Aim: 10.4.2.4 4 use HTML tags to insert multimedia objects into a webpage Assessment criteria
- Demonstrates the skill of creating, saving and opening your own webpage.
- Demonstrates knowledge of web document structure
- Uses CSS for the webpage
Basic Level:
Previous lessons
Key words and phrases:
• Website, webpage, HTML, CSS, tag, cascading style sheet
• HTML is used for ,,,,
• We use tags for ....
• Tags are ...
• I used (a) title tag ... to ...
• Cascading style sheet is designed to
I. Theory
What is Multimedia?
Multimedia comes in many different formats. It can be almost anything you can hear or see.Examples: Images, music, sound, videos, records, films, animations, and more.
Web pages often contain multimedia elements of different types and formats.
In this chapter you will learn about the different multimedia formats.
Browser Support
The first web browsers had support for text only, limited to a single font in a single color.
Later came browsers with support for colors and fonts, and images!
Audio, video, and animation have been handled differently by the major browsers. Different formats have been supported, and some formats require extra helper programs (plug-ins) to work.
Hopefully this will become history. HTML5 multimedia promises an easier future for multimedia.
Multimedia Formats
Multimedia elements (like audio or video) are stored in media files.
The most common way to discover the type of a file, is to look at the file extension.
Multimedia files have formats and different extensions like: .swf, .wav, .mp3, .mp4, .mpg, .wmv, and .avi.
|
Format |
File |
Description |
|
MPEG |
.mpg |
MPEG. Developed by the Moving Pictures Expert Group. The first popular video format on the web. Used to be supported by all browsers, but it is not supported in HTML5 (See MP4). |
|
AVI |
.avi |
AVI (Audio Video Interleave). Developed by Microsoft. Commonly used in video cameras and TV hardware. Plays well on Windows computers, but not in web browsers. |
|
WMV |
.wmv |
WMV (Windows Media Video). Developed by Microsoft. Commonly used in video cameras and TV hardware. Plays well on Windows computers, but not in web browsers. |
|
QuickTime |
.mov |
QuickTime. Developed by Apple. Commonly used in video cameras and TV hardware. Plays well on Apple computers, but not in web browsers. (See MP4) |
|
RealVideo |
.rm |
RealVideo. Developed by Real Media to allow video streaming with low bandwidths. It is still used for online video and Internet TV, but does not play in web browsers. |
|
Flash |
.swf |
Flash. Developed by Macromedia. Often requires an extra component (plug-in) to play in web browsers. |
|
Ogg |
.ogg |
Theora Ogg. Developed by the Xiph.Org Foundation. Supported by HTML5. |
|
WebM |
.webm |
WebM. Developed by the web giants, Mozilla, Opera, Adobe, and Google. Supported by HTML5. |
|
MPEG-4 |
.mp4 |
MP4. Developed by the Moving Pictures Expert Group. Based on QuickTime. Commonly used in newer video cameras and TV hardware. Supported by all HTML5 browsers. Recommended by YouTube. |
Audio
|
Format |
File |
Description |
|
MIDI |
.mid |
MIDI (Musical Instrument Digital Interface). Main format for all electronic music devices like synthesizers and PC sound cards. MIDI files do not contain sound, but digital notes that can be played by electronics. Plays well on all computers and music hardware, but not in web browsers. |
|
RealAudio |
.rm |
RealAudio. Developed by Real Media to allow streaming of audio with low bandwidths. Does not play in web browsers. |
|
WMA |
.wma |
WMA (Windows Media Audio). Developed by Microsoft. Commonly used in music players. Plays well on Windows computers, but not in web browsers. |
|
AAC |
.aac |
AAC (Advanced Audio Coding). Developed by Apple as the default format for iTunes. Plays well on Apple computers, but not in web browsers. |
|
WAV |
.wav |
WAV. Developed by IBM and Microsoft. Plays well on Windows, Macintosh, and Linux operating systems. Supported by HTML5. |
|
Ogg |
.ogg |
Ogg. Developed by the Xiph.Org Foundation. Supported by HTML5. |
|
MP3 |
.mp3 |
MP3 files are actually the sound part of MPEG files. MP3 is the most popular format for music players. Combines good compression (small files) with high quality. Supported by all browsers. |
|
MP4 |
.mp4 |
MP4 is a video format, but can also be used for audio. MP4 video is the upcoming video format on the internet. This leads to automatic support for MP4 audio by all browsers. |
Visual Aids and Materials.
1. Slides
2. https://www.w3schools.com/html/html_media.asp
3. https://www.wisdomjobs.com/e-university/html-tutorial-206/introducing-multimedia-objects-8934.html
4. https://www.tutorialspoint.com/html/html_embed_multimedia.htm
5. https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content
6. http://www.peachpit.com/articles/article.aspx?p=1765993
7. Скачано с www.znanio.ru
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
