Видео в формате HTML5

С этим уроком также смотрят

Данный видеокурс познакомит вас с последней версией известного видеоредактора от студии Corel - Video Studio X5. Посмотрите его, и вы откроете для себя мир создания стильных клипов и видеороликов!

Corel is trademark or registered trademark of Corel Corporation and/or its subsidiaries in Canada, the United States and/or other countries. Windows is registred trademark of the Microsoft group of companies.

Обновлен: 6 мая 2015

Corel Video Studio X5,
Видео

Loading the player...
Текст урока

В новейшей версии программы Corel® Video Studio Pro X5 появилась возможность создавать видео в современном формате HTML5 для использования на сайтах. HTML5 – это самый последний стандарт верстки веб-страниц Этот формат позволяет встроить гиперссылки и интерактивные элементы (например, кнопки) непосредственно в видео.

Однако в отличие от других программ видеомонтажа, которые также поддерживают экспорт в формат видео HTML5, Corel® Video Studio Pro X5 создает не просто видеофайл, а готовую веб-страницу с независимо встроенной графикой и видео.

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

Весь текст и анимация графики выводятся в формате javascript, а видео переносится непосредственно в HTML5.

Итак, чтобы создать видео в формате HTML5, воспользуйтесь меню «Файл» и выберите пункт «Новый проект HTML5».

Для начала можно использовать шаблон из рубрики HTML5.

В фоновой дорожке используйте ваши видеоклипы. При экспорте весь проект будет объединен в один видео файл и экспортирован в двух форматах: webm и h.264. Это делается для сохранения совместимости со всеми браузерами, поддерживающими HTML5.

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

Когда проект будет готов, перейдите на этап «Выпуск» и щелкните на кнопку «Создать файл HTML5». В новом окне нужно выбрать, где сохранить веб-страницу, ввести название папки и проекта, а также выбрать разрешение и соотношение сторон.

После того как проект экспортирован, вы можете просмотреть результат, перейдя в готовую папку и открыв файл index.html. Теперь осталось только выгрузить полученную страницу на свой сервер – и вы сможете использовать ее на сайте.

Комментарии (2)

Оглавление
1. Нововведения. Часть 1 0:00 1 6645
2. Нововведения. Часть 2 0:00 1 1528
3. Знакомство с интерфейсом. Часть 1 0:00 0 2226
4. Знакомство с интерфейсом. Часть 2 0:00 0 1223
5. Знакомство с интерфейсом. Часть 3 0:00 0 1154
6. Органайзер 0:00 0 1240
7. Монтажная линейка. Часть 1 0:00 0 1460
8. Монтажная линейка. Часть 2 0:00 0 941
9. Редактирование клипа 0:00 0 1845
10. Наложение клипов 0:00 0 1593
11. Добавление переходов 0:00 0 1154
12. Добавление фильтров 0:00 0 1071
13. Движение клипов 0:00 0 1412
14. Редактирование звука 0:00 0 1371
15. Аудиофильтры 0:00 0 1165
16. Титры 0:00 0 1062
17. Работа с графикой 0:00 0 1197
18. Захват экрана 0:00 1 820
19. Создание стильного слайд-шоу 0:00 0 1599
20. Работа со слоями 0:00 0 2096
21. Управление скоростью воспроизведения 0:00 0 1069
22. Видео в формате HTML5 0:00 2 1184
Яндекс цитирования
Нажмите нравится, чтобы читать "TeachVideo.ru" в facebook