Форум / Плагины / Интеграция phpBB 3 (обновление 2.0)
Все мы знаем как добавить плеер на свою страничку через 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 дополнительных параметров, но тогда без претензий…

Корректируйте код с умом! Будьте осторожны…


Спасибо за внимание. все свои вопросы пишите в комментарии.
Александр COOLerСсылка на пост (Смотрели 80446)13.01.10 04:07     Ответить
Ваше имя*
 E-mail* (не публикуется)
 
 
Если пишете о проблеме, то приложите, пожалуйста, ссылку на свой плеер отсюда — Плеер: Файл > Код > Ссылка
Вставка кода — [code][/code] дублировать ответы на e-mail
1
SAPER1985 04.03.10 - 12:47
Очень полезно,спасибо за труд.
2
www.progta.ru 03.04.10 - 20:23
Рад, что вам пригодилось…
3
zzipper 19.03.10 - 13:04
Добрый день. Спасибо за пост, все очень хорошо описано.
Не могли бы вы описать интеграцию пллеера через вложения, т.е. чтобы при обработке видео/аудио вложений использовался uppod-плеер?
4
Александр COOLer 03.04.10 - 20:22
Я посмотрю, как это можно реализовать…

Если нужно ещё что-то по phpbb 3, обращайтесь, думаю найдём общий язык…

4cooler(собака)gmail.com
5
Zalex 18.06.10 - 20:38
Работает, только проблема со звуком. Звук прерывается постоянно. Видно что закачка опережает явно воспроизведение (это к вопросу о толщине канала).

Посмотреть можно туты — ссылка

куда копать ? что делаю не верно ?
6
Александр 20.08.10 - 22:21
Сделал всё как написано у Вас, разместил видео файл на YouTube, но плеер пишет: "Файл watch?v=drhk91rQS8U не найден". Посмотреть результат можно здесь — ссылка
Скажите пожалуйста- что я сделал не так?
7
Александр 20.08.10 - 22:54
Пробовал вставлять и другую ссылку — ссылка, но плеер так же не может найти файл
8
support 22.08.10 - 01:48
Нужно плеер обновить, очень старая версия
9
Александр 22.08.10 - 21:06
Как?
10
support 22.08.10 - 21:15
Зарегистрироваться на сайте и скачать последнюю версию
11
Александр COOLer 26.08.10 - 02:01
Я обновил плеер на дропбоксе, извините что давно меня не было, глюков больше быть не должно…

Скоро напишу интеграцию с плеером HTML 5…
12
Александр COOLer 26.08.10 - 02:19
Люди, я сейчас не располагаю демо версией данного решения интеграции, поэтому у кого установлено данное решение, отпишитесь, как работает с обновлённым файлом, кто конечно его использует…
13
Александр 27.08.10 - 01:15
На каком сайте? Укажите пожалуйста ссылку.
14
support 27.08.10 - 01:17
15
oap61 27.08.10 - 01:34
Тогда я что то не понимаю?
Выше вы в обзаце "замена HTML" пишете: "value="ссылка , т.е. (как я понимаю) плеер должен загружаеться на форум вместе с файлом видео (или аудио), тогда причём здесь обновление плеера?
16
Александр COOLer 28.08.10 - 13:15
В обзаце я вставил ссылку на плеер, который хранится в моём Дропбоксе, и я его стараюсь регулярно обновлять, но лучше всего заменить ссылку на свою, чтобы быть уверенным, что вы сами регулярно сможете обновлять плеер…
17
cyf 15.11.10 - 18:57
что бы не вставлял — не работает. правда видео только с ютуба пробовал. сам проигрыватель появляется но пишет фаил не найден. ссылка
картина повторяется и по аудио. можно тут что либо сделать или надо искать другие пути?
18
cyf 15.11.10 - 20:03
ссылка
да. и тут ссылка на то что хотел вставить. к примеру
19
berikiushi 09.02.11 - 20:12
Огромное спасибо! Особенно за "код для продвинутых пользователей", все настроил за 3 минуты. Работает.
20
oskar1k 24.03.11 - 05:38
<
Большое спасибо. Вот только не понял, где брать скины для uppod аудио плейера? Тоесть я их нашел конечно на сайте, жму сохранить, пишет сохранено…но куда? Оо
21
Александр COOLer 24.03.11 - 18:10
Должно сохранять в список ваших стилей.

Ваш профиль на сайте Uppod / Стили , далее Аудио, если вы скачали стиль для показа аудио плеера.
22
oskar1k 25.03.11 - 16:37
Ничего не понимаю…захожу в профиль, там только изменить логин, мэйл и пароль…больше ничего нет :9
23
oskar1k 26.03.11 - 00:47
Все, разобрался :) А вот еще вопрос, куда можно залить файл, чтобы слушать потом в таком плейере?
24
Александр COOLer 26.03.11 - 01:20
Файлы можно выкладывать в интернет при помощи сервиса DropBox. Вот более подробная информация:
ссылка
25
oskar1k 26.03.11 - 04:32
Спасибо большое, но я имел ввиду, что бы это могли делать все пользователи моего форума, а не только я.
26
Александр COOLer 26.03.11 - 07:01
Самое простой способ, если у человека есть аккаунт на сайте YouTube. Тогда человек просто загружает видео и вставляет вместо адреса на видео файл ссылку на своё YouTube видео. Есть возможность реализовать автоматическую функцию, когда человек загружает видео сначала на форум, а потом оно автоматически вставляется в плеер, но для реализации этой функции требуется много времени, которого у меня сейчас очень мало… Как будет время — постараюсь реализовать эту и другие функции и выложить здесь подробную документацию.

Когда? Обещать не могу…
27
oskar1k 27.03.11 - 04:25
А про аудио-файлы не знаете…куда залить можно? Интересует именно аудио формат. Я например искал такое место в инете и не нашел :(
28
Александр COOLer 28.03.11 - 02:54
Я такого сервиса не знаю. Да и сомневаюсь я, что есть такое хранилище музыкальных файлов куда любой желающий может загрузить композицию, получая при этом прямую ссылку… Тут опять же реальный вариант реализовать функцию через вложения. Человек загружает файл под строкой ввода сообщения, после чего композиция находится в плеере под написанным сообщением… Но у меня на данный момент нет возможности реализовать это, хотя я думаю до конца весны я найду решение…
29
oskar1k 28.03.11 - 05:02
Спасибо за ответ.
30
valueff 17.02.13 - 14:06
Уважаемый автор темы, здравствуйте. Ваш вариант прекрасно работает на форуме. Спасибо. Подскажите пожалуйста, можно ли усложнить Bbcode, добавив к нему вот эту проверку ссылка ? Заранее благодарен.
31
Alexander COOLer 04.03.13 - 06:24
Доброго времени суток!
Приятно, что получилось помочь многим людям, в том числе и Вам.
Думаю вы легко сможете добавить данную проверку, но не в самом bbcode, a на странице форума, можно попробовать включить проверку на всех страницах, или только в самой теме форума. Решать вам. Можно добавить данный скрипт в файл шаблона: overal_header , должно работать.
Тему просмотрели уже почти 22000 раз, спасибо всем за внимание!
32
zusuls 06.09.13 - 18:34
а как сделать чтобы рекламу в плеере показывало на форуме?
33
lilia777 04.05.14 - 14:01
Сделала всё как написано у Вас, разместила видео файл на YouTube, но плеер пишет: "Файл watch?v=drhk91rQS8U не найден". Что делать в этом случае?
Сообщить об ошибке на сайте
 Uppod © 2008–2020
Сообщить об ошибке на сайте
Если ошибка относится к плееру, а не сайту, либо Вы хотите получить ответ на вопрос —
лучше написать на форуме