Autoplay

Этот атрибут дает браузеру указание, начинать воспроизведение видео автоматически. Используйте его с осторожностью, так как это может быть крайне неприятно, если не просто проблематично, особенно для пользователей, использующих такие вспомогательные технологии, как считыватели экрана, или имеющих недостаточно быстрые соединения (такие как мобильные устройства).

Autobuffer

Если вы совершенно уверены, что пользователь захочет активировать видео (например, он специально перешел на страницу, и это единственная причина для посещения страницы), но вы не хотите использовать autoplay, можно задать логический атрибутautobuffer. Он говорит браузеру, чтобы загрузка медиа начиналась немедленно, предполагая, что пользователь будет воспроизводить видео. (Эта часть спецификации пока еще в стадии изменения; и поэтому не реализована в браузере Opera).

Loop

Атрибут loop является еще одним логическим атрибутом. Как можно было бы догадаться, он приводит к циклическому повторению воспроизведения видео. (В настоящее время это не реализовано в браузере Opera)

13. Создание собственных элементов управления (воспроизведение, работа со звуком).

Некоторые методы из наиболее подходящих для создания простого средства управления:

1. play() и pause()

Метод play будет всегда начинать воспроизведение с текущей позиции воспроизведения. Если видео загружено впервые, то на экране будет 1 кадр этого видео.

2. volume()

Задает громкость аудиодорожки (от 0.0 до 1.0, где 0.0 – звук выключен, а 1.0 – максимальная громкость)

3. muted

Выключение звука

4. current time

Возвращает текущую позицию воспроизведения в секундах

Некоторые события, которые есть для видео:

1. loaded data

Загрузка доступных медиа данных, для начала воспроизведения с текущей позиции.

2. play и pause

Воспроизведение было начато или остановлено на паузу. Если мы ведем управление видео из JS, мы можем следить за этими значениями, чтобы убедиться, что вызов play или pause завершено успешно.

3. timeupdate

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

4. Ended

Когда достигается конец видео и видео не задано на цикл повторения.

14. Введение в Jscript, краткая характеристика VBscript

Введение в Jscript

1. Jscript – интегрированный язык программирования, стандартизируемый международной организацией ECHA.

Синтаксис Jscript во многом аналогичен JavaScript, однако помимо добавления клиентских скриптов на WEB-странице и некоторых других функций, Jscript может использоваться для других целей. Например,

1. автоматизация, администрирование систем Microsoft Windows

2. создание страниц ASP

Jscript – это интерпретированный объектно-ориентированный язык.

Ограничения данного языка:

1. Язык не позволяет развивать самостоятельные приложения

2. Сценарии могут выполнятся только при помощи интерпритатора (WEB-браузера)

3. Jscript – язык без строго контроля типов, не требуется явно объявлять тип переменных. Некоторые действия автоматические.

Краткая характеристика VBscript

Visual Basic Scripting Edition

Сценарный язык программирования, интерпретируемый с компонентом Windows Script Host. VBscript используется в областях:

1. автоматизация, администрирование систем Windows

2. серверный программный код в страницах ASP

3. клиентские сценарии и браузеры IE.

Краткая характеристика VBScript(второй вариант)

Visual Basic Scripting Edition (обычно просто VBScript) — сценарный язык программирования, интерпретируемый компонентом Windows Script Host. Он широко используется при создании скриптов в операционных системах семейства Microsoft Windows.

Язык был создан компанией Microsoft как замена устаревшему пакетному языку, интерпретируемому приложением command.com. Синтаксис VBScript является упрощенной версией синтаксиса языка Visual Basic.

Сценарии на языке VBScript чаще всего используются в следующих областях, использующих программные продукты Microsoft:

· автоматизация администрирования систем Windows;

· серверный программный код в страницах ASP;

· клиентские сценарии в браузере Internet Explorer.

15. Java-апплеты, понятие о DOM

Java-апплеты – программа, написанная, на языке Java и откорректированный в BAIT код.

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

Преимущества:

1. Работает на большинстве современных платформ.

2. Поддерживаются большинством браузеров.

3. Кэшируется в большинстве браузеров, что существенно сокращает их загрузку сайтов.

4. После 1 запуска апплета, когда Java быстро загружается и выполняется загрузка апплетов быстрее

5. Загружаются со скоростью сопоставимой с программами на других языках, но во много раз быстрее, чем на JavaScript.

Недостатки:

1. требуется установка Java расширения

2. проблемы реализации Java расширений для 64-битных процессоров.

3. Не могут запускаться до 1 загрузки виртуальной Java машиной, что может занимать значительное время

4. Разработка количественного инт. с использованием апплетов является более сложной задачей, но сравним с HTMC.

5. Microsoft Silver light

-графическая система, объединяющая мультимедиа графику и анимацию в 1 платформе.

Представляет браузеру внутреннюю модель DOM, управляемую JS уода.

Понятие DOM

Document Object Model – объектная модель документа – независящий от платформы и языка пр. интерфейс, позволяющий программам получать доступ к документам., изменять содержимое, вид, структуру.

16. CSS3. borders и backgrounds

CSS3 - новая версия каскадных таблиц стилей, которая была сильно расширена, дополнена и переработана:

· Добавлено множество новых селекторов.

· Существенно было переработано позиционирование элементов.

· Была расширена поддержка различных медиа-устройств.

· Появились тени, как от текста, так и от блоков. Раньше этого эффекта можно было добиться путем наложения одного элемента поверх другого со смещением или же с помощью различных фильтров и т.д.

· Появилось скругление углов у блоков. Ранее это реализовывалось при помощи картинок и огромного количества HTML-разметки.

· Также появилась возможность в качестве границ устанавливать изображения.

· Фоны также претерпели изменений. Появилась возможность применения множества фоновых изображений для блока.

· Возможность указания цвета в системе RGBA. Это практически обычный цвет в RGB, но с дополнительным атрибутом прозрачности. RGBA работает только с фоном и никак не затрагивает содержимое.

· Анимация. Ранее анимация элементов достигалась при помощи JavaScript. Теперь это можно делать средствами CSS.

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

К числу наиболее важных свойств CSS3 Borders можно отнести следующие:

border-radius - задание радиуса контура

box-shadow - задание тени контура

border-image - задание изображения в качестве контура.

В IE9 на момент создания данного курса была реализована поддержка только первых двух.

CSS3 Box Shadow применяется для добавления тени к блоку.

CSS3 Backgroundsпредоставляет больше возможностей для управления элементом фона.

Наиболее важными свойствами являются background-size и background-origin.

17. CSS3. transforms и animations

CSS3 - новая версия каскадных таблиц стилей, которая была сильно расширена, дополнена и переработана:

· Добавлено множество новых селекторов.

· Существенно было переработано позиционирование элементов.

· Была расширена поддержка различных медиа-устройств.

· Появились тени, как от текста, так и от блоков. Раньше этого эффекта можно было добиться путем наложения одного элемента поверх другого со смещением или же с помощью различных фильтров и т.д.

· Появилось скругление углов у блоков. Ранее это реализовывалось при помощи картинок и огромного количества HTML-разметки.

· Также появилась возможность в качестве границ устанавливать изображения.

· Фоны также претерпели изменений. Появилась возможность применения множества фоновых изображений для блока.

· Возможность указания цвета в системе RGBA. Это практически обычный цвет в RGB, но с дополнительным атрибутом прозрачности. RGBA работает только с фоном и никак не затрагивает содержимое.

· Анимация. Ранее анимация элементов достигалась при помощи JavaScript. Теперь это можно делать средствами CSS.

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

С помощью CSS3 Transforms возможно перемещать, масштабировать, поворачивать, вращать и растягивать элементы.

2D трансформации задаются следующими методами:

· translate()- смещение

· rotate() - вращение

· scale() - масштабирование

· skew() - сдвиг

· matrix() - комбинированная трансформация, описываемая матрицей коэффициентов.

CSS3 Анимация похожа на CSS3 Transitions в том, что они плавно анимации значения CSS с течением времени. Различия

1. как один указывает свойства анимации

2.каким запускает анимацию

3. сложность анимации возможно.

Эффект анимации осуществляется с использованием “@keyframes ”. Эффект анимации позволяет элементу постепенно изменяться от одного стиля к другому. Можно изменить столько стилей, сколько вы хотите. Столько раз, сколько вы хотите.

Новыми являются:

• animation-fill-mode - значение forwards указывает браузеру, что следует остановить анимацию на последнем кадре по окончанию последнего повтора и не отматывать ее к первоначальному состтоянию.

• animation-name - указывает имя keyframe, которое вы хотите связать с селектором.

• animation-timing-function - указывает скорость анимации. Кривая скорости определяет время анимации, которое используются для перехода от одного набора стилей CSS к другому. Используется для плавного изменения скорости.

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

Селекторы атрибутов и селекторы псевдоклассов

18. Селекторы атрибутов и селекторы псевдоклассов