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: 1608
With us: 4 yaers 11 months


Post #501by Sumanai » 15.01.2017, 06:22

Проблема не в phpBB 3.2, на чистом всё работает. У вас стоит расширение для внешних ссылок External Links.
Проблема как и раньше решается просто- внесением phpbbex.com в исключения расширения.
Это же касается и предыдущего человека с проблемой, и всех остальных.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1519
With us: 4 yaers 2 months

openstreetmap

Post #502by Beer » 02.02.2017, 15:22

Code: Select all
http://www.openstreetmap.org/#map=15/54.6197/19.8742


phpBB [media]




Хм....
Здесь openstreetmap отобразился правильно, а у меня - только общая карта (глобальная).

Added after 3 minutes:
Может из-за того, что я добавил в спойлер от ppk?

Spoiler
Code: Select all
<div class="sp-wrap"><div class="sp-head folded clickable unfolded" data-vivaldi-spatnav-clickable="1">Спойлер: видео, аудио, карта. Раскрой и посмотри!</div><div class="sp-body inited" title="" style="display: block;"><div class="clear"></div><div class="bbmedia bbmedia-ready" data-url="http://www.openstreetmap.org/#map=15/54.6197/19.8742" style="margin: 1px; display: inline-block; vertical-align: bottom; width: 640px; height: 480px;"><iframe style="vertical-align: bottom; width: 640px; height: 480px;" width="640" height="480" src="http://www.openstreetmap.org/export/embed.html?bbox=19.86055,54.61360,19.88785,54.62580&amp;layer=mapnik" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" frameborder="0"></iframe></div><div class="clear"></div></div><div class="sp-head unfolded clickable" data-vivaldi-spatnav-clickable="1">Закрыть</div></div>

Гугль, ютуб работают нормаьно.

Added after 4 hours 45 minutes:
Гугль не поддерживается:
phpBB [media]



Code: Select all
https://www.google.com/maps/d/embed?mid=12jlp-t3gTprWdoUeuQl2b_aNXD8
Beer
Гость

Post #503by Dimoks » 20.02.2017, 18:35

Те кто использует js со своего домена, можно как-то для них организовать email рассылку об изменениях и добавлениях новых кодов в bbmedia.js ?
Dimoks
Новичок
Reputation: 0
With us: 1 year 2 months

Post #504by Sumanai » 20.02.2017, 20:30

Зачем?
Скрипт давно не развивается, увы.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1519
With us: 4 yaers 2 months

Post #505by angst66 » 08.03.2017, 17:48

В 3.2 работает только конструкция [meda=]
angst66
Бывалый
Reputation: 13
With us: 4 yaers 6 months

Post #506by Sumanai » 08.03.2017, 23:22

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

Post #507by angst66 » 09.03.2017, 16:04

Можно в двух словах, переводчик несет какой-то бред.
angst66
Бывалый
Reputation: 13
With us: 4 yaers 6 months

Post #508by Sumanai » 09.03.2017, 16:32

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

Google Docs

Post #509by Дядя Игорь » 14.03.2017, 00:05

Админ на форуме разрешил [flash] теги. Хочу научитса встраивать docs.google.com/viewer чтобы смотреть pdf документы сразу на странице форума.
Есть ли какие способы чтобы встроить через флаш тег?

<iframe src="http://docs.google.com/gview?url=http://www.teamusa.org/~/media/USA_Table_Tennis/Documents/BOD/Minutes/2017/Motions-Board-20170125.pdf&amp;embedded=true" style="width: 750px; height: 1000px;" frameborder="0"></iframe>
Так можно встроить через HTML страницу.
А как можно встроить через флаш тег?
Дядя Игорь
Гость

Post #510by vbnm » 19.03.2017, 05:22

а вот эта чья разработка вообще, кто знает?
https://www.phpbb.com/customise/db/extension/mediaembed/
vbnm
Гуру
Reputation: 77
With us: 4 yaers

Post #511by HD321kbps » 19.03.2017, 13:21

vbnm wrote:а вот эта чья разработка вообще, кто знает?
https://www.phpbb.com/customise/db/extension/mediaembed/
Команды phpBB
HD321kbps M
Гуру
Avatar
Age: 26
Location: Армянск
Reputation: 322
With us: 4 yaers

Post #512by vbnm » 19.03.2017, 19:23

а его можно как-нить повязать с Веговским?
Простоплеера там нет
vbnm
Гуру
Reputation: 77
With us: 4 yaers

docs.google.com

Post #513by igor » 22.03.2017, 05:20

phpBB [media]
igor
Гость

Post #514by Трислав » 22.03.2017, 08:24

Друзья, а можно добавить в media, поддержку яндекс карт. По сути конечно я сию проблему решил, для себе любимого, созданием собственного bbcode, но уж очень не хочется плодить сущности.
Если вопрос не решится, и вдруг кому понадобится:
Использование bbcode
Code: Select all
[yandexmap]{RELATIVE_URL}[/yandexmap]

Замена html
Code: Select all
<iframe src="https://api-maps.yandex.ru/frame/v1/-/{RELATIVE_URL}" width="100%" height="400" frameborder="0"></iframe>
Подсказка
Code: Select all
[yandexmap]последние симолы ссылки от слеша[/yandexmap]

Для примера ссылка с яндекс карты выглядит вот так https://yandex.ru/maps/-/C6EW46YK значит в код надо вставить только C6EW46YK
Трислав M
Мастер
Avatar
Age: 41
Reputation: 36
With us: 1 year 11 months

Post #515by vbnm » Yesterday, 17:14

простоплеер сменил шоль зону
http://pleer.net/search?q=АноД
была com, а терь net
скрипт не поддерживает net
vbnm
Гуру
Reputation: 77
With us: 4 yaers

Post #516by Sumanai » Yesterday, 21:18

Sumanai wrote:Зачем?
Скрипт давно не развивается, увы.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1519
With us: 4 yaers 2 months

Post #517by sag-sag » Yesterday, 22:26

Sumanai, а ты б мог его "доразвить"?
"Сбит с ног - сражайся на коленях, идти не можешь - лежа наступай". В. Ф. Маргелов
sag-sag M
Гуру
Age: 30
Reputation: 335
With us: 3 yaers 7 months

Post #518by vbnm » Today, 04:01

if (ad && (ac = x.match(/^https?:\/\/(?:(?:www\.)?(?:prosto)?pleer\.com\/tracks\/|embed\.(?:prosto)?pleer\.com\/track\?(?:.*&)?id=)([\w\d]+)/i))) {
return h('http://embed.pleer.com/track?id=' + ac[1], (v ? 550 : e), 42)
}
if (ad && (ac = x.match(/^https?:\/\/(?:pleer\.com\/list|embed\.pleer\.com\/list\?id=)([\w\d]+)/i))) {
return h('http://embed.pleer.com/list?id=' + ac[1], (v ? '100%' : e), (v ? 480 : e))
}
тут домен зону дописать и все

Added after 1 minute 36 seconds:
попробую у ся
надеюсь веговская заглушка не считает кол-во функций )))
vbnm
Гуру
Reputation: 77
With us: 4 yaers

Post #519by Sumanai » Today, 05:23

sag-sag wrote:Sumanai, а ты б мог его "доразвить"?
Мешает только лицензия :wink:
vbnm wrote:надеюсь веговская заглушка не считает кол-во функций )))
Нет.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1519
With us: 4 yaers 2 months

Post #520by vbnm » Today, 08:47

толку нет пока. что-то у них там не срабатывает
vbnm
Гуру
Reputation: 77
With us: 4 yaers

Previous

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: 2 guests