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

Здесь авторы могут постить бета-версии своих модификаций для phpBB 3.0.x. Внимание! Не устанавливайте бета-версии модов на работающие форумы!
Правила форума
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Переход на 3.0.6 и выше | FAQ-3 (phpbb3) | Как задавать вопросы | Как устанавливать моды

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
Аватара пользователя
VEG
phpBB 2.0.7a
Сообщения: 609
Стаж: 20 лет 5 месяцев
Откуда: Минск
Благодарил (а): 20 раз
Поблагодарили: 141 раз

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

Сообщение VEG »

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] на форуме phpBBex):
Изображение

Для вставки аудио пользователь должен вставить его адрес между [media][/media]:

Код: Выделить всё

[media]http://z-mc.ru/627hqsbwjdc/[/media]
В сообщении это отобразится следующим образом (это картинка, рабочий пример в теме phpBB [media] на форуме phpBBex):
Изображение

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

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

На данный момент поддерживаются:
  • все сервисы из phpBB [video]
  • все сервисы из phpBB [audio]
  • maps.google.com (карты, панорамы)
  • picasaweb.google.com (слайдшоу из галерей)
  • dermandar.com (панорамы)
  • connect.garmin.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: #555; text-decoration: none;' href='http://phpbbex.com/' target='_blank'>phpBB &#91;media&#93;</a></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. В поле «Подсказка» введите:

Код: Выделить всё

Вставить аудио, видео, карту, панораму или другое мультимедиа: [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: #555; text-decoration: none;' href='http://phpbbex.com/' target='_blank'>phpBB &#91;media&#93;</a></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. В поле «Подсказка» введите:

Код: Выделить всё

Вставить аудио, видео, карту, панораму или другое мультимедиа: [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 — обновление успешно. Иначе вы увидите сообщение о типе ошибки.

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

На разработку данного bbcode потрачено много времени, поэтому в наличие ссылки на phpbbex.com в коде обязательно. Эта ссылка видна только в момент загрузки и не мешает пользователям. Если по каким-то причинам вам всё-таки необходимо её убрать, свяжитесь с автором любым удобным для вас способом.
Последний раз редактировалось VEG 10.04.2013 9:35, всего редактировалось 15 раз.
phpBBex 1.7.1 — phpBB 3 с уникальными функциями, не существующими в модах
phpBB [ media ] — универсальный bbcode для вставки аудио и видео (поддержка более 30 сервисов, без правок кода)
Аватара пользователя
Dbonz
phpBB 2.0.0
Сообщения: 231
Стаж: 14 лет 2 месяца
Благодарил (а): 25 раз
Поблагодарили: 25 раз

Re: phpBB [media] — bbcode для вставки аудио, видео, карт и

Сообщение Dbonz »

Чего-то перестало отображаться видео с megogo.net. Белый квадрат, как ни встраивай:

Код: Выделить всё

[media]http://megogo.net/ru/view/13197[/media]

[media]http://megogo.net/ru/view/13197-canned-heat.html[/media]
Сам этим сайтом не пользуюсь, а просто держу в спойлере видео со всех(по списку VEG) поддерживаемых bbcodом
сервисов. Раньше отображалось, а теперь нет.
Спасибо автору за отличный bbcod!
MageSlayer
phpBB 1.0.0
Сообщения: 4
Стаж: 13 лет 10 месяцев

Re: phpBB [media] — bbcode для вставки аудио, видео, карт и

Сообщение MageSlayer »

Добрый день.

Судя по документации и собственным попыткам тэг audio не поддерживает изменение размеров плейера.
Я собираюсь выкладывать длинные ogg-файлы (5-6 часов) и перемотка мышкой получается очень грубой (с помощью клавиатуры работает).
Было бы классно, если бы можно по аналогии с video тэгом указывать размеры и аудио-плейера.
Спасибо.
Аватара пользователя
VEG
phpBB 2.0.7a
Сообщения: 609
Стаж: 20 лет 5 месяцев
Откуда: Минск
Благодарил (а): 20 раз
Поблагодарили: 141 раз

Re: phpBB [media] — bbcode для вставки аудио, видео, карт и

Сообщение VEG »

MageSlayer
Это появится вместе со встраиванием mediaelement.js (после выхода новой версии с поддержкой Ogg Vorbis, автор обещает что скоро).
phpBBex 1.7.1 — phpBB 3 с уникальными функциями, не существующими в модах
phpBB [ media ] — универсальный bbcode для вставки аудио и видео (поддержка более 30 сервисов, без правок кода)
MageSlayer
phpBB 1.0.0
Сообщения: 4
Стаж: 13 лет 10 месяцев

Re: phpBB [media] — bbcode для вставки аудио, видео, карт и

Сообщение MageSlayer »

Ок. Спасибо.
Было бы очень удобно.
Аватара пользователя
VEG
phpBB 2.0.7a
Сообщения: 609
Стаж: 20 лет 5 месяцев
Откуда: Минск
Благодарил (а): 20 раз
Поблагодарили: 141 раз

Re: phpBB [media] — bbcode для вставки аудио, видео, карт и

Сообщение VEG »

Как временное решение можете использовать сервис soundcloud.com — там плеер растягивается на всю ширину сообщеня. BB [media] уже поддерживает soundcloud.com.

Добавлено спустя 2 часа 50 минут 16 секунд:
Re: phpBB [media] — bbcode для вставки аудио, видео, карт и др.
Dbonz писал(а):Чего-то перестало отображаться видео с megogo.net. Белый квадрат, как ни встраивай
Починил. Владельцы сайта отказались от поддержки встраивания в старом виде, перевели всё в новый формат. Наплевательское отношение к пользователям, откровенно говоря. Но новый код получился даже короче.
phpBBex 1.7.1 — phpBB 3 с уникальными функциями, не существующими в модах
phpBB [ media ] — универсальный bbcode для вставки аудио и видео (поддержка более 30 сервисов, без правок кода)
Аватара пользователя
c61
phpBB 2.0.6
Сообщения: 506
Стаж: 13 лет 9 месяцев
Благодарил (а): 42 раза
Поблагодарили: 251 раз

Re: phpBB [media] — bbcode для вставки аудио, видео, карт и

Сообщение c61 »

Для просмотра видеофайлов и карт порой удобно, чтобы ширина окна просмотра устанавливалась автоматически - по ширине окна сообщения. Можно использовать такой код (вместо media или просто добавить свой бб-код):

Код: Выделить всё

<div class='bbmedia' data-url='{URL}' style='margin: 1px; display: inline-block; vertical-align: bottom; width:"100%";'><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>
В subsilver2 width:"100%"; может оказаться многовато, тогда надо задать чуть меньше.
Аватара пользователя
VEG
phpBB 2.0.7a
Сообщения: 609
Стаж: 20 лет 5 месяцев
Откуда: Минск
Благодарил (а): 20 раз
Поблагодарили: 141 раз

Re: phpBB [media] — bbcode для вставки аудио, видео, карт и

Сообщение VEG »

Разработчики свободного браузера Firefox начали сдаваться. В ночной версии Firefox 20 уже появилась поддержка формата H.264 и MP3/AAC. Если они не передумают, Opera скорее всего также не заставит себя долго ждать. Так что скоро BB [media] будет поддерживать H.264 во всех браузерах.
phpBBex 1.7.1 — phpBB 3 с уникальными функциями, не существующими в модах
phpBB [ media ] — универсальный bbcode для вставки аудио и видео (поддержка более 30 сервисов, без правок кода)
Аватара пользователя
miba
phpBB 2.0.4
Сообщения: 432
Стаж: 19 лет 8 месяцев
Благодарил (а): 86 раз
Поблагодарили: 7 раз

Re: phpBB [media] — bbcode для вставки аудио, видео, карт и

Сообщение miba »

Доброго времени суток, опять пользователи жалуются на IE9, можно-ли видео сделать нижним слоем?
http://www.santechniki.com/post267601.html#p267601
Аватара пользователя
С новым годом
phpBB 1.2.0
Сообщения: 10
Стаж: 13 лет 8 месяцев
Благодарил (а): 4 раза

Re: phpBB [media] — bbcode для вставки аудио, видео, карт и

Сообщение С новым годом »

Друзья, подскажите пожалуйста,
у меня в старой версии форума (2х) стоял youtube мод,
который работал с ссылками типа [youtube]http://www.youtube.com/watch?v=IDvideo[/youtube]
после конвертации в 3х мод перестал работать, а ссылки в темах остались.

Можно ли адаптировать phpBB [media] чтобы он показывал видео и при использовании кодов [media][/media] и в то же время подхватывал видео с кодами [youtube]http://www.youtube.com/watch?v=IDvideo[/youtube]? Или нужно ставить отдельный youtube мод?
Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 13159
Стаж: 15 лет 1 месяц
Благодарил (а): 236 раз
Поблагодарили: 3750 раз

Re: phpBB [media] — bbcode для вставки аудио, видео, карт и

Сообщение Татьяна5 »

С новым годом
можно поставить ббкод youtube, и чтобы заработал в старых сообщениях - сделать репарсинг ббкодов с помощью STK
Аватара пользователя
С новым годом
phpBB 1.2.0
Сообщения: 10
Стаж: 13 лет 8 месяцев
Благодарил (а): 4 раза

Re: phpBB [media] — bbcode для вставки аудио, видео, карт и

Сообщение С новым годом »

Татьяна5 Спасибо!
Аватара пользователя
VEG
phpBB 2.0.7a
Сообщения: 609
Стаж: 20 лет 5 месяцев
Откуда: Минск
Благодарил (а): 20 раз
Поблагодарили: 141 раз

Re: phpBB [media] — bbcode для вставки аудио, видео, карт и

Сообщение VEG »

С новым годом писал(а):[youtube]http://www.youtube.com/watch?v=IDvideo[/youtube]
Для таких ссылок нужно просто вставить дважды BBCode [media], один раз с именем media, второй раз — с youtube. BBCode [youtube] из этого набора предназначен для вставки видео по ID без ссылки. А [media] отлично справится с вашмими ссылками (его можно добавлять сколько угодно раз под любыми именами).
phpBBex 1.7.1 — phpBB 3 с уникальными функциями, не существующими в модах
phpBB [ media ] — универсальный bbcode для вставки аудио и видео (поддержка более 30 сервисов, без правок кода)
Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 13159
Стаж: 15 лет 1 месяц
Благодарил (а): 236 раз
Поблагодарили: 3750 раз

Re: phpBB [media] — bbcode для вставки аудио, видео, карт и

Сообщение Татьяна5 »

Повторю уже заданный вопрос от miba

В IE9 если открыть фото через higslide, то видео, расположенное рядом в посте, все равно окажется сверху (перекроет фото).
Возможно ли это поправить (добавить в скрипте параметр wmode="opaque" для embed)?
Аватара пользователя
VEG
phpBB 2.0.7a
Сообщения: 609
Стаж: 20 лет 5 месяцев
Откуда: Минск
Благодарил (а): 20 раз
Поблагодарили: 141 раз

Re: phpBB [media] — bbcode для вставки аудио, видео, карт и

Сообщение VEG »

Татьяна5
Если видео вставляется через iframe, повлиять на то, как там в итоге воспроизводится видео (через flash или html5) нельзя. BB [media] по возможности везде вставляет видео через iframe (из-за лучшей кроссбраузерности и кроссплатформенности).
phpBBex 1.7.1 — phpBB 3 с уникальными функциями, не существующими в модах
phpBB [ media ] — универсальный bbcode для вставки аудио и видео (поддержка более 30 сервисов, без правок кода)
Аватара пользователя
VEG
phpBB 2.0.7a
Сообщения: 609
Стаж: 20 лет 5 месяцев
Откуда: Минск
Благодарил (а): 20 раз
Поблагодарили: 141 раз

Re: phpBB [media] — bbcode для вставки аудио, видео, карт и

Сообщение VEG »

Маленький шаг вперёд. Упрощённая версия (без русскоязычных сервисов) этого BBCode прошла валидацию на phpbb.com :)
phpBBex 1.7.1 — phpBB 3 с уникальными функциями, не существующими в модах
phpBB [ media ] — универсальный bbcode для вставки аудио и видео (поддержка более 30 сервисов, без правок кода)

Вернуться в «Бета-версии модов для phpBB 3.0.x»