Внедрение мультимедиа на веб страницу план урока

Обновлено: 07.07.2024

Вы не можете посетить текущую страницу по одной из причин:

просроченная закладка/избранное
кэш поисковой системы ссылается на несуществующий документ
неправильный адрес
у вас нет права доступа на эту страницу
Запрашиваемый ресурс не найден.
В процессе обработки вашего запроса произошла ошибка.

Пожалуйста, перейдите на одну из следующих страниц:

Если проблема повторится, пожалуйста, обратитесь к системному администратору сайта и сообщите об ошибке, описание которой приведено ниже.

Разработчики HTML нашли оригинальный выход из положения. Прежде всего, графические изображения и мультимедийные данные хранятся в отдельных файлах. А в HTML-коде Web-страниц с помощью особых тегов прописывают ссылки на эти файлы, фактически — их интернет-адреса. Встретив такой тег-ссылку, Web-обозреватель запрашивает у Web-сервера соответствующий файл с изображением, аудио- или видеороликом и выводит его на Web-страницу в то место, где встретился данный тег.

Графические изображения, аудио- и видеоролики и вообще любые данные, хранящиеся в отдельных от Web-страницы файлах, называются внедренными элементами Web-страниц.

Добавить на Web-страницу графическое изображение позволяет одинарный тег . Web-обозреватель поместит изображение в том месте Web-страницы, в котором встретился тег .

Сила тега — в его атрибутах. Обязательный атрибут тега SRC служит для указания интернет-адреса файла с изображением.

Пример :

Этот тег помещает на Web-страницу изображение, хранящееся в файле image.jpg, который находится в той же папке, что и файл самой этой Web-страницы.

Пример :

Данный тег помещает на Web-страницу изображение, хранящееся в файле picture.jpg, который находится в папке images, вложенной в корневую папку Web-сайта.

IMG SRC="http://www.othersite.ru/book12/author.jpg">

Мультимедиа — это, в первую очередь, аудио и видео. Мультимедиа в приложении к Web-дизайну — это аудио- и видеоролики, размещенные на Web-страницах.

Форматов мультимедийных файлов существует не меньше, чем форматов файлов графических. Как и в случае с интернет-графикой, Web-обозреватели поддерживают далеко не все мультимедийные форматы, а только немногие.

Но Web-обозревателю мало поддерживать только сам формат мультимедийных файлов. Он должен быть "знаком" и с форматом кодирования записанной в нем аудио- и (или) видеоинформации. В мире мультимедиа так — разные файлы одного формата могут хранить информацию, закодированную разными форматами. Более того, аудио- и видеодорожки мультимедийного файла практически всегда кодируются разными форматами.

Практически все форматы кодирования мультимедийных данных поддерживают их сжатие. Благодаря этому размер мультимедийных файлов значительно (иногда на несколько порядков) уменьшается, что благотворно сказывается на скорости их передачи по сети.

1 УРОК В 11 КЛАССЕ

2 ЦЕЛЬ УРОКА : ЗНАТЬ, КАКИЕ МУЛЬТИМЕДИЙНЫЕ ЭЛЕМЕНТЫ МОЖЕТ СОДЕРЖАТЬ WEB- СТРАНИЦА, ИЗУЧИТЬ ТЕГИ, ДЛЯ ВСТАВКИ МУЛЬТИМЕДИЙНЫХ ЭЛЕМЕНТОВ НА WEB- СТРАНИЦУ, НАУЧИТЬСЯ ИСПОЛЬЗОВАТЬ ЭТИ ТЕГИ ДЛЯ ВСТАВКИ МУЛЬТИМЕДИЙНЫХ ЭЛЕМЕНТЫ НА WEB- СТРАНИЦУ.

3 МУЛЬТИМЕДИЙНАЯ WEB- СТРАНИЦА СОДЕРЖИТ : ГРАФИЧЕСКОЕ ИЗОБРАЖЕНИЕ, АНИМАЦИЮ, ЗВУК, ВИДЕО.

4 ОСОБЕННОСТИ ПРИ ИСПОЛЬЗОВАНИЯ ЗВУКА НА WEB- СТРАНИЦАХ : ЗВУКОВЫЕ ЭФФЕКТЫ НА ВЕБ - СТРАНИЦАХ СОЗДАЮТСЯ С ПОМОЩЬЮ АУДИОФАЙЛОВ. НАИБОЛЕЕ РАСПРОСТРАНЕНЫ СЛЕДУЮЩИЕ ФОРМАТЫ : WAV – СТАНДАРТНЫЙ ФОРМАТ WINDOWS – ПРИЛОЖЕНИЙ ; MIDI – ЭТОТ ФОРМАТ СОДЕРЖИТ ЗАПИСЬ НОТ И КОДЫ МУЗЫКАЛЬНЫХ ИНСТРУМЕНТОВ, ПО КОТОРЫМ СИНТЕЗИРУЕТСЯ ЗВУК ; MP3 – ЭТОТ ФОРМАТ ХАРАКТЕРИЗУЕТСЯ ВЫСОКОЙ СТЕПЕНЬЮ СЖАТИЯ.

5 ТЕГИ ДЛЯ ВСТАВКИ ЗВУКА НА WEB- СТРАНИЦУ : ЗВУК НА СТРАНИЦАХ ЧАСТО ИСПОЛЬЗУЕТСЯ ДЛЯ ОЗВУЧИВАНИЯ СОБЫТИЙ : НАЖАТИЯ КНОПОК, ПЕРЕХОДА ПО ГИПЕРССЫЛКЕ, ОТКРЫТИЯ ОКНА. ЧАСТО СТРАНИЦЫ СОПРОВОЖДАЮТСЯ ЗВУКОВЫМ ФОНОМ. ДЛЯ ПОДКЛЮЧЕНИЯ ЗВУКОЗАПИСИ В ФОНОВОМ РЕЖИМЕ ИСПОЛЬЗУЕТСЯ ТЕГ СО СЛЕДУЮЩИМИ АТРИБУТАМИ : SRC – ЗАДАЕТ URL- АДРЕС ЗВУКОВОГО ФАЙЛА LOOP – ОПРЕДЕЛЯЕТ КОЛИЧЕСТВО ПОВТОРЕНИЙ ФАЙЛА VOLUME – ЗАДАЕТ УРОВЕНЬ ЗВУКА. МОЖЕТ ПРИНИМАТЬ ЗНАЧЕНИЯ ОТ ДО 0 ( ЗВУК МОЖНО ТОЛЬКО ПРИГЛУШАТЬ ). ЗНАЧЕНИЕ 0 – МАКСИМАЛЬНЫЙ УРОВЕНЬ ЗВУКА

6 ОСОБЕННОСТИ ПРИ РАЗМЕЩЕНИИ ВИДЕОФАЙЛОВ НА WEB- СТРАНИЦАХ : НА WEB- СТРАНИЦАХ МОЖНО РАЗМЕЩАТЬ ФАЙЛЫ СЛЕДУЮЩИХ ФОРМАТАХ : MPEG – ВИДЕОФАЙЛЫ ( РАСШИРЕНИЕ.MPG ИЛИ.MPEG) В ЭТОМ ФОРМАТЕ ОБЫЧНО ИМЕЮТ БОЛЬШОЙ РАЗМЕР, ОБЕСПЕЧИВАЮТ ВЫСОКОЕ КАЧЕСТВО ВИДЕО ; AVI – БОЛЬШИНСТВО ВИДЕОФАЙЛОВ В WINDOWS СОХРАНЕНЫ В ЭТОМ ФОРМАТЕ ( РАСШИРЕНИЕ ФАЙЛОВ.AVI); QUICK TIME – НЕБОЛЬШОЙ РАЗМЕР ФАЙЛОВ В ЭТОМ ФОРМАТЕ НЕ ТРЕБУЕТ ДЛИТЕЛЬНОЙ ЗАГРУЗКИ ПО СЕТИ ( РАСШИРЕНИЕ ФАЙЛОВ.MOV); MPEG-4 – ( РАСШИРЕНИЕ ФАЙЛОВ.MP4) ФОРМАТ MPEG-4 ОЧЕНЬ ЧАСТО ИСПОЛЬЗУЕТСЯ ПРИ О N-LINE ПРОИГРЫВАНИИ ВИДЕОФАЙЛОВ.

7 ТЕГИ ДЛЯ ВСТАВКИ ВИДЕОФАЙЛА НА WEB- СТРАНИЦУ : ДЛЯ ВСТАВКИ ВИДЕОФАЙЛОВ НА WEB- СТРАНИЦУ МОЖНО ВОСПОЛЬЗОВАТЬСЯ ТЕГОМ С АТРИБУТАМИ : SRC – ЗАДАЕТ URL- АДРЕС ВИДЕОФАЙЛА ; AUTOPLAY – МОЖЕТ ПРИНИМАТЬ ДВА ЗНАЧЕНИЯ : TRUE – НАЧАЛО ВОСПРОИЗВЕДЕНИЯ СРАЗУ ПОСЛЕ ЗАГРУЗКИ СТРАНИЦЫ И FALSE – ВКЛЮЧЕНИЕ ЗВУКА ПОЛЬЗОВАТЕЛЕМ ; WIDTH – ЗАДАЕТ ШИРИНУ ОТОБРАЖАЕМОГО ВИДЕОФАЙЛА НА WEB- СТРАНИЦЕ ; HEIGHT – ЗАДАЕТ ВЫСОТУ ОТОБРАЖАЕМОГО ВИДЕОФАЙЛА НА WEB- СТРАНИЦЕ.

8 ПРИМЕРЫ ИСПОЛЬЗОВАНИЯ ТЕГОВ ВСТАВКИ ЗВУКА И ВИДЕОФАЙЛА НА WEB- СТРАНИЦЕ : ЗВУКОВОЙ ФАЙЛ ДОЛЖЕН НАХОДИТЬСЯ В ТОЙ ЖЕ ПАПКЕ ЧТО И ФАЙЛ HTML.

Поместить на странице ссылку на соответствующий звуковой либо видеофайл .

При решении вставить звук и/или видео в HTML-документ следует учитывать, что соответствующие файлы имеют довольно большой объем. Наиболее популярными в веб сейчас являются файлы звуковых форматов MP3, WMA, AIFF, AU, RealAudio (c расширением ra и ram), MP4, MIDI и видеоформатов MPEG, MOV. Звуковой формат WAV и видеоформат AVI в Интернете используются довольно редко.

Для операционной системы Windows стандартными звуковыми файлами являются WMA и WAV, для Macintosh — AIFF. Общепринятым видеоформатом для Windows, Macintosh и UNIX является MPEG. Формат QuickTime (MOV) также широко распространен и может использоваться Windows и Macintosh. При выборе других форматов желательно предупреждать об этом пользователей.

Добавление фонового звука.

— для вставки фонового звука;

Тег позволяет указать звуковой файл формата WMA, AU, MIDI или WAV, который проигрывается при загрузке страницы. При этом на экран не выводится панель управления воспроизведением.

Тег имеет следующие атрибуты:

src — URL-адрес звукового файла;

loop — определяет, сколько раз звуковой файл должен быть воспроизведен; принимает значения:

-1 или infinite —воспроизведение в течении всего времени показа документа;

число — количество воспроизведений

balance — число, определяющее баланс для стереозвука;

volume — число, определяющее громкость звучания.

Представляет собой расширение тэга , дополненное параметром DYNSRC , указывающим местоположение файла цифрового видео:

Атрибуты, определяющие воспроизведение видеофайлов, таковы:

dynsrc — URL-адрес видеофайла формата AVI(расширение avi);

loop — определяет, сколько раз звуковой файл должен быть воспроизведен; принимает значения:

-1 или infinite —воспроизведение в течении всего времени показа документа;

число — количество воспроизведений

start = mouseover —выводится изображение первого кадра, а воспроизведение начинается только при наведении на него указателя мыши и продолжается далее заданное атрибутом loop количество раз.

Можно также использовать и другие атрибуты тега , например, align, border, hspase и vspace.

URL-адрес файла RealAudio имеет вид:

Технология RealAudio обеспечивает передачу звука и видео практически в режиме реального времени и позволяет устраивать аудио- и видеоконференции. Звуковые файла RealAudio имеют расширение ra. Кроме того, могут использоваться метафайлы с расширением ram. Это обычные текстовые файлы, содержащие полные URL-адреса файлов с расширением ra.

Читайте также: