Все, что вам нужно знать о мультимедиа

Настало время, когда каждый веб-дизайнер хочет достичь больше­го, чем простые страницы с текстом и изображениями. Даже простые шрифты и элегантные макеты страниц не удовлетворяют ту зависть к дизайну, которую испытывают многие новоприбывшие, когда они сталкиваются с сайтом, содержащим звуковые и видеофрагменты. Это понятно: вы тоже хотите наполнить свои страницы аудио- и видеокон­тентом. Но прежде чем вы сможете оживить свой сайт, вам необходимо понять некоторые основы.

Связывание мультимедиа, встраивание и хостинг

Одна из главных дилемм, которую вы разрешаете, наполняя свои страницы мультимедийным содержимым, — размещать ссылки или встраивать добавляемые файлы.

Связывание (linking) мультимедийного содержимого — это простой, но наименее привлекательный подход. Он позволит вам создать ссыл­ку которая указывает на аудио- или видеофайл, хранимый среди всех других XHTML-страниц и файлов вашего сайта. В действительности не надо делать ничего сложного, чтобы создать связанное мультимедийное содержимое. Вы используете тот же элемент anchor и атрибут href. Вот пример:

Вы бы хотели услышать <а href="/Beat.mрЗ">популярную музыку</а>?

ПРИМЕЧАНИЕ

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

Встраивание (embedding) мультимедиа представляет собой более продвинутый подход. В этом случае аудио- или видеосодержимое ин­тегрируется в XHTML-страницу. В результате вы получаете отличную комбинацию текста, звука и видео.

Но встраивание мультимедиа имеет и проблемы. Файлы мульти­медиа поступают в разных форматах, как вы увидите в следующем разделе. Некоторые браузеры поддерживают часть из этих форматов, а другие поддерживают все. Часть браузеров совсем не поддерживают встроенные мультимедийные файлы. В то время как посетители могут добавлять поддержку мультимедиа при помощи плагинов (небольших программ, расширяющих возможности браузера) для браузера, у вас нет способа узнать, какие плагины установлены у ваших посетителей. Придерживаться чего-то среднего? Нет гарантии, что ваши посетители смогут увидеть любой тип мультимедийного содержимого, который вы внедрили в страницу.

Интернет предлагает множество решений для встраивания мульти­медиа, хотя никакое из них не является идеальным. Одно из них суще­ствует в форме имеющего некоторую сомнительную репутацию элемен­та <embed>, с использованием которого вы познакомитесь чуть позже.

Но существует другая функция по управлению мультимедийным содержимым. Это решение называется хостингом мультимедиа (hosted multimedia) — мультимедийные файлы хранятся на каком-либо сервере, но отображаются (или связаны) на вашей веб-странице. Лучшим при­мером хостинга мультимедиа является сервис YouTube, весьма популяр­ный сайт, на котором проигрывается более ста миллионов видеоклипов ежедневно.

Хостинг мультимедиа — это отличный выбор, если вы хотите по­казать посетителям действительно большие файлы, например фильмы. В этом случае не будет оказано влияние на пропускную способность ва­шего канала и все будет работать виртуально со всеми брау­зерами и операционными системами. Единственный недостаток — вы теряете немного контроля.

Например, если вы используете сервис You­Tube для хранения ваших видеофайлов, вы не можете показывать филь­мы длительностью более 10 минут, а также YouTube снижает качество ваших видеороликов, чтобы обеспечить поддержку их сервисом. (Тех­нически на сервисе YouTube уменьшаются размеры видеофайлов, чтобы браузеры могли загрузить их быстрее — таким образом, посетители не испытывают нетерпения из-за задержек, когда нажимают кнопку вос­произведения.) Вы узнаете больше об использовании инструментов сервиса YouTube далее в этой категории.

Типы мультимедийных файлов

Ваше решение — связать или внедрить файлы — зависит, как ми­нимум частично, от типа мультимедийного содержимого, которое вы хотите продемонстрировать. Поскольку XHTML сам по себе не имеет мультимедийных стандартов, другие компании вводят новшества, что­бы уменьшить разрыв. Сегодня существует слегка приводящее в заме­шательство поле выбора этих средств.

• Ниже указаны типы мультимедийных файлов, которые вы можете добавить на свои страницы.Синтезированная музыка (MIDI). MIDI-файлы хранят данные о нотах и используемых музыкальных инструментах, которые звуко­вая карта вашего персонального компьютера генерирует в звуки при воспроизведении. Как результат, MIDI-файлы имеют маленький размер, но весьма сомнительное качество. Хотя реально качество звучания аудиоайла зависит от звуковой карты вашего посетителя, результаты чаще всего похожи на звучание не лучшего синтезатора Casio. Но так как MIDI-файлы весят совсем немного, почти все бра­узеры поддерживают их, и часто они используются в качестве фоно­вой музыки веб-страницы. (MIDI является сокращением от Musical Instrument Digital Interface — Цифровой интерфейс музыкальных инструментов.)

• Цифровые аудиофайлы (WAV и МРЗ). Эти типы файлов хранят за­писанные звуки и обладают более высоким качеством по сравнению с MIDI-файлами. Но WAV-файлы имеют огромный размер, что де­лает их неподходящими для всех, кроме наиболее «тяжелых» веб­сайтов. МРЗ-файлы составляют в среднем одну десятую от размера WAV-файлов, но браузерам часто нужен дополнительный плагин для их воспроизведения, это означает, что вы не сможете внедрить их без проблем.

• Цифровые видеофайлы (MPEG, AVI, MOV и WMV). Эти типы файлов являются тяжеловесами мультимедиа. Они позволяют вам воспроизводить видео, качество которого зависит от размера окна предварительного просмотра, и при использовании качественного DVD-видео воспроизведение становится скачкообразным. Циф­ровые видеофайлы являются вызовом для любого создателя веб­страниц, потому что они абсурдно огромны. Чтобы обеспечить воспроизведение цифрового видео, вам нужно сжать, обрезать и уменьшить разрешение вашего клипа и его качество, используя про­граммное обеспечение для редактирования видеофайлов.

• Анимированные GIF-файлы. Анимированный GIF-файл состоит из серии небольших статичных изображений, отображаемых друг за другом в очень быстрой последовательности. Если вы видите веб-страницу с танцующими человечками, вращающимся текстом или крутящимся глобусом, возможно, перед вами анимированные GIF-файлы. Большинство веб-дизайнеров упускают из виду аними­рованные GIF-изображения как не имеющие отношения к «насто­ящим» мультимедиафайлам, потому что они так несложны. Но они небольшие, простые в создании и широко поддерживаемые.

• Флеш (Flash). Флеш — это универсальный стандарт воспроизведе­ния, разработанный специально для Интернета. Он включает под­держку видеофайлов, анимацию и интерактивность. Флеш также поддерживает технологию векторной анимации, которая использует математически визуализированные изображения — фигуры, полу­ченные в результате комплексных вычислений, с качеством намного лучше, чем растровая графика. Как результат, даже замысловатая анимация может похвастаться маленьким, быстро загружаемым раз­мером файла, делая флеш золотой серединой для анимированных логотипов, рекламных роликов и впечатляющих экранных заставок. И наконец, флеш поддерживает интерактивность, так что эксперты флеш-технологии могут создавать легкие, но искусные меню и встраивать игры, которые действительно оживят сайты.

Несмотря на эти впечатляющие преимущества, флеш-технология имеет три недостатка: во-первых, для создания флеш-содержимого вам нужно специальное программное обеспечение от Adobe стоимостью бо­лее 25 тысяч рублей. Во-вторых, даже если вы раскошелитесь на Adobe Flash, создание профессиональных анимаций предполагает наличие на­выков талантливого мастера флеш-анимации. В-третьих, посетители не смогут увидеть флеш-ролики до тех пор, пока у них нет установленного плагина для воспроизведения флеш-анимации. (Утверждается, что, со­гласно приблизительным оценкам, более 90% компьютеров, подключен­ных к Интернету, имеют флеш-плагин.)