29 Января 2012

S3.Blog

A A A   RSS-лента
"Я знаю, что ничего не знаю, но многие не знают и этого". Сократ [?].

Готовые решения: flvS3Player - видеоплагин для FCKeditor

Дата последнего изменения: 24 Марта 2010
Метки статьи: Готовые решения, © Авторское, JavaScript

Пролог.

Я ровно час попользовался flvPlayer'ом, описанным мною в статье "flvPlayer - видеоплагин для FCKeditor", и понял что черный экран плеера в режиме ожидания достоин кисти Малевича , но ни как не красит web-страницу.

Можно, конечно, для каждого видеоролика отдельно загружать скриншот-заставку, но это "мартышкин труд". Поэтому начались поиски FLV-плеера, который бы в качестве заставки отображал какой-нибудь кадр из загруженного видеофайла.
 

Такой плеер нашелся. Правда всего один. Встречайте: медиаплеер Uppod


Uppod - это новая реинкарнация давно знакомого плеера flv-mp3, который наделен уймой всяких вкусностей и полезностей.
Со всеми возможностями Uppod вы можете ознакомится на оффициальном сайте: http://uppod.ru

Плеер найден, осталось написать плагин под FCKeditor, что и было сделано мной в течении не продолжительного времени.

flvS3Player

(теперь и с поддержкой YouTube и другого потокового аудио и видео)


Плагин предназначен для FCKeditor, чтобы загружать и проигрывать FLV (flash видео) файлы.


flvS3Player в качестве проигрывателя использует Uppod-плеер (версия 0.7.0.10), по этому, если вы хотите использовать настройки стиля, отличные от предложенных мной, то вам надо будет зарегистрироваться на http://uppod.ru и в меню "Мой плеер ⇒ видео стили" создать, следуя инструкциям, новый стиль, а потом:
  • или сохранить стиль  на своем компьютере и закачать его на сервер вашего сайта , а потом в диалоге плагина указать  путь к плагину
  • или скопировать ссылку на стиль с сайта uppod.ru и вставить её в диалоге плагина


UPD:

В феврале uppod полностью обновился и теперь в нем добавлена поддержка потокового видео, в том числе YouTube, соответственно обновился и плагин flvS3Player
Подробнее о новшествах читайте здесь: Плеер 0.7

Вот, собственно и всё.
Скачать flvS3Player можно здесь: flvS3Player.zip


Похожие материалы:




Евгений (гость) • ответить
Здравствуйте, Александр. Прочитал инструкцию, внёс изменений в файл fckconfig.js сохранил изменения, но т.к. у меня FCKeditor (ver 2.6.4.1 July 2009) установлен в Joomla, то пути наверно не совпадают. Так что я даже нового значка не увидел в FCKeditor, когда в него зашёл. У Вас: Unzip the files into the plugins folder. ( fckeditor/editor/plugins/) У меня http://plugins/editors/fckeditor/editor/plugins Вопрос: Распаковывать файлы в корень папки plugins или их распаковывать в папку flvS3Player (на всякий случай сделал оба варианта но не помогло) Значка нового по прежнему не видно. У меня файл конфигурации FCKeditor лежит тут: http://plugins/editors/fckeditor/fckconfig.js правил его. Больше всего удивило то, что в конфиге есть строка ['Source','DocProps','-','Save','NewPage','Preview','-','Templates'], и при её замене на ['Source','DocProps','-','Save','NewPage','Preview','-','Templates','flvS3Player'], кнопка 'flvS3Player' не появляется. (Проверял в IE; FF; и в хроме) Я даже удалял из конфига эту строку и всё равно в FCK не пропадали соответсвующие этой строке кнопки. (Это странно.) Надеюсь Вы поймёте в чем проблема и поможете решить её. Заранее спасибо.


Александрответить
У меня http://plugins/editors/fckeditor/editor/plugins

плагин надо разместить в папке plugins fck-редактора, т.е. в вашем случае здесь:
/plugins/editors/fckeditor/editor/plugins
и в итоге у вас должна получиться такая структура каталога:
/plugins/editors/fckeditor/editor/plugins/flvS3Player

Я даже удалял из конфига эту строку и всё равно в FCK не пропадали соответсвующие этой строке кнопки.

у меня есть подозрение что ваш браузер берет файлы из кэша, а не скачивает их с сайта.
сам с таким не раз сталкивался, поэтому рекомендую зайти в настройки браузера и очистить/удалить временные файлы

Если это не поможет, то убедитесь в том что ваша Joomla работает именно с этой версией fckeditor (/plugins/editors/fckeditor/), а не с какой-либо другой. Для этого достаточно будет сделать так:
в fckconfig.js временно поменяйте местами какие-нибудь кнопки, например 'Source' и 'Save', очистите кэш браузера и посмотрите поменяются ли кнопки на панели редактора
Aslan (гость) • ответить
Чет у меня не пашет вообще. вот что выводит
Get the Flash Player to see this player.
url=http://www.youtube.com/v/O9SWPciKbLU?hl=ru&fs=1 iurl=/sites/default/files/images/img4.jpg width=250 height=150 align=default istyle=true

var flashvars954287 = {"st":"/sites/all/modules/fckeditor/plugins/flvS3Player/videoStyle.txt","file":"http://www.youtube.com/v/O9SWPciKbLU?hl=ru&fs=1","poster":"/sites/default/files/images/img4.jpg"};var params954287 = {wmode:"transparent", allowFullScreen:"true", allowScriptAccess:"always"}; new swfobject.embedSWF("/sites/all/modules/fckeditor/plugins/flvS3Player/uppod.swf", "flvS3player954287", "250", "150", "9.0.0", false, flashvars954287, params954287);
Александрответить
Это в самом редакторе или при просмотре сохраненной статьи?
Если в редакторе - то все нормально, так и должно быть.
Татьяна (гость) • ответить
Добрый день.
Не планируете ли Вы переработать данный плагин для SKEditor? С flv-плагинами у них так же туго.
Спасибо.
Александрответить
Пока в планах такого нет
Роман (гость) • ответить
залил папку в /fckeditor/editor/plugins/
получился путь /fckeditor/editor/plugins/flvS3Player/
вставил кнопку

но кнопка не выводится, пишет "Не известный элемент панели инструментов "flvS3Player""
Роман (гость) • ответить
Немного протупил, забыл добавить FCKConfig.Plugins.Add( 'flvS3Player','ru') ;
Кирилл (гость) • ответить
Огромное спасибо за плагин!
Елена (гость) • ответить
Здравствуйте. Когда пытаюсь выбрать файл и нажимаю кнопку browse, выдается сообщение:" This connector is disabled. Please check the "editor/filemanager/connectors/php/config.php" file". При вводе ссылки на файл в виде http:// , на странице отображается окно плеера, но файл не найдн. Как исправить проблему?

 
 
  Имя *:   Решите пример *: =
 
Полужирный Курсив Подчеркнутый Перечеркнутый
 
Вставить изображение Сделать цитатой Вставить ссылку Вставить код

Вставить смайл
 
 

 



© S3.Blog: Если критикуешь, не предлагая решения проблемы, то ты становишься частью этой проблемы.