HTML5 за 10 минут

Исходный файл для преобразования


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

Щелкните на кнопке Convert File (Преобразовать файл).

Вместо кнопки Convert File появится кнопка Submitting Data (Передача данных), а также индикатор выполнения преобразования. По завершении данного процесса произойдет переход на следующую страницу, где выходной файл подготавливается к загрузке и затем открывается стандартное окно загрузки или открытия файла в выбранном приложении. Как правило, файл загружается в каталог, используемый браузером по умолчанию. В Windows это каталог Мои документыЗагрузки, откуда вы можете переместить преобразованный файл туда, где находится исходный файл, средствами операционной системы.

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

Пример воспроизведения видеозаписи на веб-странице

Для того чтобы приступить к созданию примера HTML-документа video.htm, выполните следующие действия.

1.   Создайте HTML-документ video.htm в любом редакторе текста, например в Windows WordPad.

2.   Введите приведенный ниже код основного тела HTML-документа.

<!DOCTYPE html>

<html>

<head>

<title>

Видео в HTML5 </title>

</head>

</html>

3.   Введите выделенный ниже полужирным код для создания элемента <body>.

<!DOCTYPE html>

<html>

<head>

<title>

Видео в HTML5 </title>

</head>

<body>

<Ь1>Видео в HTML5</hl>

</body>

</html>

4.   Сохраните внесенные изменения в файле video. htm. Непременно сделайте это в текстовом формате. По умолчанию в текстовом редакторе WordPad выбирается расширенный текстовый формат RTF, непригодный для браузеров.

Итак, начало созданию примера HTML-документа video.htm положено. Для того чтобы ввести в него элемент <video>, выполните следующие действия.

1.   Откройте HTML-документ из файла video.htm в избранном вами редакторе текста, например в Windows WordPad.

2.   Введите выделенный ниже полужирным код для создания элемента <video>.

<!DOCTYPE html>

<html>

<head>

<title>

Видео в HTML5 </title>

</head>

<body>

<Ь1>Видео в HTML5</hl>

<video>

</video>

</body>

</html>

3.   Введите выделенный ниже полужирным код для указания места нахождения видеозаписи и размеров кадра ее воспроизведения. (Вместо файла brtmuseum.ogg можете подставить в приведенный ниже исходный код файл своей видеозаписи.)

<!DOCTYPE html>

<html>

<head>

<title>

Видео в HTML5 </title>

</head>

<body>

<Ь1>Видео в HTML5</hl>

<video height="300" width="400"

STc=”brtmuseum.ogg”>

</video>

</body>

</html>

4.   Сохраните внесенные изменения в файле video. htm. Непременно сделайте это в текстовом формате. По умолчанию в текстовом редакторе WordPad выбирается расширенный текстовый формат RTF, непригодный для браузеров.

Комментарии закрыты