www.seomark.ru
Обзоры интересных и полезных программ, фотография, радио, веб-дизайн и т.д. и т.п. и др. и пр.

Полезные программы

Логотип Софт

Видеоредакторы, конвертеры, запись DVD.
Обзор программ

Вставка видео на сайт

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

Самый простой способ - загрузить видео на YouTube, получить ссылку и разместить на своем сайте. Достоинства такого размещения видео - вы не расходуете дисковое пространство своего хостинга и от вас не требуется знаний по редактированию и сжатию видеофайлов. Размер файла ограничен 2Гб, а время демонстрации - 15 минутами, чего вполне достаточно для большинства применений.

Для размещения видео на YouTube, заходите на главную страницу http://www.youtube.com (русский язык загружается автоматически), жмете кнопку Создать аккаунт и далее действуете по инструкции:
- заполняете регистрационную форму;
- задаете имя пользователя и свои данные, включая e-mail;
- принимаете Условия использования YouTube и Условия предоставления услуг Google;
- задаете и подтверждаете пароль;
- на указанный вами адрес электронной почты придет ссылка на ваш аккаунт и вы можете начать загрузку видео на YouTube обычным способом, выбирая файлы с дисков вашего компьютера;
- при загрузке вы можете указать название видео, описание и ключевые слова;
- после окончания обработки (конвертации и сжатия) видео будет размещено на YouTube и доступно для просмотра.

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

Дополнительное преимущество такого способа вставки видео на сайт - отсутствие необходимости устанавливать программу проигрывателя на ваш сайт.

Использование YouTube оптимально для больших видеороликов, но для короткой рекламы, длиной не более 5-10 секунд с максимальным размером до 1 Мб лучше использовать непосредственное размещение видео и его автоматический запуск при загрузке страницы. Для этого можно использовать flash- или gif-анимацию. Рассмотрим процесс преобразования стандартного рекламного видеоролика для размещения его на сайте. При этом не будем использовать профессиональные, то есть сложные и дорогие, видеоредакторы, а сделаем все быстро, качественно и бесплатно "без шума и пыли".

1. Предположим, что у вас есть исходный видеоролик, созданный за неприличные деньги телевизионных дел мастерами. Обычно он не превышает по длительности несколько десятков секунд, но его вполне можно сократить до 3-5 секунд путем вырезания лишних фрагментов. Для этого подходит простая бесплатная программа AVI Trimmer + MKV 2 компании Сольвейг Мультимедиа, работа с которой подробно описана в статье о бесплатных видеоредакторах.

В большинстве случаев желательно также убрать звук из видеоролика. Это можно сделать любым способом, например, с помощью встроенной в ОС Windows программы Windows Movie Maker (См. статью Создание слайд-шоу в Windows Movie Maker).

2. После творческого обрезания видеоролик необходимо конвертировать в новый формат с максимальным сжатием. Для этого воспользуемся еще одним полностью халявным замечательным продуктом iWisoft Video Converter (см. статью Бесплатный видеоредактор и конвертер iWisoft Video Converter ) - рис.1:

Рабочее окно программы iWisoft Free Video Converter
Рис.1. Рабочее окно программы iWisoft Free Video Converter

После загрузки исходного видеофайла выбираем формат сжатия *.swf кнопкой Profile - рис.2.

Выбор формата преобразования *swf в программе iWisoft Video Converter
Рис.2. Выбор формата преобразования *.swf в программе iWisoft Video Converter

Далее необходимо выбрать оптимальные параметры сжатия - кнопка Settings: размеры в пикселах (Size), частоту кадров (Rate) и битрейт (Bitrate). Ориентироваться надо на получение минимального размера файла при сохранении хорошего качества видеоролика - рис.3:

Выбор формата преобразования *swf в программе iWisoft Video Converter
Рис.3. Выбор параметров сжатия в программе iWisoft Video Converter

Для начала конвертации жмем кнопку Start (рис.1). После получения оптимального результата методом проб и ошибок необходимо вставить полученный *.swf-файл на страницу сайта. Замечу, что для совсем маленьких исходных файлов можно использовать формат GIF Animation format - *.gif (рис.2). По сравнению с SWF он дает несколько больший размер после сжатия, но его проще вставить на сайт - GIF-файлы вставляются как обычное изображение. Кроме того, GIF-формат гарантированно будет воспроизводиться во всех браузерах, независимо от установки дополнительных плагинов.

Для размещения на сайте нашего видеофайла воспользуемся тегом <object>...</object>, внутри которого находятся одиночные теги <param /> и двойной <embed ></embed>:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/
swflash.cab#version=8,0,0,0" width="200" height="150" align="middle" >
<param name="quality" value="high" />
<param name="menu" value="false" />
<param name="bgcolor" value="#f2e0ba" />
<param name="movie" value="reclama.swf" />
<embed src="reclama.swf" width="200" height="150" quality="high" menu="false"
bgcolor="#f2e0ba"></embed>
</object>
.

Здесь необходимо указать адрес видеофайла (src="reclama.swf"), ширину и высоту картинки (width="200" height="150") и некоторые другие параметры: выравнивание, границу, цвет фона, воспроизведение одиночное или по циклу (задано по умолчанию) и т.п., которые легко определить, взглянув на представленный код.

Атрибуты
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"

определяют параметры Adobe Flash Player - программы, отвечающей за воспроизведение SWF-файлов в браузере. Их, не вдаваясь в подробности, вы просто копируете.

В принципе, тега <object>...</object> вполне достаточно для воспроизведения видеофайла, но для корректности желательно добавить еще сценарий JavaScript. Обычно HTML-редакторы добавляют такой скрипт автоматически, когда находят в коде тег <object>. Например, Adobe Dreamweaver при открытии страницы обязательно предложит это сделать, на что надо согласиться. В результате, предыдущий пример будет выглядеть так:

<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/
cabs/flash/swflash.cab#version=8,0,0,0', 'width','200',
'height','150','align','middle','src','reclama', 'quality','high','menu','false',
'bgcolor','#f2e0ba','movie','reclama' ); //end AC code
</script>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/
cabs/flash/swflash.cab#version=8,0,0,0" width="200" height="150" align="middle" >
<param name="quality" value="high" />
<param name="menu" value="false" />
<param name="bgcolor" value="#f2e0ba" />
<param name="movie" value="reclama.swf" />
<embed src="reclama.swf" width="200" height="150" quality="high" menu="false"
bgcolor="#f2e0ba"></embed>
</object>
</noscript>

Для ручной вставки данного JavaScript необходимо добавить на страницу внутрь тега <head>...</head> строчку
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>,
и загрузить на сервер соответствующую папку Scripts. Скачать её можно здесь. После скачивания распакуйте архив в каталог с вашей страничкой и загрузите на сервер.

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

18.03.2012 г.

Задать вопрос автору





Яндекс.Метрика
Продажа радиодеталей. Преобразователи напряжения

Copyright © 2008 - Марк Розенталь e-mail: Мой e-mail
Перепечатка материалов сайта разрешается при условии сохранения имени автора и гиперссылки на www.seomark.ru
Ключевые слова: видеоредактор, загрузка видео на сайт, бесплатный видеоредактор, скачать видеоредактор, программы для видеомонтажа