Но, прежде всего, решим, куда же помещать наше мультимедийное содержание. Как правило, его помещают на главную страницу, и оно будет проигрываться либо при ее (страницы) открытии, либо после того, как пользователь нажмет на кнопку, запускающую проигрывание. Так поступим и мы. И еще: это мультимедийное содержание не должно быть очень большим, иначе пользователь устанет ждать, пока оно загрузится, и уйдет с вашего сайта.
Не будем говорить о проблеме соблюдения авторских прав — это и так понятно, ведь практически любое авторское произведение защищено законодательством от кражи и незаконного копирования (что, собственно, одно и то же). В качестве решения проблемы вы можете поместить на свою страницу небольшой кусочек, скажем, музыкального произведения или фильма, сопроводив его текстом, предлагающим пользователю купить соответствующее произведение на кассете или компакт-диске, если оно ему понравится. Это обычная практика музыкальных сайтов, соблюдающих (или пытающихся соблюдать) законы.
Есть, конечно, и второй выход: написать музыку или снять фильм самому...
Поддержка мультимедийных данных
Поговорим о том, каким же образом Web-обозреватель обрабатывает мультимедийное содержание.
Некоторые типы мультимедийных данных поддерживаются Web-обозревателем непосредственно. (Хотя мультимедийными данными это назвать сложно.) Как вы поняли, речь идет об обычных растровых изображениях в формате GIF, JPEG или PNG (они помещаются на страницы с помощью тега <IMG>). Internet Explorer также поддерживает свой собственный тег <BGSOUND> для привязки к странице фонового музыкального сопровождения и атрибут DYNSRC тега <IMG>, с помощью которого на страницу можно поместить фильм. Но эти возможности не являются стандартными, поэтому мы не будем их рассматривать. Если вы хотите узнать о них побольше, обратитесь к электронному руководству по HTML.
Но поддержка очень и очень многих форматов данных в Web-обозреватель не заложена — форматов так много, что охватить все просто невозможно. Проблема решается использованием дополнительных программ. Каждая'такая программа "отвечает" за свой формат данных. И, когда Web-обозреватель получает какие-либо данные, которые он не может обработать непосредственно, он загружает соответствующую программу.
Мультимедийные данные, не поддерживаемые Web-обозревателем, помещаются на страницу с помощью особого тега. С помощью соответствующего атрибута задается имя файла данных, который и будет обрабатываться дополнительной программой. Программа читает данные из файла, обрабатывает их и генерирует на их основе какой-то экранный вывод, либо проявляет себя каким-то иным образом.
Но как Web-обозреватель определяет, какая программа нужна для обработки данных того или иного формата? Дело в том, что каждый формат данных имеет свой уникальный идентификатор, называемый типом MIME (Multipurpose Internet Mail Extensions — многоцелевые расширения почты Интернета). А дополнительная программа при установке сообщает системе, какой тип MIME ей "по зубам". Соответствия типов MIME форматам данных и обрабатывающим их программам записываются в Реестре Windows.
В табл. 4.1 приведены некоторые типы MIME и соответствующие им форматы данных.
Таблица 4.1. Типы MIME
Тип файлов | Тип MIME |
Архив RAR Архив ZIP | application/x-tar application/x-zip-compressed |
Аудио- или видеозапись ASF | video/x-ms-asf |
Аудио- или видеозапись WMV | video/x-ms-wmv |
Аудиозапись AIFF | audio/aiff |
Аудиозапись AU | audio/basic |
Аудиозапись MIDI | audio/mid |
Аудиозапись МРЗ | audio/mpeg |
Аудиозапись WAV | audio/wav |
Аудиозапись WMA | audio/x-ms-wma |
Видеозапись AVI | video/avi |
Видеозапись Indeo (IVF) | video/x-ivf |
Видеозапись MPEG | video/mpeg |
Визитная карточка, используемая почтовыми программами для хранения данных об адресате | text/x-vcard |
Графический файл ART | image /x-jg |
Графический файл BMP | image /bmp |
Графический файл GIF | image/gif |
Графический файл JPEG | image /jpeg |
Графический файл Macromedia Flash | application/futuresplash |
Графический файл TIFF | image/tiff |
Документ Adobe Acrobat | application/pdf |
Документ HTML | text/html |
Документ Microsoft Excel | application/x-msexcel |
Документ Microsoft Word | application/msword |
Документ RTF | application/msword |
Документ XML | text/xml |
Приложение | application/x-msdownload |
Приложение HTML (HTA) | application/hta |
Таблица стилей HTML | text/ess |
Текстовый документ | text/plain |
Дополнительные программы, расширяющие возможности Web-обозревателя, делятся на две разновидности, различающиеся принципом работы:
1. Модули расширения Web-обозревателя (по-английски — plugins). Впервые их начал поддерживать Netscape 2.0; в Internet Explorer поддержка их появилась в версии 3.0. Это небольшие специализированные программы, выполненные в виде динамических библиотек Windows DLL. Они загружаются самим Web-обозревателем, чтобы обработать тот или иной файл. Если нужный модуль расширения не установлен, то Web-обозреватель может сам загрузить и установить его.
2. Элементы ActiveX. Общий стандарт расширения для операционной системы Windows, продвигаемый фирмой Microsoft, может быть использован и для "оживления" Web-страниц. Обладая всеми возможностями модулей расширения, элементы ActiveX могут поддерживаться не только Web-обозревателями, но и всеми программами, установленными в системе. Элемент ActiveX однозначно идентифицируется с помощью GUID (Global Unique IDentifier - глобальный уникальный идентификатор), который вместе с поддерживаемыми типами данных MIME записывается в Реестре. Элементы ActiveX поддерживаются Internet Explorer 3.0, Navigator 6.0, Mozilla 1.0 и более новыми версиями; о поддержке их Opera данных нет.
Модули расширения
Если вы хотите поместить на Web-страницу какое-либо мультимедийное (и не только) содержание, обрабатываемое с помощью модуля расширения, вы, прежде всего, должны удостовериться, что этот модуль расширения установлен у вас на компьютере. В противном случае он не будет появляться в списке установленных модулей расширения, и вы не сможете его выбрать. Кроме того, у вас должен быть установлен Netscape Navigator версии 4.7*. Дело в том, что модули расширения считаются устаревшей технологией, и для их поддержки необходимо устаревшее программное обеспечение.
Давайте поместим на нашу Web-страницу небольшой аудиоклип в формате WAV (WAVe — "волна", стандартный формат хранения звуков в Windows). Откроем новое окно Dreamweaver и сохраним пустую страницу в файле 4.6.htm. В качестве файла данных мы используем небольшой аудиоклип из папки Windows\Media, например, ding.wav. Скопируйте его в папку, где хранится Web-страница 4.6.htm.
Для вставки на Web-страницу модуля расширения служит кнопка Plugin (рис. 4.27), расположенная на вкладке Media панели объектов. Вы также можете использовать пункт Plugin подменю Media меню Insert. После этого на экране появится диалоговое окно Select File. Найдите аудиофайл, который вы хотите поместить на страницу, выберите его в списке файлов и нажмите кнопку ОК.
Рис. 4.27. Кнопка Plugin панели объектов
После этого в окне документа появится значок модуля расширения. Измените его размеры, как вы проделывали это с изображением. Результат показан на рис. 4.28.
Рис. 4.28. Модуль расширения
Теперь обратим внимание на редактор свойств (рис. 4.29).
Поля ввода W и Н, Н Space, V Space и Border и раскрывающийся список Align должны быть вам уже знакомы. Также должна быть вам знакома кнопка Play/Stop.
Рис. 4.29. Редактор свойств при выделенном модуле расширения
В поле ввода Src вводится имя файла данных. Справа от него расположена уже знакомая нам кнопка с изображением папки. Щелкнув по ней, вы получите на экране диалоговое окно открытия файла данных. С тем же успехом вы можете выбрать пункт Source File контекстного меню.
Поле ввода Pig URL используется для задания интернет-адреса файла, содержащего дистрибутивный комплект этого модуля расширения.
Кнопка Parameters служит для задания дополнительных параметров модуля расширения. Вместо нажатия кнопки Parameters вы также можете использовать одноименный пункт контекстного меню. В большинстве случаев это не нужно, но если вы хотите, чтобы модуль расширения вел себя особым образом, вам придется задать параметры. Само собой, предварительно вам необходимо будет выяснить, какие параметры поддерживает этот модуль расширения, для чего вам придется обратиться к его документации.
При нажатии кнопки Parameters на экране появляется диалоговое окно Parameters, показанное на рис. 4.30. Большую его часть занимает список-таблица параметров и их значений. Параметры вводятся простым набором нужных значений в соответствующих колонках таблицы: имени параметра в графе Parameter и значения параметра в графе Value. Кнопка со знаком "плюс" добавляет новую строку таблицы, кнопка со знаком "минус" — удаляет текущую строку. Кнопки вверх и внизсдвигают текущую строку выше или ниже.
Рис. 4.30. Диалоговое окно Parameters
Теперь посмотрим, как работает наш модуль расширения. Для этого закроем окно задания параметров, если оно открыто, выделим модуль расширения в окне документов, если он не выделен, и нажмем кнопку Play редактора свойств. Модуль расширения примет такой вид — см. рис. 4.31.