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
Репутация: 1668
С нами: 12 лет 7 месяцев


Сообщение #241 VEG » 11.05.2014, 18:01

quant:Возникала мысль что проблема в недавно установленном Prime links - он делал редирект внешних ссылок через прослойку, но отключив редирект в прайме - получил тоже самое, ссылки теперь не подменяются - но тег медиа не работает
Сперва отключите/удалите Prime links, а потом тестируйте на новом сообщении, то есть там, где оно уже не работало, не смотрите, создавайте новое сообщение. Но судя по ошибке там скорее всего в чём-то другом проблема.
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1668
С нами: 12 лет 7 месяцев

Сообщение #242 Saalem » 14.05.2014, 23:22

здравствуйте.

вот на андроиде не видно плеер (с просто плеер) . что делать ? как быть?
Saalem
Репутация: 0
С нами: 10 лет 10 месяцев

Сообщение #243 Sumanai » 14.05.2014, 23:29

Здравствуйте. Во- первых, не нужно так выделять сообщение, это мешает и задерживает ответ.
Во- вторых, с просто плеера вставляется флеш, который, видимо, не установлен на вашем андроиде, либо браузер его не подключает.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 9 месяцев

Сообщение #244 Saalem » 14.05.2014, 23:53

спасибо, за ответ. не могли бы посоветовать плеер не флеш, чтобы у людей грузилось.
Saalem
Репутация: 0
С нами: 10 лет 10 месяцев

Сообщение #245 Sumanai » 15.05.2014, 01:14

Слушать на мобильных устройствах музыку через интернет- трата батареи в любом случаи. Не знаю людей, которые подобное совершали бы.
Можно выкладывать файлы со своего сервера в этом теге, тогда, по идее, проигрывание должно идти через HTML5 audio, но я не уверен.
VEG ответит лучше.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 9 месяцев

Сообщение #246 Kot » 15.05.2014, 11:19

Вот такой урл не работает:

phpBB [media]


Добавлено спустя 5 минут 40 секунд:
Уточню: это новый интерфейс карт гугля, в нём ссылка "поделиться маршрутом" выглядит именно так.
Kot
Гость

Сообщение #247 VEG » 15.05.2014, 11:38

Saalem:спасибо, за ответ. не могли бы посоветовать плеер не флеш, чтобы у людей грузилось.
К сожалению, в BB [media] пока что без флэша работает только promodj.com и video.yandex.ru. Технически можно заставить работать без флэша ещё soundcloud.com, остальные сервисы почему-то не предоставляют HTML5 плеер. Если вы сами загружаете музыку, можете использовать video.yandex.ru — он позволяет загружать и просто музыку, без видео. Чтобы плеер был корректного размера с этого сервиса используйте для вставки BB [audio] или параметризованный BB [media] с параметром audio (вот так: [media=audio]).

Добавлено спустя 22 секунды:
Kot:Уточню: это новый интерфейс карт гугля, в нём ссылка "поделиться маршрутом" выглядит именно так.
Починим в ближайшее время.

Добавлено спустя 13 минут 42 секунды:
Kot, пока что не буду добавлять такой формат (он мудрёный, и пока новые карты в режиме preview, может измениться). Но вы можете взять ссылку из кода встраивания — она будет работать. Чтобы получить такой URL (а его возможности намного более гибки, чем просто у адреса страницы), нажмите на шестерёнку, выберите «Поделиться», выберите вкладку «Код». Ссылку можно взять либо в выведенном коде, либо можно выбрать выпадающем меню «Другой размер», после чего кликнуть по появившейся ссылке «Полный размер», что откроет новое окно с искомым адресом. Получится такое:
Код: Выделить всё
https://www.google.com/maps/embed?pb=!1m33!1m12!1m3!1d11018105.673409954!2d27.380952272491783!3d47.60732735043925!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m18!1i0!3e0!4m5!1s0x46dbcfd35b1e6ad3%3A0xb61b853ddb570d9!2z0JzQuNC90YHQuiwg0JHQtdC70LDRgNGD0YHRjA!3m2!1d53.9!2d27.5666667!4m3!3m2!1d53.667045699999996!2d31.239961899999997!4m5!1s0x40440cd7e64f626b%3A0x61d084ede2576ea3!2z0KLQsdC40LvQuNGB0LgsINCT0YDRg9C30LjRjw!3m2!1d41.7166667!2d44.783333299999995!5e0!3m2!1sru!2s!4v1400143783319
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1668
С нами: 12 лет 7 месяцев

Сообщение #248 Saalem » 16.05.2014, 05:00

загрузил с video.yandex.ru
что то не работает
Вложения
2014-05-16 03-57-19 Скриншот экрана.png
2014-05-16 03-57-19 Скриншот экрана.png (12.97 КБ) Просмотров: 13848
Saalem
Репутация: 0
С нами: 10 лет 10 месяцев

Сообщение #249 VEG » 16.05.2014, 14:25

Saalem, без примера адреса, который вы вставляли, я ничем помочь не могу.
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1668
С нами: 12 лет 7 месяцев

подскажите пожалуйста, где можно найти ббкоде [arabic] ?

Сообщение #250 SalafSolih » 18.05.2014, 16:58

Здравствуйте

подскажите пожалуйста, где можно найти ббкоде [arabic] ?
SalafSolih
Репутация: 0
С нами: 10 лет 6 месяцев

Сообщение #251 T.Larina » 22.05.2014, 21:46

Новые карты Google отображаются на форуме по-разному: если я вставляю ссылку кода, то карта есть, если же вставляю ссылку, то "URL не поддерживается".
Пример можно посмотреть здесь.
T.Larina
Откуда: Москва
Репутация: 1
С нами: 11 лет 4 месяца

Сообщение #252 VEG » 23.05.2014, 11:08

T.Larina, у вас в URL был кусок /place/.../, он не поддерживается. Я добавил игнорирование этой части URL, теперь такие URL отображаются, но учитываются только координаты из URL, остальные параметры игнорируются.
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1668
С нами: 12 лет 7 месяцев

Сообщение #253 T.Larina » 25.05.2014, 16:03

VEG:T.Larina, у вас в URL был кусок /place/.../, он не поддерживается. Я добавил игнорирование этой части URL, теперь такие URL отображаются, но учитываются только координаты из URL, остальные параметры игнорируются.
VEG, спасибо, теперь работает, но положительные изменения только в том сообщении, которое отправила как пример. В других темах - нет. Хотя тег переустановила, кэш очистила.
T.Larina
Откуда: Москва
Репутация: 1
С нами: 11 лет 4 месяца

Сообщение #254 VEG » 25.05.2014, 22:23

T.Larina:VEG, спасибо, теперь работает, но положительные изменения только в том сообщении, которое отправила как пример. В других темах - нет. Хотя тег переустановила, кэш очистила.
К сожалению, без примеров нерабочих ссылок я ничем не могу помочь, не обладаю телепатическими способностями :)
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1668
С нами: 12 лет 7 месяцев

Сообщение #255 T.Larina » 02.06.2014, 19:55

VEG:К сожалению, без примеров нерабочих ссылок я ничем не могу помочь, не обладаю телепатическими способностями :)
Прошу прощения, исправляюсь :smile: .
Ссылки не сильно отличаются от предыдущих:
Код: Выделить всё
[media]https://www.google.ru/maps/place/55%C2%B005%2758.9%22N+38%C2%B010%2715.2%22E/@55.099686,38.170874,4194m/data=!3m2!1e3!4b1!4m2!3m1!1s0x0:0x0[/media]
Код: Выделить всё
[media]https://www.google.ru/maps/place/55%C2%B009%2737.1%22N+37%C2%B055%2747.5%22E/@55.16004,37.92928,896m/data=!3m1!1e3!4m2!3m1!1s0x0:0x0[/media]
Ссылки в теме, которую сюда скидывала, с /place/ работают. В других темах обновила их, переставила - всё по-старому.
T.Larina
Откуда: Москва
Репутация: 1
С нами: 11 лет 4 месяца

Сообщение #256 VEG » 02.06.2014, 21:58

Поддерживался только домен google.com, а у вас был google.ru. Добавил поддержку других доменов Google.
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1668
С нами: 12 лет 7 месяцев

Сообщение #257 igorinho » 07.06.2014, 14:20

Доброго, спасибо за отличную модификацию, возможно подскажите как поправить? На картах гугл, если прятать [media] под спойлер, карта смещается вниз и вправо.

Так это выглядит:
Спойлер
phpBB [media]

phpBB [media]
igorinho M
Откуда: dn.ua
Репутация: 0
С нами: 10 лет 5 месяцев

Сообщение #258 uav1606 » 11.06.2014, 22:21

Скажите, а нет возможности встраивать свои карты Goolge? Там ссылки вида:
https://mapsengine.google.com/map/viewer?mid=zf0dQ-jW8kTE.kEsLGLsJ7b2o

Код для iframe такой:
Код: Выделить всё
<iframe src="https://mapsengine.google.com/map/embed?mid=zf0dQ-jW8kTE.kEsLGLsJ7b2o" width="640" height="480"></iframe>

А вот результат MEDIA:
phpBB [media]
uav1606
Репутация: 0
С нами: 10 лет 5 месяцев

Сообщение #259 VEG » 12.06.2014, 12:55

Поддержка таких урлов тоже добавлено. Кстати, 60-ый релиз BB [media] :)
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1668
С нами: 12 лет 7 месяцев

Сообщение #260 uav1606 » 14.06.2014, 02:15

Большое спасибо!
uav1606
Репутация: 0
С нами: 10 лет 5 месяцев

Пред.След.

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