phpBB [media] — bbcode для вставки аудио, видео, карт и др. (без правок кода)

Board index phpBBex 1.x Мастерская

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

Post #1by 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]:
Code: Select all
[media]http://vimeo.com/40558553[/media]
или (с указанием предпочитаемых размеров):
Code: Select all
[media=640,360]http://vimeo.com/40558553[/media]

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


Для вставки аудио пользователь должен вставить его адрес между [media][/media]:
Code: Select all
[media]http://pleer.com/tracks/4796774kBZr[/media]

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


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

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

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

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

1. Админка, вкладка «Сообщения», страничка «BBCodes», добавить BBCode (если уже есть [media] — редактировать).
2. В поле «Использование BBCode» введите:
Code: Select all
[media]{URL}[/media]
3. В поле «Замена HTML» введите (вводить без изменений!):
Code: Select all
<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='http://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 = 'http://phpbbex.com/api/bbmedia.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(e, s); }</script></div>
4. В поле «Подсказка» введите:
Code: Select all
Вставить аудио, видео, карту, панораму или другое мультимедиа: [media]http://youtube.com/url[/media]
5. Установите галочку «Показывать на странице ответа» и сохраните форму. Готово!

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

1. Админка, вкладка «Сообщения», страничка «BBCodes», добавить BBCode (если уже есть [media=] — редактировать).
2. В поле «Использование BBCode» введите:
Code: Select all
[media={INTTEXT}]{URL}[/media]
3. В поле «Замена HTML» введите (вводить без изменений!):
Code: Select all
<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='http://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 = 'http://phpbbex.com/api/bbmedia.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(e, s); }</script></div>
4. В поле «Подсказка» введите:
Code: Select all
Вставить аудио, видео, карту, панораму или другое мультимедиа: [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» замените подстроку «http://phpbbex.com/api/bbmedia.js» на путь к вашему файлу bbmedia.php. Лучше всего указывать путь от слэша! Например, если у вас форум имеет адрес вида «http://example.com/forum/», указывайте такой адрес: «/forum/bbmedia.php». Больше ничего в поле «Замена HTML» менять не нужно.

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

Использование на сайтах с поддержкой HTTPS

При работе сайта с использованием безопасного протокола HTTPS скрипт не работает, так как по умолчанию браузеры блокируют смешанное содержимое.
Вам необходимо произвести локальную установку скрипта по инструкции выше, либо использовать адрес «https://sumanai.ru/api/bbmedia.php» взамен стандартного «http://phpbbex.com/api/bbmedia.js».

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

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

Не работает?

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

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

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

При использовании ссылки на файл с моего сервера ничего не проигрывается
Причины может быть две: либо ваш сервер отдаёт некорректный Content-Type, либо данный формат не поддерживается вашим браузером.
Для того, чтобы ваш сервер Apache отдавал корректный Content-Type, добавьте в .htaccess файл в корне вашего сайта (этот код уже есть в phpBBex):
Code: Select all
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
Учтите, что Firefox и Opera не поддерживают форматы MP3, MP4 и AAC. Зато Firefox, Opera и Chrome поддерживают форматы Ogg Vorbis и WebM. IE также поддерживает WebM при установке соответствующего кодека.

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

Обсуждение phpBB [media] на phpbbguru.net
Обсуждение phpBB [media] на bb3x.ru
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1609
With us: 5 years


Post #441by Sumanai » 22.12.2015, 15:27

ЖЪРЧИК wrote:Ты тут единственный с ним на короткой ноге.
Это не совсем так. Мы с ним мало переписывались.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M Online
Гуру
Avatar
Reputation: 1539
With us: 4 yaers 3 months

Post #442by Dimoks » 27.01.2016, 14:40

Привет

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

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

Code: Select all
Заголовок: 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 исправить
У меня работает вот такой вариант

Code: Select all
Заголовок: 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
Новичок
Reputation: 0
With us: 1 year 3 months

Post #443by Sumanai » 27.01.2016, 15:04

Dimoks, только если вы установите локальный скрипт без обновления. Иначе сейчас никак не исправить этот тег.
К тому же код минифицирован.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M Online
Гуру
Avatar
Reputation: 1539
With us: 4 yaers 3 months

Post #444by Dimoks » 27.01.2016, 19:23

Да я установил локально .js
Оптимизировал его для чтения через unminify.com
Вроде всё понятно.... но всё таки помогите прописать туда, а то "орфография" с со слешами и скобками :help:
Dimoks
Новичок
Reputation: 0
With us: 1 year 3 months

Post #445by Dimoks » 04.02.2016, 02:25

Только что заметил что не работают видео с vk.com :(
Может у них изменились урлы? :help:
Вот такой урл не работает https://vk.com/video20367484_161921404
Dimoks
Новичок
Reputation: 0
With us: 1 year 3 months

Post #446by ЖЪРЧИК » 04.02.2016, 07:54

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

Added after 1 minute 12 seconds:
phpBB [media]

Code: Select all
https://vk.com/video_ext.php?oid=191009068&id=167987759&hash=ab270993a3448df9
плешивый кот
ЖЪРЧИК
Гуру
Avatar
Reputation: 175
With us: 2 yaers 8 months

Post #447by Sumanai » 04.02.2016, 15:26

ЖЪРЧИК wrote:Устаревает код.
Так всегда было, ограничение ВК:
VEG wrote:vk.com (vkontakte.ru) — только адрес из кода встраивания
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M Online
Гуру
Avatar
Reputation: 1539
With us: 4 yaers 3 months

Post #448by ЖЪРЧИК » 05.04.2016, 15:05

Image
Просьба переработать встраивание фб-записей в код медиа как на скрине. В ЖЖ так вот сделано.
Code: Select all
https://www.facebook.com/andrei.babitski/posts/1077262408986598
Также есть глюк по размеру видео в фб-записи. То есть видео по пикселям меньше размера плеера
плешивый кот
ЖЪРЧИК
Гуру
Avatar
Reputation: 175
With us: 2 yaers 8 months

Post #449by Sumanai » 05.04.2016, 15:11

ЖЪРЧИК wrote:Просьба переработать встраивание фб-записей в код медиа как на скрине.
Переработать то, что не сделано?
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M Online
Гуру
Avatar
Reputation: 1539
With us: 4 yaers 3 months

Post #450by ЖЪРЧИК » 05.04.2016, 19:04

Sumanai, ув., дело в том, что у меня два тезиса в сообщении. Переработать относится к
ЖЪРЧИК wrote:Также есть глюк по размеру видео в фб-записи. То есть видео по пикселям меньше размера плеера
Видеопоток не растягивается под размеры плеера, на фб он растягивается. Вот этот нюанс в коде надо исправить.
плешивый кот
ЖЪРЧИК
Гуру
Avatar
Reputation: 175
With us: 2 yaers 8 months

Post #451by Sumanai » 05.04.2016, 19:07

ЖЪРЧИК wrote:Переработать относится к
А стоит рядом со встраиванием. Непоследовательно :eh:
Ладно, на декомпиляцию скрипта у меня пока нет времени, а без неё я не смогу ничего изменить.
Как будет время, разберу скрипт и займусь его поддержкой.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M Online
Гуру
Avatar
Reputation: 1539
With us: 4 yaers 3 months

Post #452by ЖЪРЧИК » 05.04.2016, 20:45

Sumanai, сделай у себя на форуме пока, либо скажи Жене, чтоб благославил на сие деяние.
Да, я хотел сначала про одно сказать, потом про другое, но поторопился и попутал тезисы местами.
плешивый кот
ЖЪРЧИК
Гуру
Avatar
Reputation: 175
With us: 2 yaers 8 months

Post #453by Sumanai » 05.04.2016, 20:55

ЖЪРЧИК wrote:Sumanai, сделай у себя на форуме пока
Что сделать?
ЖЪРЧИК wrote:либо скажи Жене, чтоб благославил на сие деяние.
Он давно мне не отвечал.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M Online
Гуру
Avatar
Reputation: 1539
With us: 4 yaers 3 months

Post #454by ЖЪРЧИК » 05.04.2016, 22:17

"разберу скрипт и займусь его поддержкой."
Может он не одобрит инициативу.
плешивый кот
ЖЪРЧИК
Гуру
Avatar
Reputation: 175
With us: 2 yaers 8 months

Post #455by anton85 » 06.04.2016, 12:42

У меня после установки кода вот это появилось.
Code: Select all
Fatal error: Using $this when not in object context in /home/xxxxxxx/xxxxx/includes/bbcode.php on line 306
anton85
Новичок
Reputation: 0
With us: 1 year

Post #456by Sumanai » 06.04.2016, 15:34

anton85, вы походу форум установили, а не ббкод.
Обновите версию PHP на современную.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M Online
Гуру
Avatar
Reputation: 1539
With us: 4 yaers 3 months

Post #457by anton85 » 07.04.2016, 03:52

Стоит 7 версия PHP, пока не совсем разобрался с этим движком. Буду ковырять. Спасибо за ответ :smile:
anton85
Новичок
Reputation: 0
With us: 1 year

Post #458by Sumanai » 07.04.2016, 15:59

anton85 wrote:Стоит 7 версия PHP
Сейчас стоит или стояла? Проблем на ней не должно быть.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M Online
Гуру
Avatar
Reputation: 1539
With us: 4 yaers 3 months

Post #459by anton85 » 08.04.2016, 10:28

Сейчас стоит или стояла? Проблем на ней не должно быть.
Сейчас стоить 7 версия. Все работает отлично. Видно это я че то не то сделал
anton85
Новичок
Reputation: 0
With us: 1 year

Post #460by Alexell » 09.04.2016, 00:32

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

Маленький плеер
Использование BBCode:
Code: Select all
[SoundCloud]{URL}[/SoundCloud]

Замена HTML:
Code: Select all
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url={URL}&auto_play=false"></iframe>

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

Замена HTML:
Code: Select all
<iframe width="600" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url={URL}&auto_play=false&visual=true"></iframe>

Подсказка:
Code: Select all
Вставка аудио с SoundCloud
Примеры
Screenshot_1.jpg

Screenshot_2.jpg

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

Как вставлять видео В Контакте:
1. Нажимаем "Экспортировать"
2. Копируем код экспорта (лучше выбрать средние размеры вставки) и вставляем в любой текстовый редактор
Code: Select all
<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:
Code: Select all
[media]http://vk.com/video_ext.php?oid=63030642&id=166597686&hash=734fe876960e03eb&hd=1[/media]
Пример
phpBB [media]

(c) 2010-2017, Alexell Production.
Alexell M
Мастер
Avatar
Age: 23
Location: Россия, Москва.
Reputation: 13
With us: 3 yaers 8 months

PreviousNext

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

Quick reply


Enter the code exactly as it appears. All letters are case insensitive.
Confirmation code
:hi: :smile: :wink: :twisted: :sad: :evil: :smoke: :eh: :eek: :fie: :silenced: :razz: :oops: :help: :spy: :insane: :biggrin: :toothless: :ill: :nervious: :weirdface: :pray: :clap: :think: :boxing: :cyclop: :rambo: :zombie: :cry: View more smilies

   

Return to Мастерская



Who is online (over the past 10 minutes)

Users browsing this forum: 3 guests