subtitles - субтитры в видео
Форматы
Видео кодеки предлагаемые спецификацией HTML 5
mpeg4
H.264
Ogg
<video controls loop>
<source src='video.ogg' type='video/ogg'> <source src='video.mp4' type='video/mp4'> </video>
Открытый ogg - формат
OGG Vorbis — формат
2002 год
некоммерческая организация Xiphophorus
формат сжатия с потерями
поддержка практически на всех платформах
поддерживает многоканальный звук (до 225 каналов)
поддерживает потоковое вещание
частота дискретизации формата от 2 до 192 КГц
разрядностью до 32 бит
информация об авторе и пр. записываются в Unicode
OGG Vorbis поддерживается всеми плеерами (Linux) / плагины
|
Медиа-события |
onprogress |
перемещение "головки воспроизведения" медиа данных |
onplay |
Старт воспроизведения медиа данных |
onloadstart |
ПА начинает загружать медиа данные с сервера |
onpause |
воспроизведение медиа данных приостановлено |
onplaying |
начато воспроизведение медиа данных |
ontimeupdate |
изменилось положение головки воспроизведения элемента audio |
|
или video |
onvolumechange |
меняется атрибут volume или muted у элементов audio или video |
onwaiting |
следующий кадр при воспроизведении медиа данных недоступен, |
|
но браузер ожидает что он вскоре загрузится |
Полный список – 23 события
ЭУ форм
ВHTML5 число доступных ЭУ расширено
Селектор даты и времени
Элемент задания числовых пределов
Задание цвета
Текстовое поле для ввода адреса электронной почты
Ползунок
Ввод месяца
Ввод недели
Поле поиска
url
Поддержка новых ЭУ
<!DOCTYPE html> <html>
<head>
<title>Форма, передающая данные методом get</title> </head>
<body>
<form action="" method="post"> <table border="1" cellpadding="5"> <tr>
<td>Enter Name</td>
<td><input name="name" required placeholder="Name?" autufocus> </td>
</tr>
<tr> <td>Web-site</td>
<td><input name="url" type="url" > </td>
</tr>
<tr> <td>E-mail</td>
<td><input name="email" type="email" > </td>
</tr>
<tr>
<td>Range</td>
<td><input name="range" type="range" min="0" max="100" step="5" value="40"> </td>
</tr>
<tr>
<td>Number</td>
<td><input name="number" type="number" min="0" max="100" step="5" value="40"> </td>
</tr>
<tr>
<td>Date</td>
<td><input name="date" type="date" > </td>
</tr>
<tr>
<td>Week</td>
<td><input name="week" type="week" > </td>
</tr>
<tr>
<td>Month</td>
<td><input name="month" type="month" > </td>
</tr>
<tr>
<td>Time</td>
<td><input name="time" type="time" >
</td>
</tr>
<tr>
<td>Date and Time</td>
<td><input name="datetime" type="datetime" > </td>
</tr>
<tr>
<td>Date and Time Local</td>
<td><input name="datetimelocal" type="datetime-local" > </td>
</tr>
<tr>
<td>Color</td>
<td><input name="color" type="color" > </td>
</tr>
<tr>
<td>Search</td>
<td><input name="search" type="search" > </td>
</tr>
<tr>
<td>Tel</td>
<td><input name="tel" type="tel" > </td>
</tr>
</table >
<input type="text" … pattern="[a-z]{3}[0-9]{3}"> <input type="submit" value="ok-button" name="input"> </form> </body></html>
Новые атрибуты
У каждого ЭУ имеются атрибуты, отвечающие за установку свойств в заданные значения.
<input name="number" type="number" min="0" max="100" step="5" value="40"> <input name="range" type="range" min="0" max="100" step="5" value="40">