phpBB [media] — универсальный bbcode для вставки аудио, видео, карт и др.

Список разделов phpBBex 1.x (поддерживается) Мастерская 1.x

Описание: Только готовые решения! Статьи, заметки, моды и другие полезности для phpBBex 1.x и phpBB 3.0.x.
Модератор: Поддержка

Сообщение #1 VEG » 18.05.2012, 15:39

BBCode: phpBB [audio] | phpBB [video] | phpBB [media] | phpBB [youtube]

Представляем вам новый универсальный BBCode «phpBB [media]». Это два BBCode в одном: [video] и [audio]. Помимо этого он умеет встраивать и другие мультимедийные вещи, такие как: карты, панорамы, фотогалереи и др. Надеемся, вам понравится. Он подходит как для phpBB, так и для phpBBex. Для установки нет необходимости править какие-либо файлы, его можно добавить через раздел администратора.

Примеры использования

Для вставки видео пользователь должен вставить его адрес между [media][/media]:
Код: Выделить всё
[media]http://vimeo.com/40558553[/media]
или (с указанием предпочитаемых размеров):
Код: Выделить всё
[media=640,360]http://vimeo.com/40558553[/media]

В сообщении это отобразится следующим образом:
phpBB [media]


Для вставки аудио пользователь должен вставить его адрес между [media][/media]:
Код: Выделить всё
[media]https://soundcloud.com/to420/kunta_minimal[/media]

В сообщении это отобразится следующим образом:
phpBB [media]


Поддерживаемые сервисы

Поскольку phpBB [media] — это грамотный симбиоз наших [audio] и [video], он будет поддерживать все сервисы, которые предлагают указанные BBCode. Дополнительно phpBB [media] будет поддерживать сервисы, которые к аудио и видео не имеют прямого отношения, но данные из которых удобно встраивать в сообщения (панорамы, фотогалереи, карты и др.).

На данный момент поддерживаются:
  • все сервисы из phpBB [video] (youtube.com, vimeo.com и др.)
  • все сервисы из phpBB [audio] (soundcloud.com, music.yandex.ru и др.)
  • docs.google.com (документы, таблицы и формы; берите ссылку из File » Publish to the web)
  • maps.google.com (карты, панорамы)
  • openstreetmap.org (карты)
  • 360cities.net (панорамы)
  • dermandar.com (панорамы)
  • share.mapbbcode.org (карты с вашими метками на ней)
  • connect.garmin.com (GPS-треки)
  • endomondo.com (маршруты и тренировки)
  • bikemap.net (GPS-треки)
  • livegpstracks.com (GPS-треки, поддерживаются только ссылки из кода встраивания)

Установка [media] (с автоматическими размерами)

1. Админка, вкладка «Сообщения», страничка «BBCodes», добавить BBCode (если уже есть [media] — редактировать).
2. В поле «Использование BBCode» введите:
Код: Выделить всё
[media]{URL}[/media]
3. В поле «Замена HTML» введите (вводить без изменений!):
Код: Выделить всё
<div class='bbmedia' data-url='{URL}' style='margin: 1px; display: inline-block; vertical-align: bottom;'><div style='width: 200px; height: 40px; border: 1px solid #999; display: table-cell; text-align: center; vertical-align: middle; font: 10px/10px Verdana; color: #555; opacity: 0.5;'><a style='color: #105289; text-decoration: none;' href='//phpbbex.com/' target='_blank'>phpBB</a> &#91;media&#93;</div><script>if (typeof bbmedia == 'undefined') { bbmedia = true; var e = document.createElement('script'); e.async = true; e.src = '//phpbbex.com/api/bbmedia.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(e, s); }</script></div>
4. В поле «Подсказка» введите:
Код: Выделить всё
Вставить аудио, видео, карту, панораму или другое мультимедиа: [media]http://youtube.com/url[/media]
5. Установите галочку «Показывать на странице ответа» и сохраните форму. Готово!

Установка [media=ширина,высота] (с предпочитаемой шириной и высотой плеера)

1. Админка, вкладка «Сообщения», страничка «BBCodes», добавить BBCode (если уже есть [media=] — редактировать).
2. В поле «Использование BBCode» введите:
Код: Выделить всё
[media={INTTEXT}]{URL}[/media]
3. В поле «Замена HTML» введите (вводить без изменений!):
Код: Выделить всё
<div class='bbmedia' data-url='{URL}' data-args='{INTTEXT}' style='margin: 1px; display: inline-block; vertical-align: bottom;'><div style='width: 200px; height: 40px; border: 1px solid #999; display: table-cell; text-align: center; vertical-align: middle; font: 10px/10px Verdana; color: #555; opacity: 0.5;'><a style='color: #105289; text-decoration: none;' href='//phpbbex.com/' target='_blank'>phpBB</a> &#91;media&#93;</div><script>if (typeof bbmedia == 'undefined') { bbmedia = true; var e = document.createElement('script'); e.async = true; e.src = '//phpbbex.com/api/bbmedia.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(e, s); }</script></div>
4. В поле «Подсказка» введите:
Код: Выделить всё
Вставить аудио, видео, карту, панораму или другое мультимедиа: [media=ширина,высота]http://youtube.com/url[/media]
5. Сохраните форму. Готово!

Независимый js-скрипт на вашем сервере

По умолчанию js-скрипт с базой поддерживаемых сервисов загружается напрямую с phpbbex.com. У этого подхода есть преимущество — для всех форумов используется общая копия js-скрипта в кэше браузера пользователей. Однако, это делает вас в какой-то мере зависимыми от нашего сервера. Если вы хотите, чтобы js-скрипт bbmedia загружался с вашего сервера, воспользуйтесь bbmedia.php. Данный PHP-скрипт автоматически возьмёт самую свежую версию bbmedia.js с сервера phpbbex.com, сохранит копию в каталоге вашего форума, после чего будет отдавать её браузеру ваших пользователей, проверяя не чаще раза в сутки наличие обновлений, что не создаст какой-либо ощутимой нагрузки на ваш сервер. Даже при недоступности phpbbex.com этот скрипт будет просто отдавать сохранённую на вашем сервере копию.

Для установки bbmedia.php просто скачайте bbmedia.php.zip и извлеките содержимое архива в кореневую директорию вашего форума. Далее для всех BBCode из серии bbmedia ([audio], [video], [media]) зайдите в редактирование (Админка, вкладка «Сообщения», страничка «BBCodes») и в поле «Замена HTML» замените подстроку «//phpbbex.com/api/bbmedia.js» на путь к вашему файлу bbmedia.php. Лучше всего указывать путь от слэша! Например, если у вас форум имеет адрес вида «http://example.com/forum/», указывайте такой адрес: «/forum/bbmedia.php». Больше ничего в поле «Замена HTML» менять не нужно.

Для принудительного обновления вашей копии js-скрипта необходимо просто запустить «bbmedia.php?update» (с параметром update). Если вы увидите OK — обновление успешно. Иначе вы увидите сообщение о типе ошибки.

Удаление ссылки из кода

На разработку данного bbcode потрачено много времени, поэтому в наличие ссылки на phpbbex.com в коде обязательно. Эта ссылка видна только в момент загрузки и не мешает пользователям. Если по каким-то причинам вам всё-таки необходимо её убрать, свяжитесь с автором любым удобным для вас способом. Возможность убрать ссылку из кода стоит 20$ для одного форума. Это неплохая возможность материально поддержать дальнейшую разработку данного bbcode.

Не работает?

Отображается стандартная заглушка с надписью phpBB [media] и ничего не происходит
Скорее всего на странице есть какая-то ошибка JavaScript, что прекращает выполнение всех скриптов. Включите консоль разработчика и посмотрите что за ошибка. Если у вас на странице используется jQuery, попробуйте обновить версию на более свежую (1.7 и более новую).

Выдаёт ошибку «Неправильный BBCode»
Проблема в том, что вы изменили предлагаемый код либо это сделала за вас какая-то модификация. Попробуйте по очереди убирать модификации, которые влияют на вывод сообщений и обработку BBCode.

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

При использовании ссылки на файл с моего сервера ничего не проигрывается
Причины может быть две: либо ваш сервер отдаёт некорректный Content-Type, либо данный формат не поддерживается вашим браузером.
Для того, чтобы ваш сервер Apache отдавал корректный Content-Type, добавьте в .htaccess файл в корне вашего сайта (этот код уже есть в phpBBex):
Код: Выделить всё
AddType audio/ogg   ogg oga
AddType video/ogg   ogv
AddType audio/webm  webma
AddType video/webm  webm webmv
AddType audio/mp4   m4a
AddType video/mp4   mp4 m4v
AddType audio/opus  opus
AddType audio/flac  flac
AddType audio/aac   aac
AddType audio/mpeg  mp1 mp2 mp3 mpg mpeg
AddType audio/wav   wav
Рекомендуем использовать форматы Ogg Vorbis, Opus и WebM. IE также поддерживает WebM при установке соответствующего кодека.

phpBB [media] на других ресурсах

Обсуждение phpBB [media] на phpbbguru.net
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев


Сообщение #441 Sumanai » 22.12.2015, 15:27

ЖЪРЧИК:Ты тут единственный с ним на короткой ноге.
Это не совсем так. Мы с ним мало переписывались.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 1 месяц

Сообщение #442 Dimoks » 27.01.2016, 14:40

Привет

Пожалуйста помогите в bbmedia.js добавить поддержку видео с твиттера

У меня на vbulletin работает такая замена

Код: Выделить всё
Заголовок: twitter
Название BB кода: twitter
Замена: <blockquote class="twitter-video" lang="ru" data-status="hidden" xml:lang="ru"><a href="https://twitter.com/twitter/status/{param}">https://twitter.com/twitter/status/{param}</a></blockquote><script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script>
Пример: [twitter]670615862152454144[/twitter]


И помогите soundcloud исправить
У меня работает вот такой вариант

Код: Выделить всё
Заголовок: soundcloud
Название BB кода: sc
Замена: <iframe width="600" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url={param}&auto_play=false&visual=true"></iframe>
Пример: [sc]https://soundcloud.com/raesremmurd/rae-sremmurd-no-type-prod-by-mike-will-made-it-swae-lee-of-rae-sremmurd[/sc]


А в .js там старый урл плеера прописан. Вроде поменял на новый, но что-то не работает :)
Хелп :)
Спасибо
Dimoks
Репутация: 0
С нами: 8 лет 1 месяц

Сообщение #443 Sumanai » 27.01.2016, 15:04

Dimoks, только если вы установите локальный скрипт без обновления. Иначе сейчас никак не исправить этот тег.
К тому же код минифицирован.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 1 месяц

Сообщение #444 Dimoks » 27.01.2016, 19:23

Да я установил локально .js
Оптимизировал его для чтения через unminify.com
Вроде всё понятно.... но всё таки помогите прописать туда, а то "орфография" с со слешами и скобками :help:
Dimoks
Репутация: 0
С нами: 8 лет 1 месяц

Сообщение #445 Dimoks » 04.02.2016, 02:25

Только что заметил что не работают видео с vk.com :(
Может у них изменились урлы? :help:
Вот такой урл не работает https://vk.com/video20367484_161921404
Dimoks
Репутация: 0
С нами: 8 лет 1 месяц

Сообщение #446 ЖЪРЧИК » 04.02.2016, 07:54

Работает кусок ссылки из кода вроде бы, а не ссылка сверху. Устаревает код.

Добавлено спустя 1 минуту 12 секунд:
phpBB [media]

Код: Выделить всё
https://vk.com/video_ext.php?oid=191009068&id=167987759&hash=ab270993a3448df9
ЖЪРЧИК
Аватара
Репутация: 174
С нами: 9 лет 7 месяцев

Сообщение #447 Sumanai » 04.02.2016, 15:26

ЖЪРЧИК:Устаревает код.
Так всегда было, ограничение ВК:
VEG:vk.com (vkontakte.ru) — только адрес из кода встраивания
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 1 месяц

Сообщение #448 ЖЪРЧИК » 05.04.2016, 15:05

Изображение
Просьба переработать встраивание фб-записей в код медиа как на скрине. В ЖЖ так вот сделано.
Код: Выделить всё
https://www.facebook.com/andrei.babitski/posts/1077262408986598
Также есть глюк по размеру видео в фб-записи. То есть видео по пикселям меньше размера плеера
ЖЪРЧИК
Аватара
Репутация: 174
С нами: 9 лет 7 месяцев

Сообщение #449 Sumanai » 05.04.2016, 15:11

ЖЪРЧИК:Просьба переработать встраивание фб-записей в код медиа как на скрине.
Переработать то, что не сделано?
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 1 месяц

Сообщение #450 ЖЪРЧИК » 05.04.2016, 19:04

Sumanai, ув., дело в том, что у меня два тезиса в сообщении. Переработать относится к
ЖЪРЧИК:Также есть глюк по размеру видео в фб-записи. То есть видео по пикселям меньше размера плеера
Видеопоток не растягивается под размеры плеера, на фб он растягивается. Вот этот нюанс в коде надо исправить.
ЖЪРЧИК
Аватара
Репутация: 174
С нами: 9 лет 7 месяцев

Сообщение #451 Sumanai » 05.04.2016, 19:07

ЖЪРЧИК:Переработать относится к
А стоит рядом со встраиванием. Непоследовательно :eh:
Ладно, на декомпиляцию скрипта у меня пока нет времени, а без неё я не смогу ничего изменить.
Как будет время, разберу скрипт и займусь его поддержкой.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 1 месяц

Сообщение #452 ЖЪРЧИК » 05.04.2016, 20:45

Sumanai, сделай у себя на форуме пока, либо скажи Жене, чтоб благославил на сие деяние.
Да, я хотел сначала про одно сказать, потом про другое, но поторопился и попутал тезисы местами.
ЖЪРЧИК
Аватара
Репутация: 174
С нами: 9 лет 7 месяцев

Сообщение #453 Sumanai » 05.04.2016, 20:55

ЖЪРЧИК:Sumanai, сделай у себя на форуме пока
Что сделать?
ЖЪРЧИК:либо скажи Жене, чтоб благославил на сие деяние.
Он давно мне не отвечал.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 1 месяц

Сообщение #454 ЖЪРЧИК » 05.04.2016, 22:17

"разберу скрипт и займусь его поддержкой."
Может он не одобрит инициативу.
ЖЪРЧИК
Аватара
Репутация: 174
С нами: 9 лет 7 месяцев

Сообщение #455 anton85 » 06.04.2016, 12:42

У меня после установки кода вот это появилось.
Код: Выделить всё
Fatal error: Using $this when not in object context in /home/xxxxxxx/xxxxx/includes/bbcode.php on line 306
anton85
Репутация: 0
С нами: 7 лет 11 месяцев

Сообщение #456 Sumanai » 06.04.2016, 15:34

anton85, вы походу форум установили, а не ббкод.
Обновите версию PHP на современную.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 1 месяц

Сообщение #457 anton85 » 07.04.2016, 03:52

Стоит 7 версия PHP, пока не совсем разобрался с этим движком. Буду ковырять. Спасибо за ответ :smile:
anton85
Репутация: 0
С нами: 7 лет 11 месяцев

Сообщение #458 Sumanai » 07.04.2016, 15:59

anton85:Стоит 7 версия PHP
Сейчас стоит или стояла? Проблем на ней не должно быть.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 1 месяц

Сообщение #459 anton85 » 08.04.2016, 10:28

Сейчас стоит или стояла? Проблем на ней не должно быть.
Сейчас стоить 7 версия. Все работает отлично. Видно это я че то не то сделал
anton85
Репутация: 0
С нами: 7 лет 11 месяцев

Сообщение #460 Alexell » 09.04.2016, 00:32

Рабочие BB-коды для SoundCloud: (за идею спасибо Dimoks)

Маленький плеер
Использование BBCode:
Код: Выделить всё
[SoundCloud]{URL}[/SoundCloud]

Замена HTML:
Код: Выделить всё
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url={URL}&auto_play=false"></iframe>

Подсказка:
Код: Выделить всё
Вставка аудио с SoundCloud
Большой плеер
Использование BBCode:
Код: Выделить всё
[SoundCloud]{URL}[/SoundCloud]

Замена HTML:
Код: Выделить всё
<iframe width="600" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url={URL}&auto_play=false&visual=true"></iframe>

Подсказка:
Код: Выделить всё
Вставка аудио с SoundCloud
Примеры
Screenshot_1.jpg

Screenshot_2.jpg

P.S. Я не стал заморачиваться с изменением .js файла, потому что жду, когда разработчики сами все поправят.
P.P.S. Название и подсказки вы можете менять сами.

Как вставлять видео В Контакте:
1. Нажимаем "Экспортировать"
2. Копируем код экспорта (лучше выбрать средние размеры вставки) и вставляем в любой текстовый редактор
Код: Выделить всё
<iframe src="//vk.com/video_ext.php?oid=63030642&id=166597686&hash=734fe876960e03eb&hd=1" width="640" height="360"  frameborder="0"></iframe>
3. Берем только ссылку vk.com/video_ext.php?oid=63030642&id=166597686&hash=734fe876960e03eb&hd=1
4. Дописываем в начале http:// и забиваем в media:
Код: Выделить всё
[media]http://vk.com/video_ext.php?oid=63030642&id=166597686&hash=734fe876960e03eb&hd=1[/media]
Пример
phpBB [media]

Alexell M
Аватара
Откуда: Москва, Россия.
Репутация: 13
С нами: 10 лет 7 месяцев

Пред.След.

Вернуться в Мастерская 1.x