Видео

Flash video (FLV)

Flash video (FLV) ранее являлся широко распространенным форматом представления потокового видео и аудио в Интернете. Теперь браузеры не воспроизводят Flash-файлы. Здесь рассматривается, каким образом Flash-видео встраивалось в страницу.
Имена файлов Flash video имеют расширения flv и воспроизводятся плеером до завершения их загрузки. Такие файлы могут быть созданы в системе Adobe Flash или конвертированием из других форматов с помощью специальных конверторов (например,бесплатный Any Video Converter.

Для воспроизведения flv-файлов на своей Web-странице ранее было необходимо:

разместить на ней FLV-проигрыватель, который является Flash-фильмом (swf-файлом); это делается с помощью тегов <object> и/или <embed>
загрузить в FLV-проигрыватель требуемый flv-файл; адрес flv-файла и др. данные передаются FLV-проигрывателю в качестве параметров.

Разумеется, на компьютере клиента должен быть установлен плагин Adobe Flash Player.

Вот типовой HTML-шаблон для вставки FLV-проигрывателя на Web-страницу:

<object width="500" height="375">
  <param name="allowFullScreen" value="true" />
  <param name="allowScriptAccess" value="always" />
  <param name="wmode" value="transparent" />
  <param name="movie" value="FLV-проигрыватель.swf" />
  <param name="flashvars" value="параметры FLV-проигрывателя"/>
  <embed src="FLV-проигрыватель.swf" type="application/x-shockwave-flash"
         allowscriptaccess="always"
         allowfullscreen="true" wmode="transparent"
         flashvars="параметры FLV-проигрывателя"
         width="500" height="375">
  </embed>
</object>

FLV-проигрыватели в виде swf-файлов можно найти в Интернете. Мне очень понравился сервис Uppod, который предоставляет собственно FLV-плеер (swf-файл), а также средства легко и быстро настроить его параметры (внешний вид, органы управления, параметры загрузки видео и многое др.). Все настройки сохраняются в текстовом файле стилей плеера в зашифрованном виде. Вы можете создать для плеера множество таких стилей (на все случаи жизни) и подключать тот или иной в зависимости от задач и дизайна вашей страницы. Имеется возможность встраивания плейлистов. Файл стилей, сгенерированный на сайте Uppod, можно скачать и затем поместить его на своей Web-странице.

Посмотреть примеры FLV-проигрывателя

Вот типичный вариант вставки FLV-проигрывателя от Uppod:

<object width="500" height="375">
  <param name="allowFullScreen" value="true" />
  <param name="allowScriptAccess" value="always" />
  <param name="wmode" value="transparent" />
  <param name="movie" value="uppod.swf" />
  <param name="flashvars" value="st=styles/video44-1230.txt&file=video/myvideo.flv"/>
  <embed src="uppod.swf" type="application/x-shockwave-flash"
            allowscriptaccess="always"
            allowfullscreen="true"
            wmode="transparent"
            flashvars="st=styles/video44-1230.txt&file=video/myvideo.flv"
            width="500" height="375">
</embed>
</object>

Здесь с помощью параметра flashvars FLV-проигывателю передаются ссылки на файл стилей (styles/video44-1230.txt) и файл, который требуется воспроизвести (video/myvideo.flv). Предполагается, что сам FLV-проигрыватель (uppod.swf) находится в корне вашего сайта,а файлы стилей и видео — в папках styles и video соответственно.

Если вы создали плейлист и сгенерировали на сайте Uppod соответствующий файл стилей, то строка параметров будет выглядеть, например, так:

'st=styles/video44-1215.txt&
pl={"playlist":[{"file":"video/myvideo1.flv","comment":"1. Мой первый фильм"},
{"file":"video/myvideo2.flv","comment":"2. Мой второй фильм"},
{"file":"video/myvideo3.flv","comment":"3. Мой третий фильм"}]}'