Лекция №9 Тема «Мультимедиа на Web-страницах»

Вид материалаЛекция

Содержание


Тег object
Технологии Flash
Новые медиатехнологии VRML
Подобный материал:

Лекция № 9


Тема «Мультимедиа на Web-страницах»


Вопросы темы:
  1. Способы вставки видео и звука на web-страницах
  2. Технологии Flash
  3. Новые медиатехнологии VRML



  1. Способы вставки видео и звука на web-страницах


1 способ:

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

— для вставки звуковых и видеофайлов;

Тогда пользователь, щелкнув мышью на этой ссылке и выбрав радиокнопку Открыть файл в появившемся окне запроса, сможет загрузить соответствующее Windows-приложение (например, «Универсальный проигрыватель») и прослушать или просмотреть файл. Необходимость общения с этим диалоговым окном составляет главный недостаток данного способа.

При решении вставить звук и/или видео в 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. При выборе других форматов желательно предупреждать об этом пользователей.


2 способ:

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

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

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

Тег имеет следующие атрибуты:
  • src — URL-адрес звукового файла;
  • loop — определяет, сколько раз звуковой файл должен быть воспроизведен; принимает значения:
    • -1 или infinite —воспроизведение в течении всего времени показа документа;
    • число — количество воспроизведений
  • balance — число, определяющее баланс для стереозвука;
  • volume — число, определяющее громкость звучания.


Пример:




3 способ:

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

Атрибуты, определяющие воспроизведение видеофайлов, таковы:
  • dynsrc — URL-адрес видеофайла формата AVI(расширение avi);
  • loop — определяет, сколько раз звуковой файл должен быть воспроизведен; принимает значения:
    • -1 или infinite —воспроизведение в течении всего времени показа документа;
    • число — количество воспроизведений
  • start = mouseover —выводится изображение первого кадра, а воспроизведение начинается только при наведении на него указателя мыши и продолжается далее заданное атрибутом loop количество раз.

Пример:




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

Для воспроизведения звуковых и видео файлов можно использовать тег ссылки , указав в качестве значения атрибута href URL-адрес файла. При этом файл будет воспроизводиться в окне приложения(проигрывателя), которое ассоциировано с данным типом файла и установлено на компьютере пользователя. Это может быть, например,Windows Media Player, панель Медиа (в Internet Explorer), Winamp, QuickTime Player или RealPlayer G2.

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

pnp://адрес_файла.

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


Пример:





Вставка звука





Сергей Трофимов

ссылка скрыта.


Контрольные вопросы:

  1. Какие способы вставки видео и звука на Web-страницу вам известны?
  2. Каким тегом вставить на Web-страницу фоновый звук? Назовите параметры данного тега.
  3. Как внедрить мультимедиа объекты на web-страницу?
  4. Для каких целей используется тег object и каковы параметры данного тега?
  5. Как вставить на web-страницу flash анимированные ролики?
  6. В чем заключается медиатехнология VRML?
  7. Какие программы необходимы для воспроизведения VRML-файлов?