Подготовка мультимедийных файлов
Перед тем как опубликовать файл в Интернете, поместив на Web-страницу, его следует соответствующим образом подготовить. Подготовка включает в себя перекодирование файла в подходящий формат.
К сожалению, стандарт HTML 5 не определяет единых форматов файла и кодирования аудио и видео, которые поддерживались бы всеми Web-обозревателями, "знакомыми" с этим стандартом. Вместо этого поддержка форматов была переложена на плечи разработчиков Web-обозревателей. С больной головы — на еще более больную...
В результате мы имеем довольно печальную картину, когда размещенный на Webстранице файл одними Web-обозревателями нормально воспроизводится, а другими — нет. Как вариант, Web-обозреватель нормально воспроизводит либо только видео, либо только аудио, что тоже отнюдь не радует.
Давайте сведем все форматы файлов, аудио и видео, поддерживаемые современными Web-обозревателями, в одну таблицу (табл. 19.1). Так нам будет проще в дальнейшем.
Тот еще "зоопарк"... Плохо еще то, что нет ни одной комбинации форматов файла, аудио и видео, которая поддерживалась бы всеми Web-обозревателями. Как говорится, за что боролись!..
Не отвлекаясь на проклятия в адрес разработчиков Web-обозревателей, не способных договориться друг с другом насчет совместимости форматов, выясним, как указать утилите SUPER формат, в который мы собираемся перекодировать мультимедийный файл.
Указание формата файла, как мы помним, выполняется с помощью раскрывающегося списка Select the Output Container. Пункты этого списка имеют названия, сходные с наименованиями соответствующих им форматов, так что мы не ошибемся. Пункты, представляющие форматы аудиофайлов, имеют в своем названии строчку "Audio Only".
Формат видео задается в списке Select the Output Video Codec. Пункты этого списка также имеют надписи, схожие с наименованиями соответствующих им форматов. Единственное исключение — для указания формата H.264 служит пункт
H.264/AVC.
- Введение
- Dreamweaver CS5.5 — что нового?
- Порты TCP
- Интернет-адреса
- IP-адреса и доменные имена
- Web-страницы и Web-сайты
- Что такое Web-страница и Web-сайт
- Web-сайты и Web-серверы: технические детали
- Корневая папка Web-сервера
- Публикация Web-сайта в Интернете. Хостинг-провайдеры
- Как создаются Web-страницы и Web-сайты. Web-редакторы
- Структурирование Web-сайта
- Физическая структура Web-сайта
- Что дальше?
- Панели
- Регистрация Web-сайта в Dreamweaver
- Название Web-страницы
- Набор текста
- Вставка специальных символов
- Разрыв строк
- Таблицы
- Создание таблицы
- Что дальше?
- Создание гиперссылок в Dreamweaver
- Создание текстовых гиперссылок
- Принципы формирования интернет-адресов, используемых в WWW
- Создание почтовых гиперссылок
- Якоря
- Литералы
- Задание параметров публикации Web-сайта
- Задание места публикации Web-сайта
- Задание в качестве места публикации FTP-сервера
- Задание основных параметров FTP-сервера
- Просмотр стилей, действующих на элемент Web-страницы, с помощью панели Стили CSS
- Справочник по CSS
- Что дальше?
- Параметры, задаваемые только вручную в CSS-коде
- Степень полупрозрачности элемента Web-страницы
- Создание тени у текста
- Практикум по созданию стилей
- Параметры рамки
- Практикум по созданию стилей
- Специальные компоненты комбинированных стилей
- Комбинаторы
- Практикум по созданию стилей
- Контейнеры
- Встроенные контейнеры
- Что дальше?
- Реализация контейнерного Web-дизайна
- Управление местоположением контейнеров. Плавающие контейнеры
- Создание полосы навигации
- Создание остальных Web-страниц Web-сайта
- Что дальше?
- Реализация шаблонного Web-дизайна
- Создание шаблона
- Дополнительные возможности шаблонов
- Повторяющиеся области
- Открепление Web-страниц от шаблонов
- Что дальше?
- Работа с поведениями
- Создание поведений
- Управление поведениями
- Интерактивный просмотр Web-страниц, дополнение
- Работа с эффектами Spry
- Создание эффектов Spry
- Управление эффектами Spry
- Работа с компонентами Spry
- Создание компонентов Spry
- Управление компонентами Spry
- Настройка внешнего вида компонентов Spry
- Что дальше?
- Создание наборов данных XML
- Краткий курс языка XML
- Создание набора данных XML в Dreamweaver
- Использование наборов данных XML
- Вывод данных, хранящихся в наборах
- Область Spry
- Оформление компонентов Spry с помощью стилей CSS
- Что дальше?
- Программа Adobe Widget Browser
- Выход из магазина приложений
- Работа с мини-приложениями в Dreamweaver
- Настройка мини-приложений
- Создание пользовательского пресета
- Управление пользовательскими пресетами
- Что дальше?
- Перекодирование мультимедийных файлов с помощью утилиты SUPER
- Размещение аудио- и видеороликов на Web-странице средствами HTML 5
- Подготовка мультимедийных файлов
- Размещение аудио и видео на Web-странице
- Альтернативные источники
- Размещение на Web-странице видеороликов Flash Video
- Подготовка видеофайлов
- Размещение видеоролика на Web-странице
- Что дальше?
- Реализация семантической разметки
- Атрибуты стиля, предназначенные для реализации многоколоночной верстки
- Основные параметры колонок
- Растягивание элемента Web-страницы на все колонки
- Реализация многоколоночной верстки
- Атрибуты стиля, предназначенные для реализации гибкой разметки
- Собственно реализация гибкой разметки
- Реализация гибкой разметки
- Заключение