7. Видео. Параметры видеофайлов - частота кадров, разрешение, цветовая модель и глубина цвета, соотношение сторон экрана. Потоки и их синхронизация. Компенсация движения.

Видео — последовательная смена изображений, сопровождаемая аудиовизуальными эффектами. Частота смены кадров в зависимости от формата – 25 либо 29 кадр\сек.

Видеофайл включает в себя все четыре составляющих: видео, звук, текст и графику.

Параметры видеофайлов:

Количество кадров в секунду. Частота кадров в секунду — это число неподвижных изображений, сменяющих друг друга в единицу времени и создающих эффект движения объектов на экране. В плёночном кинематографе 24 кадра в сек. Системы телевидения PAL и SÉCAM используют 25 кадров в секунду (25 fps), в NTSC использует 30.

Разрешение. Аналоговое телевизионное разрешение составляет 720×576 пикселей для стандартов PAL и SÉCAM, при частоте кадров 50 fps и 720×480 пикселей для NTSC, при частоте 60 fps. HDTV предполагает разрешения до 1920×1080 при частоте мелькания 60 fps.

Цветовая модель и глубина цвета. Количество цветов и цветовое разрешение видеосигнала описывается цветовыми моделями. Для стандарта PAL применяется цветовая модель YUV, для SÉCAM модель YDbDr, для NTSC модель YIQ. Эти модели позволяют передавать цвета по одному каналу, что в свое время решило проблему перехода от ЧБ телевидения к цветному (при просмотре цветного видео на ЧБ телевизоре, отображается только компоненту яркости(Y). Количество цветов, которое может отобразить монитор или проектор зависит от самого устройства. Количество цветов в видеоматериале определяется глубиной цвета – числом бит, отведённым для кодирования цвета каждого пикселя (bits per pixel, bpp). Один бит позволяет закодировать два цвета (2^1=2) (чёрный и белый), 2 бита — 4 цвета, 8 бит — 256 цветов/

• Соотношение сторон экрана. 4:3 – «телевизионное» соотношение сторон. Чтобы приблизить форму кадра к естественному полю зрения человека, был введён стандарт 16:9, почти соответствующий так называемому «Золотому сечению». Цифровое телевидение ориентируется на соотношение 16:9.

Потоки и их синхронизация. При воспроизведении видео надо синхронизировать потоки видео, звука и субтитров. Реализация на примере формата avi (Audio Video Interleave – чередование аудио и видео): видеопоток разделяется на кадры, воспроизводится первый кадр, сразу за ним кусок аудио, соответствующий этому кадру, следом пускаем второй кадр и второй же аудиофрагмент – и так циклично пропускаем все видео. Зритель не успевает заметить «подвоха». Единственный минус – из-за разбиения avi-формат не позволяет получить аудиофайл с файла.

Компенсация движения реализуется за счет похожести соседних кадров. Поскольку соседние кадры в видео-последовательности, как правило, похожи, но смещены друг относительно друга, становится возможным восстановить это смещение и построить блоки нового кадра из блоков старого. Обычно для этого используются блоки размером 16х16 или 8х8. Компенсация движения является неотъемлемой частью хороших алгоритмов повышения качества видео, в частности, алгоритмов шумоподавления.

8. Стандарты кодирования видео - MPEG-1, MPEG-2, MPEG-4 и MPEG-4 Part 10 (H.264). Кодеки как программная реализация стандартов. Контейнеры видеофайлов. Форматы AVI, MP4, MKV. Стандарты DVD-Video и DVD-Audio.

MPEG - один из основных стандартов сжатия. Аббревиатура MPEG (Moving Pictures Expert Group) - это название международного комитета, занимающегося разработкой данного стандарта сжатия. Его разновидности:

MPEG-1 - формат сжатия для компакт-дисков (CD-ROM). Качество видео - как у обычного видеомагнитофона, разрешение 352х240, диск с фильмом в таком формате обычно обозначается VCD (VideoCD).

MPEG-2 - формат для DVD-дисков, цифрового телевидения. В этом формате снимают видео DVD-, HDD-, Flash-камеры.

MPEG-3 - сейчас не используется.

MPEG-4 - это формат, получаемый с помощью известных кодеков DivX, XviD, H.264 и др. Часто его называют просто MP4. Уменьшает видеопоток еще сильнее, чем MPEG-2. Используется в DVDRip.

H.264, MPEG-4 Part 10 или AVC— лицензируемый стандарт сжатия видео, предназначенный для достижения высокой степени сжатия видеопотока при сохранении высокого качества. Используется в цифровом телевидении высокого разрешения (HDTV) и во многих других областях цифрового видео.

Сравним: фильм длительностью 1,5 часа в формате DV занимает примерно 20 Гб, в MPEG-2 - 4,7 Гб (пишем на DVD-диск), в формате MPEG-4 - 700 Мб (пишем на CD-диск.

Кодек (КОдировщик/ДЕКодировщик) — это способ шифрования видеоданных для записи в файл (например, AVI) и расшифровки этого же файла при воспроизведении. Задача любого кодека - максимальное сжатие файла без заметной потери качества.

Кодек DivX основан на стандарте MPEG-4 и позволяет в несколько раз уменьшить объем видео в формате DVD. В последних версиях реализована полнейшая совместимость со стандартом MPEG-4. Xvid является бесплатной версией Xvid

Форматы видеофайлов:

AVI (Audio and Video Interleaved) — Самый распространенный и «старый» формат контейнера. Разрабатывался корпорацией Microsoft в качестве стандартного формата для OS Windows, поэтому его поддерживают все программы, которые работают с видео.

Звук и видео в этом формате записываются поочередно: 1 видео – кадр звук — 1 видео — звук — видео и т.д.

MP4 — Является составной частью стандарта MPEG-4.

Предусматривает не только хранение аудио и видео, а ещё и анимированного/интерактивного содержимого (например, меню DVD-фильма). Для проигрывания mp4 файлов, содержащих лишь аудио и видео потоки, можно воспользоваться почти любым медиапроигрывателем. Звуковая дорожка в MP4 может быть моно, стерео и многоканальной.

MKV (Matroska или Матрёшка) — На данный момент этот формат является наиболее «гибким». Включает возможность отображения текстовой информации (субтитров).

Развивается как проект Open Source (т.е. с открытым кодом). Это означает, что для персонального использования он абсолютно бесплатен. Matroska является прямой открытой альтернативой контейнерам AVI, MP4.

Стандарт DVD можно считать за подмножество стандарта MPEG2.

DVD-Video.

Фильмы на DVD сжаты с использованием алгоритма MPEG-2 пережимаются с битрейтом от 2000 до 9800 Кбит/с, часто бывает переменным (VBR). Стандартный размер видео кадра стандарта PAL равен 720×576 точек, стандарта NTSC — 720×480 точек.

DVD-Audio.

Это цифровой формат DVD, созданный специально для высококачественного воспроизведения звуковой информации. Важным преимуществом стандарта DVD-Audio является поддержка многоканального звука.

Звук на диске может иметь 16-, 20— или 24-х битовое квантование, а также частоты дискретизации 44.1, 48, 88.2, 96, 176.4 или 192 кГц.

Существуют две версии формата DVD-Audio:

• DVD-Audio — только для звукового содержания.

DVD-AudioV — для звука с дополнительной информацией

9. Основы языка гипертекстовой разметки HTML. Структура HTML-документа. Определение типа документа. Различия версий HTML 4.0 и XHTML 1.0. Раздел head, его структура, основные элементы и их назначение. Теги title, link, meta.

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

Структура HTML документа:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html> (Начало документа)

<head><title>ЗАГОЛОВОК ДОКУМЕНТА</title></head>

<body>ТЕЛО ДОКУМЕНТА</body>

</html> (Конец документа)

Определения типа документа. (Document Type Definition, DTD). Они устанавливают правила и определяют структуры, которые можно использовать в совместимых документах. В HTML 4.0 определены три DTD: строгое (strict – полностью запрещает использование визуальных тегов), свободное (Transitional) и фреймовое (Frameset). Для этого в первую строку описания типа документа включается DTD.

Различия между XHTML и HTML.

• Все элементы должны быть закрыты. (даже одиночные теги <br />).

• Имена тегов и атрибутов должны быть записаны строчными буквами.

• XHTML гораздо строже относится к ошибкам в коде. По рекомендации W3C браузеры должны сообщать об ошибке и не обрабатывать документ. В HTML же браузер пытается понять что имел в виду автор.

• Кодировкой по умолчанию является UTF-8 (в отличие от HTML, где кодировкой по умолчанию является ISO 8859-1).

Тег <HEAD> предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными. Содержимое тега <head> не отображается напрямую на веб-странице, за исключением тега <title> устанавливающего заголовок окна веб-страницы.

<title> — определяет заголовок документа.

<link> — устанавливает связь с внешним документом вроде файла со стилями или со шрифтами.

rel — определяет отношения между текущим документом и файлом, на который делается ссылка,

type — MIME-тип данных подключаемого файла.

href — Путь к связываемому файлу,

<link rel="stylesheet" type="text/css" href="ie.css">

<meta> — определяет метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Разрешается использовать более чем один метатег. Как правило, параметры любого метатега сводятся к парам «имя=значение», которые определяются аргументами content, name или http-equiv.

10. Таблицы в языке HTML. Теги и атрибуты, используемые для создания таблиц. Объединение ячеек. Особенности таблиц, используемых для вывода табличных данных и для создания каркаса страниц. Преимущества и недостатки верстки страниц с использованием таблиц.

<table> - контейнер для элементов, определяющих содержимое таблицы. Внутри <table> допустимо использовать следующие элементы: <td>, <tr>, <caption> - заголовок, <col> - ширина и др. характеристики колонок, <colgroup>, <tbody> - группировка строк, <tfoot>, <th>-заголовочная ячейка с жирным шрифтом по центру, <thead>.

Align, background, bgcolor, border, bordercolor, cellpadding (отступ), cellspacing(расстояние между ячейками), cols задает количество столбцов в таблице, помогая браузеру в подготовке к ее отображению, height, width.

<tr> — контейнер для создания строки таблицы (align, bgcolor, bordercolor, valign)

<td> — для создания одной ячейки таблицы. Должен размещаться внутри контейнера <tr>, который в свою очередь располагается внутри тега <table> (align, background, bgcolor, bordercolor, height, nowrap — запрещает перенос строк, valign, width, colspan — объединяет горизонтальные ячейки, rowspan — объединяет вертикальные ячейки).

Особенности таблиц

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

Размеры таблицы изначально не установлены и вычисляются на основе содержимого ячеек.

Если для таблицы задана ее ширина в процентах или пикселах, то содержимое таблицы подстраивается под указанные размеры.

Преимущества таблиц

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

При изменении размера окна браузера, колонки сохраняют свой исходный вид, а не переносятся как слои друг под друга. К тому же высота разных колонок при использовании таблиц остается одинаковой, независимо от объема их содержимого.

«Резиновый» макет. Таблицы удачно подходят для «резинового» макета, ширина которого привязана к ширине окна браузера. (размер таблицы можно задавать в процентах)

«Склейка» изображений. Рисунки часто разрезают на отдельные фрагменты, а затем собирают их вновь в одно целое, выкидывая одни фрагменты или заменяя их другими изображениями. Это требуется для различных дизайнерских изысков вроде создания эффекта перекатывания, анимации или уменьшения объема файлов.

Фоновые рисунки. За счет этого приема на странице создаются декоративные линии, рамки самого разнообразного вида, добавляется тень под элементом.

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

Таблицы отображаются в разных браузерах практически одинаково, в отличие от некоторых параметров CSS

Недостатки таблиц.

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

Громоздкий код.

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

Нет разделения содержимого и оформления. В идеале HTML-код должен содержать только теги с указанием стилевого класса или идентификатора. Хотя к таблицам стиль легко добавляется, но обилие «лишних» тегов не позволяет действительно просто и удобно управлять видом отдельных компонентов страницы.

Несоответствие стандартам. В последнее время стандарты HTML и CSS прочно засели в умах веб-разработчиков. Этому способствует развитие XHTML и XML, которые более «жестко» относятся к коду документа, появление новых версий браузеров, придерживающихся спецификации, и мода на верстку слоями.

Применение таблиц разумно:

для разещения табличных данных

когда высота колонок должна быть одинаковой

нет времени на сложную верстку

11. Каскадные таблицы стилей CSS. Способы включения в документ - внешние, внутренние и локальные стили. Синтаксис CSS - селекторы, свойства. Селекторы по элементу, по классу и по ID элемента. Каскадирование.

CSS (Cascading Style Sheets, каскадные таблицы стилей) — это набор параметров форматирования, который применяется к элементам веб-страницы для управления их видом и положением.

Внешние стили. Располагаются в отдельном файле с расширением css, а для связывания документа с этим файлом применяется тег <link>.

<head> <link rel="stylesheet" type="text/css" href="mysite.css"> </head>

Внутренние стили. располагаются в заголовке веб-страницы.

<head> <style type="text/css">

H1 { font-size: 120%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #336; }

</style> </head>

Локальные: является по существу расширением для одиночного тега. атрибут style.

<h1 style="font-size: 120%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #336">Заголовок</h1>

Синтаксис CSS.

Селектор { свойство1: значение; свойство2: значение; ... }

Пробелы и абзцы значения не имеют. Важные знаки: : ; { }

Селектор служит как указание на тип объектов, для которого определяются правила форматирования, такие как: цвет, фон, размер и т.д.

• * - универсальный селектор — на все элементы

• селектор элементов h1, p, div {…}

• селекторы потомков p ul {…}

• селектор класса .classname {…} к одному классу принадлежат несколько элементов

• идентификатор #idname уникальный для одного элемента

Каскадирование.

Таблицы стилей могут иметь 3 источника происхождения: автор, пользователь, браузер. Таблицы локальные, внутренние, внешние.

Каскадность языка CSS состоит в том, что каждому правилу приписан свой вес, и если к элементу применены несколько правил, то используется правило с наибольшим весом.

Специфичность:

<p> = 1

.class = 10

#id = 100

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

‹style› p {color: blue !important} ‹/style›