Все мы знаем как добавить плеер на свою страничку через HTML или JS. Но как же нам быть если нам необходимо вставить плеер в сообщение на форуме, где поддерживается только bbcode? И как этот процесс сделать простым и автономным, чтобы любой желающий смог выложить на ваш форум замечательные медиафайлы? Именно в этой статье я расскажу как это реализовать. Я постараюсь расписать всё подробно, чтобы у вас всё получилось.
Существует не один движок форумов, но я выбрал для интеграции phpBB. Если вам необходимо интегрировать плеер на другой движок форумов, блогов и тд., где есть возможность добавлять свой bbcode, то вы легко сможете сами откорректировать код, или просто сделать по аналогии…
Для начала самое важное…
bbCode (Bulletin Board Code) — язык разметки, используемый для форматирования сообщений на многих электронных досках объявлений (BBS) и форумах. Для форматирования текста используются теги, подобные тегам HTML, но, в отличие от них, заключённые в квадратные скобки. Перед отображением страницы движок форума производит разбор текста и преобразование его в HTML- или XHTML-код.
Интеграция плеера Uppod в phpBB.
phpBB — движок для создания и управления форумами.
Рассказывать я буду, про интеграцию в последнюю версию — phpBB 3.
Какие особенности данной интеграции?
• Убраны все лишние параметры из кода, и он адаптирован для самых разных решений.
• Добавлены средства визуализации, для грамотного отображения плеера в сообщении.
• Еcли нет возможности, то загружать плеер на форум нет необходимости, так он уже загружен.
• От посетителей требуется вставить только ссылку на видео, аудио и YouTube.
• Код проверен, и полностью готов к использованию. Вот пример его работы:
1. Заходим: Администраторский раздел/Сообщения/BBCodes
2. Нажимаем: Добавить BBCode.
3. Дальше заполняем все поля, как написано ниже.
Мы добавим 2 разных кода для аудио и видео, чтобы не было недоразумений.
BBCode для видео:
Использование BBCode:
[add-video]{URL}[/add-video]
Замена HTML:
<br><br><center><p><object width="500" height="375"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param value="http://dl.dropbox.com/u/585763/uppod.swf" /><param name="flashvars" value="m=video&file={URL}" /><embed src="http://dl.dropbox.com/u/585763/uppod.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" flashvars="&m=video&file={URL}" width="500" height="375"></embed></object></p><center><br>
Подсказка:
Добавление видеоролика в сообщение. Пример: [add-video]http://videohosting.ru/video.flv[/add-video] Поддерживается YouTube!
Настройки:
Поставьте галочку, если хотите, чтобы кнопка добавления этого кода появилась рядом со строкой написания сообщений. Если кнопки не будет, то необходимо будет каждый раз при добавлении писать теги "ручками". Рекомендую поставить галочку.
BBCode для аудио:
Теперь снова нажимаем добавить BBCode.
Перед нами уже знакомая картина. Но теперь заполняем немного по-другому. А именно, вместо video, теперь везде audio.
Использование BBCode:
[add-audio]{URL}[/add-audio]
Замена HTML:
<br><br><center><p><object width="350" height="33"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param value="http://dl.dropbox.com/u/585763/uppod.swf" /><param name="flashvars" value="m=audio&file={URL}" /><embed src="http://dl.dropbox.com/u/585763/uppod.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" flashvars="&m=audio&file={URL}" width="350" height="33"></embed></object></p><center><br>
Подсказка:
Добавление музыкальной композиции. Пример: [add-audio]http://musichosting.ru/audio.mp3
Настройки:
Поставьте галочку, если хотите, чтобы кнопка добавления этого кода появилась рядом со строкой написания сообщений. Если кнопки не будет, то необходимо будет каждый раз при добавлении писать теги "ручками". Рекомендую поставить галочку.
Вот страница, на которой производятся все настройки:
По аналогии в данные коды могут включаться дополнительные значения или данные.
Эти коды совершенно автономны и для минимальной работы не требуют от вас никаких действий.
Это значит, что от вас не требуется закачка плеера и стилей на хостинг, т.к. не у всех владельцев форумов он есть. Но вы легко можете вносить изменения, имея знания HTML.
Для продвинутых пользователей я подготовил код, в котором можно самому легко менять параметры, сразу, "не отходя от кассы"…
<br><br><center><p><center><object width="ширина" height="высота"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param value="адрес-вашего-плеера" /><param name="flashvars"st=ссылка-на-файл-стилей value="m=audio&file={URL}" /><embed src="адрес-вашего-плеера" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" flashvars="st=ссылка-на-файл-стилей&m=(«video» или «audio»)&file={URL}" width="ширина" height="высота"></embed></object></p><center><br>
Все надписи на русском необходимо заменить на своё значение по аналогии. Не забывайте, что параметры дублируются, т.к. это универсальный код, адаптированный под любой браузер.
Я постарался максимально упростить инструкцию для новичков, и в то же время оставить простор действий для профессионалов. Я не стал внедрять в код дополнительные параметры, т.к. люди на форумы заходят разные, и мысли у них не всегда хорошие… Вам как минимум могут перегрузить страницу плеером размером 10 000 пикселей, или кривым плеером… Поэтому со стороны посетителей необходимо вставить только ссылку и всё. Хотя возможности bbcode безграничны, но думаю на этом стоит ограничиться… Но решать вам. Вы можете вставить туда хоть 100 дополнительных параметров, но тогда без претензий…
Корректируйте код с умом! Будьте осторожны…
Спасибо за внимание. все свои вопросы пишите в комментарии.
Не могли бы вы описать интеграцию пллеера через вложения, т.е. чтобы при обработке видео/аудио вложений использовался uppod-плеер?
Если нужно ещё что-то по phpbb 3, обращайтесь, думаю найдём общий язык…
4cooler(собака)gmail.com
Посмотреть можно туты
куда копать ? что делаю не верно ?
Скажите пожалуйста- что я сделал не так?
Скоро напишу интеграцию с плеером HTML 5…
Выше вы в обзаце "замена HTML" пишете: "value=" , т.е. (как я понимаю) плеер должен загружаеться на форум вместе с файлом видео (или аудио), тогда причём здесь обновление плеера?