Почему flowplayer не работает

Drupal Русскоязычное сообщество

Добрый вечер!
Назрела парочка вопросов после того как прикрутил flowplayer на сайт, думаю все кто это делали ими задавались:
1. flowplayer является flash объектом и исходя из этого позиционируется он поверх всего прочего. Для того чтобы задавать z-index flash объектам существует SWFObject. А вопрос вот в чём: почему flowplayer ведёт себя адекватно не прибегая к SWFObject в опере и FF, но ведёт себя как flash объект в IE и хроме? Пример тут. [наведите на вкладку «Клиенты» чтобы убедиться]
2. Как заставить flowplayer работать в IE8 64-bit?

Комментарии

попробуйте JW player. там вроде нет таких заебов

Большое спасибо, Ильич Рамирес Санчес, очень помогли! Хороший плеер.
Но только в IE8 64-bit он тоже не работает, зато с позиционированием всё супер.
И есть ли какой-нибудь другой способ для того чтобы добавлять несколько видео на страницу, нежели для каждого id прописывать:

и т.д.
А то как-то не очень красиво -)

UPD: Насчёт многострадального IE8 64-bit решил проблему, у меня Adobe Flash Player «Square» не стоял, поэтому не работало -)

ногострадального IE8 64-bit решил проблему

ну так там поди флеш вообще не работал, да?

А по поводу красивого способа добавления нескольких видео нет соображений? Или это уже мои придирки? -)

проблема таких извратов поди заключена в том, что файлы вместе с нодами загрузить не можешь?
advupload + несколько видео на одну ноду через filefield либо несколько нод с одной видевой.
+ темизация либо swftools. у меня плеер через них подключен.
И грузи себе видосы до 2 гиг на сайт.

ЗЫ. пожертвованея на розвитие advupload приведствуюцо

аааааа. у тибя d7. ну тада у тебя поле для самостоятельной @бли. для 7ки порта нет

аааааа. у тибя d7. ну тада у тебя поле для самостоятельной @бли. для 7ки порта нет

А я на 7ке этот плеер пробовал, вроде ниче так: MediaElement

А я на 7ке этот плеер пробовал, вроде ниче так: MediaElement

• Войдите или зарегистрируйтесь, чтобы отправлять комментарии

Трекер

адаптация модулей Д7 на Д9

Лишние link rel на страницах термина.

Вернуть стандартное меню к заводским настройкам

Почему возникают такие ошибки при добавлении модуля через ftp?

Обновлённый модуль quote для цитирования

Ищу удалённую работу за 40 руб в час. Живу под Калининградом.

Сделать из простого списка выпадающий на js для Drupal 8

Стартовая страница вместо главной с кнопкой перехода на Drupal 8

CRM на Drupal

Ищу проф. программера со знанием английского

Новые материалы

адаптация модулей Д7 на Д9

Вернуть стандартное меню к заводским настройкам

Лишние link rel на страницах термина.

Сделать из простого списка выпадающий на js для Drupal 8

Стартовая страница вместо главной с кнопкой перехода на Drupal 8

Поиск на странице

Почему возникают такие ошибки при добавлении модуля через ftp?

Как получить значения поля «Текст (список)»?

Ограничение на общее количество полей сущностей Drupal 9.1

Сформировать массив в hook

На развитие drupal.ru

Ваша финансовая помощь дает нам возможность оплачивать хостинг и поддерживать стабильную работу сайта. Благодарим за поддержку!

Источник

Не работает онлайн вещание видео при использовании flowplayer(flash) #109

Comments

rstanislav commented Dec 25, 2012

При использовании последней версии flowplayer и модуля к нему rtmp плеер успешно подключается к серверу и показывает общее время вещания потока, но видео не работает (т.е. вместо видео так и висит заставка flowplayer на черном фоне).

Сервер без особых настроек, определен только один путь /live с включенной опцией live on;

The text was updated successfully, but these errors were encountered:

arut commented Dec 25, 2012

Только что скачал и проверил. У меня работает. Вот моя конфигурация:

arut commented Dec 25, 2012

Может у вас что-то с потоком? Попробуйте проиграть его с помощью ffplay

rstanislav commented Dec 25, 2012

Поток идет из флеш файла самым обычным методом publish (буквально пример hello world от adobe)
Воспроизводится таки же простым netstream.play без проблем, а вот flowplayer не работает -в логах ничего интересного:

2012/12/25 06:53:10 [info] 23498#0: *41 client connected ‘178.176.164.126’
2012/12/25 06:53:10 [info] 23498#0: *41 connect: app=’live’ flashver=’WIN 11,3,300,262′ swf_url=’http://test.com/flash/flowplayer
-3.2.15.swf’ tc_url=’rtmp://test.com/live’ page_url=’http://test.com/test.html’ acodecs=3575 vcodecs=252 object_encoding=3,
client: 178.176.164.126, server: 0.0.0.0:1935
2012/12/25 06:53:10 [info] 23498#0: *41 createStream, client: 178.176.164.126, server: 0.0.0.0:1935
2012/12/25 06:53:11 [info] 23498#0: *41 play: name=’9′ args=» start=0 duration=-1000 reset=0 silent=0, client: 178.176.164.126, serve
r: 0.0.0.0:1935
2012/12/25 06:53:11 [info] 23498#0: *41 notify: play ‘test.com/al/sa.php’, client: 178.176.164.126, server: 0.0.0.0:1935

arut commented Dec 25, 2012

А в статистике что? Цифры бегут? Оба соединения (publish/play) есть?

radist2s commented Dec 25, 2012

У меня при вещании с веб-камеры было то же самое, и проблема решалась очень странным способом: захват делал через VLC, перекодировал, и отправлял поток по RTSP(mpeg/ts контейнер), затем ffmpeg подхватывал rtsp, копировал поток сжатия, оборачивал все это в flv и передавал на nginx rtmp-сервер.
Также, попробуйте для тестов поставить предыдущую версию flow player(flash версию).

rstanislav commented Dec 25, 2012

В статистике — та которая xml ?
Кстати подскажите пожалуйста как правильно теги ставить, чтобы парсер гитхаба код как единое цетирование показывал 🙁

arut commented Dec 25, 2012

Цифры бегут, значит трансляция есть. Попробуйте ffplay

Его вывод может быть весьма информативным при поиске проблемы.

Источник

Установка и настройка плеера Flowplayer

Дата публикации: 2013-12-06

От автора: очень часто на страницах сайта необходимо публиковать различный видео контент. А при этом не обойтись без видео плеера. Поэтому в данном уроке мы с Вами научимся работать с очень хорошим и функциональным плеером под названием Flowplayer. Данный плеер обладает огромным количеством различных параметров, и редактирование большинства из них сводится к обычному изменению правил CSS.

Автор: Виктор Гавриленко

Меня зовут Виктор Гавриленко, по образованию я инженер электромеханик. Еще учась в институте, начал увлекаться компьютерными технологиями и программированием, на протяжении двух лет усиленно занимаюсь разработкой интернет сайтов и веб-программированием. Увлекаюсь написанием небольших скриптов на языке PHP, в связке базами данных MySQL, SQLite, неплохо знаю такие движки как WordPress, Drupal, Joomla.

Введение

Flowplayer – это бесплатный видео-плеер, который предназначении для воспроизведение видео роликов на веб-страницах. Преимущества Flowplayer:

поддержка разнообразных медиа-форматов — FLV, SWF, MP4, H.264 video, MP3 JPG, PNG;

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

полная поддержка html5, что особенно актуально в данное время;

огромное количество различных настроек;

прогрессивная закачка, обеспечивающая более простое и быстрое отображение видео на экране;

Доступный API, при помощи которого можно управлять плеером используя язык javaScript.

Установка плеера

Итак, первым делом необходимо скачать плеер Flowplayer. Для этого перейдем на официальный сайт flowplayer.org:

Затем, переходим по ссылке Download:

И, кликаем Download Zip – то есть, скачиваем zip архив, с исходным кодом плеера. Для сегодняшнего урока, мы будем использовать тестовую страницу, созданную при помощи html5. Так как в данном уроке мы будем рассматривать установку и настройку плеера применительно к html5. Далее распакуем полученный архив. В результате распаковки мы получим, следующий набор фалов:

scin – пака содержащая в себе css файлы, отвечающие за внешний вид плеера. Содержимое данной папки скопируем в папку css, в которой содержатся все файлы css, нашего сайта;

Источник

Flowplayer — Open source Flash плеер

Flowplayer — Бесплатный видео-плеер для веба
FlowPlayer — это Flash медиа плеер. Вы можете использовать его нв ваших HTML страницах чтобы воспроизводить видео файлы. «Это ваш персональный YouTube».

Для тех, кто хочет знать 98%:
Поддержка разнообразных медиа-форматов
FLV, SWF, MP3, MP4, H.264 video, JPG and PNG
Гибкие настройки
FlowPlayer имеет массу конфигурируемых настроек. Вы можете немеделненно начать его использовать, а конфигурировать по ходу.
Прогрессивная закачка
Выбран простейший и наиболее быстрый способ показать вашим пользователям видео. Это как на YouTube.
Потоковое видео
FlowPlayer поддерживает такие поточные сервера, как Flash Media Server, Wowza and Red5
Список эпизодов
Дайте возможность вашему пользователю немедленно перейти к определённому эпизоду\фрагменту видео.
Плэйлист
Можно за раз воспроизвести до нескольких видео, а так же несколько одновременно, если стоит медиа-сервер.
Написание скриптового API
Контролируйте плеер при помощи JavaScript.
Полноэкранный режим
На самом деле полный экран без полноэкранного режима вашего браузера. А если вы желаете, то при при помощи скрипта можете сделать окошечный полный экран

Для таких, как я <-:
Вы хотите разместить у себя видео, хотите чтобы оно было упаковано как конфетка, которую продают в розницу по штуке.
Скинингуемо, просто и продвинуто — FlowPlayer. А мануал по конфигугированию (если вы всё-таки хотите быть крутейшим перцем) читать всё-таки придется.

Источник

Как отображать потоковое видео с помощью HTML5

Основы

Тем кто хочет реализовать видео стриминг для начала нужно ознакомиться с тем какие есть видео форматы и что может, а что не может быть воспроизведено. Существует большое количество видео форматов таких как: .flv, .mp4, .swf и другие. Рассмотрим .flv и .swf, которые являются файлами flash формата. Эти два формата не могут быть воспроизведены с помощью HTML5. Напротив MP4 может проигрываться с помощью HTML5 без flash плеера.

Вы можете найти много статьей и туториалов в сети на тему стриминга .swf и .flv файлов. Обратите внимание на то что .swf плеер не будет воспроизводить .flv файлы. Они оба flash но с разными требованиями. В сети много противоречивой информации на данный счет. Вы лишь потратите свое время пытаясь заставить .swf запустит .flv но в итоге удостоверитесь что это невозможно.

Как реализовать .mp4 в HTML5:

Пару вещей которые стоит запомнить:

• Видео нужно присвоить id
• Нужно добавить расширение файла в source.
• Если вы хотите открыть для пользователя доступ к панели управления тогда разместите тэг controls.
• Нужно разместить полный URL файла в source. Пример: www.mysite.com/video/myvideo.mp4

HTML5 воспроизводит аудио и видео. Вам просто нужно указать тип файла.

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

Причиной того что видео не работает на сайте может быть отсутствие доступа к серверу, некорректное имя файла, не полный исходный URL или просто Apache (если вы используете его), не распознает тип расширения или тип mime.

Настройка Apache Web Server

Вам нужно добавить mime типы в расширение, либо в файл apache.conf или в mime.conf. После внесения измененный перезапустите сервер.

Вот и все. После этого у вас появится возможность транслироваться видео из сайта. Но помните, существуют ограничения на форматы в HTML5, это могут быть .swf или shockwave flash или .flv.

Как реализовать с flash

В сети много различной информации, где большая часть будет о реализации воспроизведения .swf или Shockwave flash формат, используя что-то вроде SWFObject. Вкратце, SWFObject это JavaScript библиотека, которая позволит вам проигрывать только .swf форматы и больше она ничего не делает.

Чтобы реализовать трансляцию для .swf файлов нужно:

1. Загрузить SWFObject из Git или с других источников.

2. Разместить его на странице:

Этот код должен быть размещен в шапке файла.

3. Вы можете реализовать его с помощью тэга Object tag или:

4. Теперь вам нужно прописать следующее:

5. Это запустит .swf файл на вашей странице. Вы можете управлять многими параметрами, с помощью следующего кода:

FlowPlayer

Если у вас есть много видео, которые сделаны с использованием flash и они в формате .flv, то вам необходимо создать flash плеер. Есть много видео-плееров и услуги, которые доступны по разным ценам. Я выбрал FlowPlayer. Он на рынке достаточно давно и уже обзавелся большим сообществом.

Есть несколько вариантов для реализации FlowPlayer. FlowPlayer.org имеет две версии: флэш-плеер под названием Flowplayer flash и HTML5 implementation. Вторая имеет бесплатный вариант для разработчиков, в то время как для flash нужно купить лицензию.

Flash Flowplayer имеет необходимые файлы для воспроизведения файлов .flv, в то время как, HTML5 плеер стандартные форматы HTML5 файлов (MP4). Итак, почему стоит выбрать версию HTML5? Она предлагает довольно много вещей, с которыми можно заставить ваш плеер делать вещи без самостоятельного программирования. Все зависит от ваших потребностей.

Некоторые встраивают плеер на сайт в то время как хостинг видео находится в другом месте. Мы же встроим видео плеер в наш сайт и разместим файлы локально. Для этого нужно:

1. Убедиться, что следующие файлы загружены:

• flowerplayer-3.2.x.min.js -> есть более поздние версии, так что вам нужно будет загрузить последнюю, если это не сработает вернуться к .12/.13
• flowplayer-controls-3.2.15.swf
• flowplayer-3.2.16.swf

2. В шапку HTML нужно добавить следующее:

3. В теле вашей веб-страницы, вам нужно установить плеер с src файлом:

В этом примере я использовал переменную, основанную на выборе пользователя из предыдущей страницы.

Не то, что вы создали файл и идентификатор нам нужно установить вверх код, который на самом деле запускает файл.

Вы добавили файл и id, теперь нужно прописать код который запустит файл:

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

Источник