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: 1573
With us: 5 years 4 months


Post #421by Sumanai » 31.07.2015, 05:21

t4p2,
VEG wrote:vk.com (vkontakte.ru) — только адрес из кода встраивания.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1581
With us: 4 yaers 6 months

Post #422by ЖЪРЧИК » 21.08.2015, 09:25

http://goodgame.ru/channel/rasta/
<iframe frameborder="0" width="800" height="450" src="http://www.goodgame.ru/player.php?16510"></iframe>
можно добавить в медиа тег ?

Added after 1 day 12 hours:
Просьба переработать скрипт для youtube /viewtopic.php?p=18577#p18577 так. А также включить возможность встраивание плейлиста-видео, а не одно видео из плейлиста по коду.
плешивый кот
ЖЪРЧИК
Гуру
Avatar
Reputation: 174
With us: 3 yaers

Post #423by dipol » 03.09.2015, 16:50

Если я не ошибаюсь то раньше при просмотре со смартфона или планшета при использовании данного тега все более или менее работало, а сейчас кажется нет. Да и вообще. При попытке зайти на phpbbex.com не дает. Вот одновременно вышел сюда со смартфона:

Image

С ПК вот прям сейчас пишу паралельно - все ОК.

И да. В таком случае на рессурсе где используется данный тег вместо ролика или медиаконтента просто висит квадратик с надписью "phpBB [media]".

Кстати такое положение дел (с квадратиком) наблюдается если просматривать ресурс по HTTPS.
http://forum-33.ru | phpBBex 1.9.1
dipol M
Мастер
Avatar
Reputation: 21
With us: 2 yaers 8 months

Post #424by Sumanai » 03.09.2015, 17:15

dipol wrote:При попытке зайти на phpbbex.com не дает
Блокиратор рекламы типа AdAway стоит?
dipol wrote:Кстати такое положение дел (с квадратиком) наблюдается если просматривать ресурс по HTTPS.
Ну это не удивительно- браузер может блокировать небезопасное содержимое при работе по HTTPS. Нужно переводить phpbbex.com на HTTPS.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1581
With us: 4 yaers 6 months

Post #425by dipol » 03.09.2015, 17:21

Sumanai wrote:Блокиратор рекламы типа AdAway стоит?
Нет. (точно нет - проверял. тк раньше пользовал adblock но в данном случае да конкретном аппарате нет никакх блокировщиков рекламы.
Sumanai wrote:Ну это не удивительно- браузер может блокировать небезопасное содержимое при работе по HTTPS. Нужно переводить phpbbex.com на HTTPS.
ну я так и думал что надо добавлять поддержку https на самом phpbbex
http://forum-33.ru | phpBBex 1.9.1
dipol M
Мастер
Avatar
Reputation: 21
With us: 2 yaers 8 months

Post #426by Sumanai » 03.09.2015, 17:42

dipol wrote:Нет.
Тогда не знаю. Оператор СС, или WiFi?
Хотя если раньше стоял блокиратор, который работает с использованием рута и подменяет файл hosts, то этот файл после удаления блокиратора мог остаться с изменениями.
dipol wrote:ну я так и думал что надо добавлять поддержку https на самом phpbbex
И не только. Ещё нужно изменять ссылки на ресурсах.
Хотя можно обойтись средствами самого сайта, то есть разместить файл bbmedia.js у себя на сервере. Тогда будет работать.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1581
With us: 4 yaers 6 months

Post #427by dipol » 03.09.2015, 19:22

а кто может сказать какая версия jQuery стоит или берется с CDN googla ? м.б. в этом дело? А то у меня даннная опция включена в админке, а та что идет в комплекте у меня идут 1.11.2 файл который jquery-ie8.js и 2.1.3 jquery.js Может в них дело?

Added after 6 minutes 26 seconds:
Хм... попробовал отключить гугловское cdn - все равно.. не помогает. :sad:

/оффтопом/

Да.. и вообще. чот на моб устройствах все что на яве... и быстрое цитирование перестало работать.. пичаль :sad:

Added after 5 minutes 24 seconds:
Конечно очень плохо что такая полезная фишка как "быстрая цитата" отсутствует ныне (не работает) на моб. устройствах.
http://forum-33.ru | phpBBex 1.9.1
dipol M
Мастер
Avatar
Reputation: 21
With us: 2 yaers 8 months

Post #428by Sumanai » 03.09.2015, 20:16

dipol wrote:Может в них дело?
Нет.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1581
With us: 4 yaers 6 months

Post #429by Трислав » 08.09.2015, 16:39

Други а нельзя как нибудь допилить сей код дабы он отображал слайдшоу с Яндекс-фоток.
Яндек предлагает для вставки два вот таких варианта:
Code: Select all
<object width="500" height="375"><param name="bgcolor" value="#000000" /><param name="movie" value="https://fotki.yandex.ru/swf/slideshow?author=defriez&mode=album&effects=1&time=5&id=501987" /><param name="allowFullScreen" value="true" /><param name="allowNetworking" value="all" /><embed src="https://fotki.yandex.ru/swf/slideshow?author=defriez&mode=album&effects=1&time=5&id=501987" allowFullScreen="true" width="500" height="375" allowNetworking="all"type="application/x-shockwave-flash" bgcolor="#000000" /></object>
Code: Select all
[flash=500,375,https://fotki.yandex.ru/swf/slideshow?author=defriez&mode=album&effects=1&time=5&id=501987]
Ни один естественно не работает. А хотелось бы :smile: Хотя извиняюсь флеш работает после короткого перепиливания :smile:
Трислав M
Мастер
Avatar
Age: 41
Reputation: 37
With us: 2 yaers 4 months

Post #430by Sumanai » 08.09.2015, 16:45

Трислав wrote:Ни один естественно не работает.
На мобильных к примеру и не будет работать, там флеш, который сейчас уже устарел и встречается всё реже.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1581
With us: 4 yaers 6 months

Post #431by Трислав » 08.09.2015, 16:49

Sumanai wrote:На мобильных к примеру и не будет работать, там флеш, который сейчас уже устарел и встречается всё реже.
Ну вообще как-бы криво работает, на форуме например на весь экран не разворачивает. Потому и интересуюсь, нет ли варианта развернуть сие через BB код медиа.
Неудобно иногда когда в пост по 200 с лишним фото :sad:
Трислав M
Мастер
Avatar
Age: 41
Reputation: 37
With us: 2 yaers 4 months

Post #432by Illium » 05.12.2015, 17:08

phpBB [media]


Когда и будет ли вообще это исправлено?

И будет ли добавлена поддержка полей-листов с того же ресурса?
Illium
Гость

Post #433by ЖЪРЧИК » 14.12.2015, 03:30

оказывается у одноклассников есть видеохостинг
Code: Select all
http://ok.ru/video/15108278985

<iframe width="853" height="480" src="http://ok.ru/videoembed/15108278985" frameborder="0" allowfullscreen></iframe>

Просьба добавить и обновить другие сервисы
плешивый кот
ЖЪРЧИК
Гуру
Avatar
Reputation: 174
With us: 3 yaers

Post #434by angst66 » 20.12.2015, 21:00

Illium wrote:Когда и будет ли вообще это исправлено?
Тоже хочется узнать, что с https://soundcloud.com/
angst66
Бывалый
Reputation: 13
With us: 4 yaers 11 months

Post #435by ЖЪРЧИК » 21.12.2015, 01:02

Евгений пока забил на это. Может вернется в следующем году. Будем ждать.
плешивый кот
ЖЪРЧИК
Гуру
Avatar
Reputation: 174
With us: 3 yaers

Post #436by sag-sag » 21.12.2015, 09:55

ЖЪРЧИК wrote:Может вернется в следующем году.
врятли.
"Сбит с ног - сражайся на коленях, идти не можешь - лежа наступай". В. Ф. Маргелов
sag-sag M
Гуру
Age: 31
Reputation: 353
With us: 4 yaers

Post #437by ЖЪРЧИК » 21.12.2015, 19:08

sag-sag, ну кому то нужно будет из сообщества поддерживать. Суманаи джаву пока не знает. Дедушка тут один с КИА вроде шарит, но он мещанин и эгоцентрик. Дело то важное.
плешивый кот
ЖЪРЧИК
Гуру
Avatar
Reputation: 174
With us: 3 yaers

Post #438by Sumanai » 22.12.2015, 04:33

Без исходников и доступа на сервер для заливки нового никак.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1581
With us: 4 yaers 6 months

Post #439by ЖЪРЧИК » 22.12.2015, 07:09

Sumanai, тогда ждать остается, либо уговаривать исходники тебе дать - с нашей стороны общественное мнение создадим, остальное за тобой. Ты тут единственный с ним на короткой ноге.
Ума много не нужно думаю, чтобы добавлять и править существующее, если что дедушка Киа поможет или кто другой толмач. :idea:
плешивый кот
ЖЪРЧИК
Гуру
Avatar
Reputation: 174
With us: 3 yaers

Post #440by sag-sag » 22.12.2015, 08:00

ЖЪРЧИК, дедушка Киа врятли захочет делиться своими знаниями)))
"Сбит с ног - сражайся на коленях, идти не можешь - лежа наступай". В. Ф. Маргелов
sag-sag M
Гуру
Age: 31
Reputation: 353
With us: 4 yaers

PreviousNext

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