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 месяцев


Сообщение #401 vbnm » 26.05.2015, 20:40

а в каких КМС этот ввкод еще используется, кроме форумных движков?

Добавлено спустя 4 минуты 50 секунд:
На данный момент поддерживаются:

Спойлер
все сервисы из 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-треки, поддерживаются только ссылки из кода встраивания)
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

обновок не было?

Добавлено спустя 15 минут 26 секунд:
либо данный формат не поддерживается вашим браузером.
а нельзя, кстати сделать, чтобы мод тянул проигрыватели с того же гуглхрома под мп4 скажем?
или у гугла и остальных это закрытый код?
дело в том, что попробовал свое видео с сайта мп4 проиграть на фоксе, естессно ответил что мим тип не тот.
но, засунул все в виде айфрейма и встроенный плагин влс плеера откликнулся :smoke:
vbnm
Репутация: 108
С нами: 11 лет 8 месяцев

Сообщение #402 ЖЪРЧИК » 26.05.2015, 23:54

vbnm, насколько позволяет мой дилетантизм, думаю, что дело в кодеке. У хрома они открытые, а у интернетов свои "понятия".
ЖЪРЧИК
Аватара
Репутация: 174
С нами: 10 лет 3 месяца

Сообщение #403 vbnm » 27.05.2015, 02:05

Поскольку каждый браузер поддерживает определенный кодек,
Спойлер
поэтому, чтобы обеспечить воспроизведение видео-контента во всех браузерах, видео-файл нужно размещать в нескольких форматах.

H.264 – высококачественный кодек от фирмы MPEG, делится на профили для поддержки как устройств с минимальными возможностями, так и устройств высокого разрешения.
Ogg Theora – открытый бесплатный стандарт для видео, качество и производительность несколько ниже стандарта H.264.
VP8 – открытый бесплатный кодек, сходный по качеству с H.264. Поддерживается в Firefox, Chrome и Opera.
vbnm
Репутация: 108
С нами: 11 лет 8 месяцев

Сообщение #404 VEG » 28.06.2015, 11:04

Всем привет. Взялся за актуализацию BB [media]. Просьба сообщить, если какие-то сервисы изменили формат и перестали поддерживаться.
Я сам просмотрю последние жалобы по поддержке урлов, но на всякий случай лучше упомянуть повторно, чтобы не забыл случайно.
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1668
С нами: 12 лет 7 месяцев

Сообщение #405 vbnm » 28.06.2015, 15:41

vbnm:а в каких КМС этот ввкод еще используется, кроме форумных движков?
??????????????????????????????????????
vbnm
Репутация: 108
С нами: 11 лет 8 месяцев

Сообщение #406 VEG » 28.06.2015, 15:57

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

Сообщение #407 vbnm » 30.06.2015, 10:53

VEG, об ентом знаю, не знаю в скольких КМС иль подобного типа кроме форумных двигов этот скрипт уже используется?
Тебе ни кто не говорил, ни писал,- мол вот таг и таг..
Я уже сделал из него плагин для одной КМС и мне интересно знать кто еще делал так же.
Есть ли у тя самого опыт в продвижении этого скрипта в других сборках?
К тебе обращались с вопросом снятия защиты?
vbnm
Репутация: 108
С нами: 11 лет 8 месяцев

Сообщение #408 VEG » 30.06.2015, 12:31

vbnm:Я уже сделал из него плагин для одной КМС и мне интересно знать кто еще делал так же.
Я не знаю, кто делал так же, но этот код легко использовать совместно с любой системой, и я встречал его на сайтах, которые работали на движках, отличных от тех, для которых я писал инструкции по установке. То есть люди сами при необходимости легко адаптируют приведённый HTML код для нужных им движков.

vbnm:К тебе обращались с вопросом снятия защиты?
Читайте в первом посте под заголовком «Удаление ссылки из кода».
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1668
С нами: 12 лет 7 месяцев

Сообщение #409 vbnm » 30.06.2015, 12:46

VEG:Читайте в первом посте под заголовком «Удаление ссылки из кода».
именно потому, что читал, я и задаю этот вопрос )))
- уже случаи были?
в первых версиях твоего скрипта защита вродь отсутствовала.
vbnm
Репутация: 108
С нами: 11 лет 8 месяцев

Сообщение #410 VEG » 30.06.2015, 14:51

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

Сообщение #411 vbnm » 30.06.2015, 15:22

VEG, в смысле не предусмотрена?
ты ж сам пишешь,- могу убрать ссыль за эн кол-во мани. Это же уже модифити.
Хотя лано,..
Начить инфы о том, что скрипт уже точно используется к какой-либоконкретной КМС у тя нет. Енто не оч хорошо.
vbnm
Репутация: 108
С нами: 11 лет 8 месяцев

Сообщение #412 VEG » 30.06.2015, 17:02

vbnm, он используется обычно на формах, типа phpBB, phpBBex, vBulletin, IPB, SMF и т.д. Конкретно в различных CMS обычно BBCode не используют вообще, но преград по использованию нет. Просто вставляем HTML код по шаблону и оно будет работать на любой странице в любом месте.

Добавлено спустя 1 минуту 39 секунд:
vbnm:VEG, в смысле не предусмотрена?
Теперь понял что вы имели в виду. Да, обращались, на некоторых сайтах код используется без ссылок.
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1668
С нами: 12 лет 7 месяцев

Сообщение #413 vbnm » 30.06.2015, 17:11

VEG:Конкретно в различных CMS обычно BBCode не используют вообще, но преград по использованию нет. Просто вставляем HTML код по шаблону и оно будет работать на любой странице в любом месте.
Именно таг и поступил.
Терь КМС может проигрывать, как собсные файлы из хранилища, так и с рессов, что идут в перечислении по скрипту.
Оч удобно.
Просто странно, что скрипт не пользуется популярностью в иных КМС (иль у нас нет данных на этот счет). хотя казалось бы преимущества на лицо.
Может для популярности стоит его запиливать и под другие КМС КМФ, но при этом оставлять ссыль на разработку форумного движка?
Что там у нас идет? Джумла, Вордпрес, Друпал,..
Форки,- Уии, Симфони,..
vbnm
Репутация: 108
С нами: 11 лет 8 месяцев

Сообщение #414 ЖЪРЧИК » 30.06.2015, 18:21

vbnm:Может для популярности стоит его запиливать и под другие КМС КМФ, но при этом оставлять ссыль на разработку форумного движка?
Что там у нас идет? Джумла, Вордпрес, Друпал,..
Форки,- Уии, Симфони,..
Да, стоит как отдельный прожект его позиционировать, давая ссылку сюда. Думаю попсой наверняка стал бы и денежку надонатил.
ЖЪРЧИК
Аватара
Репутация: 174
С нами: 10 лет 3 месяца

Сообщение #415 vbnm » 30.06.2015, 18:54

ЖЪРЧИК:Да, стоит как отдельный прожект его позиционировать, давая ссылку сюда.
Он пока не числица в паблике.
Для начала решил утрясти вопросы с VEG.
У КМС есть активная часть, как на основе бесплатных приложений, так и платных.
Бум подумать, как её запиливать, либо только под себя и свою аудиторию, либо запускать в продакшен))
Если автору не интересно, то че стараться?
vbnm
Репутация: 108
С нами: 11 лет 8 месяцев

Сообщение #416 VEG » 01.07.2015, 14:50

Появилась поддержка ссылок на facebook.com в таком формате (не забываем очистить кэш, чтобы заработало, или подождите день-два):
Код: Выделить всё
https://www.facebook.com/latierraysuscuriosidades/videos/302807979872894/
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1668
С нами: 12 лет 7 месяцев

Сообщение #417 vbnm » 01.07.2015, 15:07

VEG, оставь уж одну тему на счет ббкода, объедини, чтобы юзвери не прыгали туды сюда)))
vbnm
Репутация: 108
С нами: 11 лет 8 месяцев

Сообщение #418 LastDragon » 04.07.2015, 16:47

Было бы здорово добавить ссылку на страву (эндомонда кстати сдохла, они там блокируют iframe на сторонних сайтах...). Код для вставки выглядит как-то так:
Код: Выделить всё
<iframe height='405' width='590' frameborder='0' allowtransparency='true' scrolling='no' src='https://www.strava.com/activities/334185758/embed/6c3d4a2fd7cfc8344889045231b1f9001cdb9ad0'></iframe>
LastDragon
Репутация: 0
С нами: 9 лет 4 месяца

Сообщение #419 LastDragon » 05.07.2015, 20:47

LastDragon:эндомонда кстати сдохла, они там блокируют iframe на сторонних сайтах...
Хотя может и не до конца - саппорт сказал "разработчики уже знают о проблеме, наберитесь терпения".
LastDragon
Репутация: 0
С нами: 9 лет 4 месяца

Сообщение #420 t4p2 » 31.07.2015, 05:13

Подскажите пожалуйста, у меня не хочет работать видео с ВК
Пишет вот так:
Изображение

Вставляю вот такую ссылку:
Изображение

Сам код вот такой:
Спойлер
Взяла с главной страницы: Установка [media] (с автоматическими размерами)

Изображение

А вот с YouTube все работает.
Помогите плз разобраться :nervious: .
t4p2 F
Откуда: Okayma
Репутация: 0
С нами: 9 лет 3 месяца

Пред.След.

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