Пришлось повозиться, пока разобрался что да как. Самый простой способ — это залить видео на youtube.com (или аналогичный сервис), получить код для встраивания на свой сайт и вставить полученный HTML-код в нужное место на сайте. При этом само видео будет храниться на ютубе, на сайте же останется только «ссылка» на него. Однако данный способ мне не подходил, так как у меня видео с эротическим содержанием, а подобные ролики на ютубе долго не живут. Пришлось изучать как хранить и проигрывать видео на своём сайте.
Для начала мне необходимо было захватить видео с экрана компьютера. Перепробовав несколько прог, остановил свой выбор на
HyperCam2. Программа бесплатная, но будет за это показывать рекламу внизу главного окна приложения (что, впрочем, никак не мешает процессу захвата). Простой интерфейс позволяет сделать все настройки быстро и просто, если не ошибаюсь, то есть даже русифицированная версия (сам я использую английскую). Можно настроить область захвата (ввести координаты или визуально), установить горячие кнопки, указать путь для файлов с записями и способ сжатия, выбрать устройство для записи звука и многое другое. Что бы впоследствии не было мучительно больно, я записываю видео без сжатия, а потом обрабатываю полученную запись как мне надо. Места для этого требуется много, но за то не возникает проблем при редактировании.
Дальше необходимо отредактировать видео и сконвертировать его в формат flv для проигрывания на сайте. Есть много программ, которые позволяют сразу сделать обе эти операции, но я, так сложилось, использую два отдельных приложения для этих целей.
Для редактирования видео я традиционно пользуюсь бесплатным
VirtualDub. В нём я, при необходимости, меняю разрешение полученного ролика, вырезаю лишние фрагменты, накладываю фильтры, а так же меняю параметры звука и сжимаю видео одним из доступных кодеков. Сжатие я произвожу, так как на хостинге у меня ограничено место и хотелось бы что бы видео занимало как можно меньше места. Это достигается за счет некоторой потери качества при сжатии. У меня наилучшие результаты (размер/качество) даёт сжатие в формат h264 (возможно потому, что захваченное видео изначально транслируется в этом формате), при помощи бесплатного кодека ffdshow, который входит в состав многих кодек-паков. Так же ffdshow можно
скачать и установить отдельно.
После обработки видео его необходимо сконвертировать в формат flv. Для этого я использую бесплатную утилиту
ffmpeg). В принципе, ffdshow построен на том же самом ffmpeg, так что, теоретически, можно было сразу в VirtualDub сконвертировать ролик в flv, но у меня это не получилось :) Итак, набираю команду
ffdshow -i video.avi video.flv
и через несколько секунд ролик готов.
Осталось последнее — выложить полученное видео на сайт. Если на сайте используется движок, способный самостоятельно проигрывать видео, то достаточно просто залить файл через пользовательский интерфейс для загрузки видео и всё готово. При этом может даже не потребоваться конвертировать файл в flv формат — движок всё сделает сам.
Если же никакого движка нет или он не позволяет работать с видео, то придётся все делать вручную. Заливаем видео-файл на сервер по FTP или через админскую панель. Теперь, для того, что бы посетитель сайта смог воспроизвести видео на своём компьютере ему потребуется плеер. Самый распространённый способ доставить ему этот плеер — это воспользоваться проигрывателем на базе Flash (понятно, что флэш должен быть установлен на компьютере посетителя). Flash, сам по себе, способен проигрывать видео, однако ни функций позиционирования, ни возможности остановить/возобновить ролик он не имеет. Для того, что бы сделать эти функции доступными для пользователя надо написать свой флэш-плеер или воспользоваться одним из многих, доступных в сети (есть как бесплатные, так и платные). Перебрав некоторые из них я пришел к выводу, что мне нужен самый простой и примитивный проигрыватель. Большая же часть предлагаемого достаточно тяжеловесна в плане размера и обладает огромным количеством функций не нужных мне. Где-то, где — уже не помню, попался мне такой плеер как мне нужен. Для его работы потребуется один файл player.swf (
раз,
два) размером около сорока килобайт. Кладём его куда-нибудь на сервер (например в папку utils). Далее в HTML код на сайте в нужном месте вставляем следующее:
<embed type="application/x-shockwave-flash" id="player" name="player" src="/utils/player.swf" allowscriptaccess="always" allowfullscreen="true" flashvars="file=/video/video.flv&image=/img/screen.jpg" height="260px" width="320px">
Здесь в параметре flashvars задаётся видеофайл, который будет проигрываться (/video/video.flv) и картинка, которая будет показываться в плеере, пока посетитель не начнёт просмотр видео (/img/screen.jpg, если не указывать, то будет просто черный квадрат). В параметре allowfullscreen можно указать разрешается ли просмотр в полноэкранном режиме, а параметры width и height задают ширину и высоту плеера соответственно. Тут надо отметить, что для видео размером 320х240 высоту плеера необходимо указывать равной 260, так как 20 пикселей занимает панель управления проигрывателем.
Всё. Видео готово для просмотра при помощи большинства современных браузеров (на не современные я не ориентировался, так как они меня не интересуют).
, на которую можно нажать и получить график по выбранному запросу. Доступны графики по показам, по кликам, по средней позиции и ещё нескольким параметрам. Выбирать параметры можно из пункта меню «Поисковые запросы/История запроса». Удобно, конечно, но мне гугловская система отображения информации всё же больше пока нравится.