Все мы знаем как добавить плеер на свою страничку через 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 разных кода для аудио и видео, чтобы не было недоразумений.
Добавление видеоролика в сообщение. Пример: [add-video]http://videohosting.ru/video.flv[/add-video] Поддерживается YouTube!
Настройки: Поставьте галочку, если хотите, чтобы кнопка добавления этого кода появилась рядом со строкой написания сообщений. Если кнопки не будет, то необходимо будет каждый раз при добавлении писать теги "ручками". Рекомендую поставить галочку.
BBCode для аудио:
Теперь снова нажимаем добавить BBCode. Перед нами уже знакомая картина. Но теперь заполняем немного по-другому. А именно, вместо video, теперь везде audio.
Добавление музыкальной композиции. Пример: [add-audio]http://musichosting.ru/audio.mp3
Настройки: Поставьте галочку, если хотите, чтобы кнопка добавления этого кода появилась рядом со строкой написания сообщений. Если кнопки не будет, то необходимо будет каждый раз при добавлении писать теги "ручками". Рекомендую поставить галочку.
Вот страница, на которой производятся все настройки: ссылка
По аналогии в данные коды могут включаться дополнительные значения или данные.
Эти коды совершенно автономны и для минимальной работы не требуют от вас никаких действий. Это значит, что от вас не требуется закачка плеера и стилей на хостинг, т.к. не у всех владельцев форумов он есть. Но вы легко можете вносить изменения, имея знания HTML.
Для продвинутых пользователей я подготовил код, в котором можно самому легко менять параметры, сразу, "не отходя от кассы"…
Все надписи на русском необходимо заменить на своё значение по аналогии. Не забывайте, что параметры дублируются, т.к. это универсальный код, адаптированный под любой браузер.
Я постарался максимально упростить инструкцию для новичков, и в то же время оставить простор действий для профессионалов. Я не стал внедрять в код дополнительные параметры, т.к. люди на форумы заходят разные, и мысли у них не всегда хорошие… Вам как минимум могут перегрузить страницу плеером размером 10 000 пикселей, или кривым плеером… Поэтому со стороны посетителей необходимо вставить только ссылку и всё. Хотя возможности bbcode безграничны, но думаю на этом стоит ограничиться… Но решать вам. Вы можете вставить туда хоть 100 дополнительных параметров, но тогда без претензий…
Корректируйте код с умом! Будьте осторожны…
Спасибо за внимание. все свои вопросы пишите в комментарии.
Добрый день. Спасибо за пост, все очень хорошо описано.
Не могли бы вы описать интеграцию пллеера через вложения, т.е. чтобы при обработке видео/аудио вложений использовался uppod-плеер?
Сделал всё как написано у Вас, разместил видео файл на YouTube, но плеер пишет: "Файл watch?v=drhk91rQS8U не найден". Посмотреть результат можно здесь ссылка
Скажите пожалуйста- что я сделал не так?
Люди, я сейчас не располагаю демо версией данного решения интеграции, поэтому у кого установлено данное решение, отпишитесь, как работает с обновлённым файлом, кто конечно его использует…
Тогда я что то не понимаю?
Выше вы в обзаце "замена HTML" пишете: "value="ссылка , т.е. (как я понимаю) плеер должен загружаеться на форум вместе с файлом видео (или аудио), тогда причём здесь обновление плеера?
В обзаце я вставил ссылку на плеер, который хранится в моём Дропбоксе, и я его стараюсь регулярно обновлять, но лучше всего заменить ссылку на свою, чтобы быть уверенным, что вы сами регулярно сможете обновлять плеер…
что бы не вставлял не работает. правда видео только с ютуба пробовал. сам проигрыватель появляется но пишет фаил не найден. ссылка
картина повторяется и по аудио. можно тут что либо сделать или надо искать другие пути?
<
Большое спасибо. Вот только не понял, где брать скины для uppod аудио плейера? Тоесть я их нашел конечно на сайте, жму сохранить, пишет сохранено…но куда? Оо
Самое простой способ, если у человека есть аккаунт на сайте YouTube. Тогда человек просто загружает видео и вставляет вместо адреса на видео файл ссылку на своё YouTube видео. Есть возможность реализовать автоматическую функцию, когда человек загружает видео сначала на форум, а потом оно автоматически вставляется в плеер, но для реализации этой функции требуется много времени, которого у меня сейчас очень мало… Как будет время постараюсь реализовать эту и другие функции и выложить здесь подробную документацию.
Я такого сервиса не знаю. Да и сомневаюсь я, что есть такое хранилище музыкальных файлов куда любой желающий может загрузить композицию, получая при этом прямую ссылку… Тут опять же реальный вариант реализовать функцию через вложения. Человек загружает файл под строкой ввода сообщения, после чего композиция находится в плеере под написанным сообщением… Но у меня на данный момент нет возможности реализовать это, хотя я думаю до конца весны я найду решение…
Уважаемый автор темы, здравствуйте. Ваш вариант прекрасно работает на форуме. Спасибо. Подскажите пожалуйста, можно ли усложнить Bbcode, добавив к нему вот эту проверку ссылка ? Заранее благодарен.
Доброго времени суток!
Приятно, что получилось помочь многим людям, в том числе и Вам.
Думаю вы легко сможете добавить данную проверку, но не в самом bbcode, a на странице форума, можно попробовать включить проверку на всех страницах, или только в самой теме форума. Решать вам. Можно добавить данный скрипт в файл шаблона: overal_header , должно работать.
Тему просмотрели уже почти 22000 раз, спасибо всем за внимание!
Не могли бы вы описать интеграцию пллеера через вложения, т.е. чтобы при обработке видео/аудио вложений использовался uppod-плеер?
Если нужно ещё что-то по phpbb 3, обращайтесь, думаю найдём общий язык…
4cooler(собака)gmail.com
Посмотреть можно туты
куда копать ? что делаю не верно ?
Скажите пожалуйста- что я сделал не так?
Скоро напишу интеграцию с плеером HTML 5…
Выше вы в обзаце "замена HTML" пишете: "value="
картина повторяется и по аудио. можно тут что либо сделать или надо искать другие пути?
да. и тут ссылка на то что хотел вставить. к примеру
Большое спасибо. Вот только не понял, где брать скины для uppod аудио плейера? Тоесть я их нашел конечно на сайте, жму сохранить, пишет сохранено…но куда? Оо
Ваш профиль на сайте Uppod / Стили , далее Аудио, если вы скачали стиль для показа аудио плеера.
Когда? Обещать не могу…
Приятно, что получилось помочь многим людям, в том числе и Вам.
Думаю вы легко сможете добавить данную проверку, но не в самом bbcode, a на странице форума, можно попробовать включить проверку на всех страницах, или только в самой теме форума. Решать вам. Можно добавить данный скрипт в файл шаблона: overal_header , должно работать.
Тему просмотрели уже почти 22000 раз, спасибо всем за внимание!