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: 31
Location: Минск, Беларусь
Reputation: 1576
With us: 6 years 7 months


Post #281by ЖЪРЧИК » 14.08.2014, 18:29

Sumanai wrote:вы про что? Не понимаю.

Тег [media] включает в себя все остальные теги по типу [audio] [video], которые объединил в один Евгений.
Я же просто продолжаю аналогию [media]. Зачем лишние теги, если есть универсальный мета-тег?
плешивый кот
ЖЪРЧИК
Гуру
Avatar
Reputation: 174
With us: 4 yaers 4 months

Post #282by HD321kbps » 14.08.2014, 22:24

ЖЪРЧИК wrote:А почему в тег [media] нельзя включить тег [img] и [flash] ?

он создан только для ссылок, другие бб-коды в него вложить нельзя. Да и зачем?
HD321kbps M
Гуру
Avatar
Age: 28
Location: Армянск
Reputation: 370
With us: 5 years 9 months

Post #283by Sumanai » 14.08.2014, 22:54

HD321kbps wrote:он создан только для ссылок, другие бб-коды в него вложить нельзя.

Он писал не про это, смотрите пост выше.

Added after 1 minute 27 seconds:
ЖЪРЧИК, отображение изображений этим ббкодом- напрасная трата ресурсов и переусложнение. Такие изображения не будут индексироваться ПС.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1659
With us: 5 years 10 months

Post #284by ЖЪРЧИК » 15.08.2014, 09:02

Sumanai wrote:отображение изображений этим ббкодом- напрасная трата ресурсов и переусложнение.
Ну мне не очень понятно насколько он переусложнится, если в нем уже заложено 30+ сервисов. А тут лишь определение расширений добавляются jpg png tiff smf flv. А нельзя ли проще поступить? - дать медиа-тегу возможность заменять тег на [img] [flash], но не показывать это юзеру?
Такие изображения не будут индексироваться ПС.
:think: Ну даже и не знаю что сказать...
плешивый кот
ЖЪРЧИК
Гуру
Avatar
Reputation: 174
With us: 4 yaers 4 months

Post #285by Sumanai » 15.08.2014, 15:30

ЖЪРЧИК wrote:Ну мне не очень понятно насколько он переусложнится, если в нем уже заложено 30+ сервисов.

Я про отображение изображений скриптом.

ЖЪРЧИК wrote:дать медиа-тегу возможность заменять тег на [img] [flash]

И как вы себе это представляете? ББкоды обрабатываются на стороне сервера, медиа- яваскрипт и работает на клиенте.

ЖЪРЧИК wrote:Ну даже и не знаю что сказать...

Да нечего тут говорить. Тут нужно обрабатывать на стороне сервера при постинге. И никакого "не показывать это юзеру", придётся показывать.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1659
With us: 5 years 10 months

Post #286by ЖЪРЧИК » 15.08.2014, 17:52

Sumanai wrote:медиа- яваскрипт и работает на клиенте
:think: может все таки идея мета-тега для всего внешнего медиа-контента будет осуществима?
Внешние картинки же запросом с другого сервера будут осуществляться, а сервер хранит лишь код.
плешивый кот
ЖЪРЧИК
Гуру
Avatar
Reputation: 174
With us: 4 yaers 4 months

Post #287by DidJ » 18.08.2014, 15:03

VEG wrote:Добавлена поддержка карт livegpstracks.com (только ссылки из кода встраивания).
Огромное спасибо от команды "Ветер странствий"!
Доработка была проведена крайне оперативно! В результате мы могли транслировать наше перемещение онлайн!
DidJ M
Новичок
Age: 37
Reputation: 1
With us: 4 yaers 3 months

Post #288by ЖЪРЧИК » 18.08.2014, 21:05

Хотел добавить к своему сообщению, чтобы была возможность по-умолчанию все таки поддерживать тег [img] непоказывая его юзеру, а то мало ли...
плешивый кот
ЖЪРЧИК
Гуру
Avatar
Reputation: 174
With us: 4 yaers 4 months

Post #289by VEG » 26.08.2014, 12:54

Ну добавить вывод картинок через [media], конечно, несложно. Просто это слегка лишено смысла. Хотя есть идея добавить вставку гифок через gfycat.com — в простейшем примере гифка из 4.5 мегабайт превращается в 290 килобайт видео.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 31
Location: Минск, Беларусь
Reputation: 1576
With us: 6 years 7 months

Post #290by Модник » 26.08.2014, 17:23

Как бы это вставить в бб код media?
Модник M
Новичок
Avatar
Reputation: 5
With us: 4 yaers 5 months

Post #291by VEG » 27.08.2014, 01:03

Модник, можно будет, в следующем обновлении постараюсь добавить.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 31
Location: Минск, Беларусь
Reputation: 1576
With us: 6 years 7 months

Post #292by rbooze » 07.09.2014, 05:26

От юзера поступило такое предложение:

Есть предложение отображать код с видеовставками таким-же способом, как это сделано в ЖЖ (там это опционально), а именно, следующим образом: если в сообщение вставлено видео, вместо него отображается картинка-заменитель, код видео не обрабатывается, флеш-плеер не загружается, на ютуб пакеты не идут, пока человек не нажмет на картинку. Лишь после нажатия на картинку появляется флеш-плеер с ютубовскими кнопками. Таким образом можно избавиться от тормозов страниц с видеозаписями.
rbooze
Гуру
Avatar
Reputation: 96
With us: 5 years 3 months

Post #293by BAHEK794 » 12.09.2014, 10:30

Спасибо за вашу работу!
Маленький багрепорт: опера, андройд 4, высота контейнера с видео в два раза больше, чем надо. В других браузерах - нормально...

Added after 29 seconds:
Сорри, пример: http://spb-azlk.ru/viewtopic.php?p=179855#p179855
BAHEK794
Гость

Post #294by odseg » 23.09.2014, 14:19

гугл таблицы не встраевает, http://skvepr.com/viewtopic.php?f=2&t=960
phpbbex 1.7.1 + gallery + portal 2.0.1 -> Версия phpBBex: 2.0.1 (phpBB 3.1.6)
odseg M
Новичок
Age: 31
Location: Молодечно
Reputation: 2
With us: 4 yaers 6 months

Post #295by rbooze » 23.09.2014, 18:36

Кстати, это только у меня последнюю неделю phpbbex.com работает через пень колоду? А вместе с ним и media отказывается отображать видео?
rbooze
Гуру
Avatar
Reputation: 96
With us: 5 years 3 months

Post #296by Sumanai » 23.09.2014, 19:17

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

Post #297by VEG » 24.09.2014, 20:17

rbooze, используйте скрипт bbmedia.php для того, чтобы избежать проблем на phpbbex.com.

Added after 3 minutes 2 seconds:
Я тут новый компьютер взял, и пока что не устанавливал Flash... Судя по всему уже можно жить в вебе без флэша вообще.
youtube.com на HTML5 работает даже лучше, чем версия на flash (это я ещё на старой машине заметил). А теперь оказывается, что все сервисы, которыми я регулярно пользуюсь, отлично работают и без флэша, хотя если он есть по умолчанию зачем-то используют его для своих нужд.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 31
Location: Минск, Беларусь
Reputation: 1576
With us: 6 years 7 months

Post #298by HD321kbps » 24.09.2014, 23:05

и рекламы меньше)
HD321kbps M
Гуру
Avatar
Age: 28
Location: Армянск
Reputation: 370
With us: 5 years 9 months

Post #299by Manidari » 06.10.2014, 08:22

VEG wrote:Появилась поддержка документов и таблиц из Google Docs. Зайдите в интересующем вас документе в меню File » Publish to the web, там нажмите кнопку Start publishing, после чего система даст вам ссылку. Эту ссылку и вставляйте между тегами BB [media].



кстати да, гугл доки у меня не поддерживает.

у вас гугл дает ссылку на опубликовать в интернете такую:
https://docs.google.com/spreadsheet/pub?key=0AhEd ... &single=true&gid=0&output=html

а у меня выдает такую:

https://docs.google.com/spreadsheets/d/1O9AKpLlMu ... jPXY93hAPhVNJdur0-h3r0/pubhtml

______________________________________

хотелось бы еще чтобы формы гугл доков тоже отображались.
https://docs.google.com/forms/d/16PVZPeS5fm2Qrs08SBfsSWu9AKkQ0CV5HYG_1MwBPjQ/viewform
Manidari F
Новичок
Reputation: 6
With us: 4 yaers 7 months

Post #300by VEG » 07.10.2014, 19:20

Похоже, формат ссылок изменился с того момента как я добавлял поддержку. В ближайшем обновлении расширим поддержку гуглодоков.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 31
Location: Минск, Беларусь
Reputation: 1576
With us: 6 years 7 months

PreviousNext

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



Who is online (over the past 10 minutes)

Users browsing this forum: 1 guest