Аудио-видео проигрыватель для вашего сайта

Меня очень часто спрашивают, какой плеер можно использовать на сайте для проигрывания MP3, просмотра FLV, листания JPEG. Свое предпочтение я отдаю JWPlayer.

Чтобы воспользоваться всеми возможностями данного проигрывателя, нам понадобится SWObject для внедрения плеера на страницу

  1. Распаковываем архив в папку /player/ на сервере
  2. Создаем директорию /media/ для наших аудио-видео данных
  3. Копируем в нее наш файл video.flv
  4. Распаковываем SWObject в папку /js/
  5. Внедряем SWObject в код вашей страницы в секции
 
<script src="swfobject.js" type="text/javascript"></script>
 

В том месте разметки, где вы хотите видеть плеер пишем

 
<p id="preview">Плеер будет отображен внутри этого параграфа</p>
<script type="'text/javascript'">
var s1 = new SWFObject('player/player.swf','player','400','300','9');
s1.addParam('allowfullscreen','true');
s1.addParam('allowscriptaccess','always');
s1.addParam('flashvars','file=media/video.flv');
s1.write('preview');
</script>
 

Открываем страницу и наслаждаемся просмотром нашего ролика

Конфигурация

При передаче переменных в плеер необходимой их url-кодировать (в РНР urlencode(), например):

  • ? → %3F
  • = → %3D
  • & → %26

Пример:

если ваш файл расположен по адресу

getplaylist.php?id=123&type=flv

вы должны на выходе получить

getplaylist.php%3Fid%3D123%26type%3Dflv

Плей-лист

  • playlistfile (undefined): ссылка на XML playlist
  • author (undefined): автор видеофайла, отображаемый на экране или в плей-листе
  • date (undefined): дата публикации
  • description (undefined): описание файла
  • duration (0): продолжительность ролика в секундах.
  • file (undefined): ссылка на ролик или плейлист
  • image (undefined): ссылка на картинку-заглушку
  • start (0): позиция в секундах, с которой начнётся воспроизведение. Работает только в потоковом режиме (HTTP / RTMP)
  • streamer (undefined): ссылка на rtmp/http сервер
  • tags (undefined): ключевые слова (теги), ассоциированные с роликом
  • title (undefined): заголовок видео, отображаемый на экране или в плей-листе
  • provider (undefined): ключ позволяющий переключать режимы воспроизведения. По умолчанию, режим определяется автоматически в зависимости от расширения файла. Если по каким-либо причинам определение этого режима происходит неверно, то его можно задать принудительно

    Поддерживаемые типы:
    • video: FLV / MP4 видео и AAC аудио
    • sound: MP3 файлы
    • image: JPG/GIF/PNG
    • youtube: видео с Youtube
    • http: FLV/MP4 видеопоток.
    • rtmp: FLV/MP4/MP3 файлы с RTMP сервера.

Внимание! Статья не завершена.

Источник: https://www.kobzarev.com/programming/jwplayer/

Михаил Кобзарёв

Суровый русский тимлид. Жил в Магадане, в офисе московских веб студий и в Тульской деревне. Виртуозно знает WordPress, PHP, ООП, Vue.js и вот это вот все. Делает крутые высоконагруженные сайты, поэтому уже почти захватил весь рынок WordPress разработки в России. Не дает никому делать сайты без спроса. Ведет блог о разработке, дайджест в телеграмме и в ВК. Любит сиськи, баню и радиоэлектронику. 100% патриот (но это не точно). Тролль 542 уровня. Ездит в отпуск раз в 5 лет.

Добавить комментарий

%d такие блоггеры, как: