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 сервисов, без правок кода)
Аватара пользователя
ELITE_
phpBB 1.4.1
Сообщения: 41
Стаж: 13 лет 7 месяцев
Благодарил (а): 3 раза
Поблагодарили: 1 раз

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

Сообщение ELITE_ »

вставил локально bbmedia.php
пишет ошибка в 4й строке

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

Uncaught TypeError: Object #<Object> has no method 'hasClass'
---------------
если с не менять то ошибка

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

Uncaught TypeError: Object #<Object> has no method 'hasClass' bbmedia.js:4
c bbmedia.js:4
jQuery.extend.each
jQuery.fn.jQuery.each
c bbmedia.js:4
(anonymous function)
(anonymous function)
jQuery.extend.each
jQuery.extend.ready
jQuery.event.handle
Гильдия картостроения WC-3
Аватара пользователя
VEG
phpBB 2.0.7a
Сообщения: 609
Стаж: 20 лет 5 месяцев
Откуда: Минск
Благодарил (а): 20 раз
Поблагодарили: 141 раз

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

Сообщение VEG »

Судя по всему что-то не то с jQuery. Проверьте, какая версия jQuery подключена у вас на странице. Если слишком старая — обновите библиотеку до новой версии.
phpBBex 1.7.1 — phpBB 3 с уникальными функциями, не существующими в модах
phpBB [ media ] — универсальный bbcode для вставки аудио и видео (поддержка более 30 сервисов, без правок кода)
Аватара пользователя
ELITE_
phpBB 1.4.1
Сообщения: 41
Стаж: 13 лет 7 месяцев
Благодарил (а): 3 раза
Поблагодарили: 1 раз

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

Сообщение ELITE_ »

спасибо огромное
в ббкод в штмл замену вставил перед первой строчкой следующий код

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

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
и всё заработало
у меня вообще к сайту не был подключен JQ
------
внесли бы в 1й пост темы жирным что необходимо подключить JQ не ниже (версия)
//да кстати на JQ1.7.1 не работает!
Гильдия картостроения WC-3
Аватара пользователя
VEG
phpBB 2.0.7a
Сообщения: 609
Стаж: 20 лет 5 месяцев
Откуда: Минск
Благодарил (а): 20 раз
Поблагодарили: 141 раз

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

Сообщение VEG »

ELITE_
Не делайте так. При вставке нескольких видео браузер будет загружать несколько копий jQuery, и это очень плохо.
Этот bbcode умеет сам загружать свежую версию jQuery. Но он это делает только в том случае, если к странице ещё не подключен jQuery. В вашем случае он не подключает автоматом последнюю версию jQuery по той причине, что он обнаруживает, что на страницу уже загружена какая-то версия jQuery. Так что ищите в ваших js файлах — где-то должна быть копия старой версии jQuery. Замените её на новую.
Работа BBCode тестировалась на jQuery 1.8 и выше.
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 »

Добавлена поддержка сервиса connect.garmin.com.

Примеры кода:

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

[media]http://connect.garmin.com/player/279779299[/media]
[media]http://connect.garmin.com/splits/279779299[/media]
[media]http://connect.garmin.com/activity/279779299[/media]
phpBBex 1.7.1 — phpBB 3 с уникальными функциями, не существующими в модах
phpBB [ media ] — универсальный bbcode для вставки аудио и видео (поддержка более 30 сервисов, без правок кода)
mixeysan
phpBB 1.0.0
Сообщения: 4
Стаж: 13 лет 6 месяцев

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

Сообщение mixeysan »

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

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

Сообщение VEG »

mixeysan
На своём телефоне для треков я использовал какой-то другой софт. Как начну на велике кататься, может и их поддержку добавлю :)
phpBBex 1.7.1 — phpBB 3 с уникальными функциями, не существующими в модах
phpBB [ media ] — универсальный bbcode для вставки аудио и видео (поддержка более 30 сервисов, без правок кода)
mixeysan
phpBB 1.0.0
Сообщения: 4
Стаж: 13 лет 6 месяцев

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

Сообщение mixeysan »

Привет VEG! Есть еще один хороший ресурс для GPS треков, добавь пожалуйста в скрипт отображение этих фреймов.

http://www.gpsies.com/map.do?fileId=sseykyuhsdxfaqaf

или как отобразить трек такого вида? https://maps.google.com/maps?t=h&output ... xfaqaf.kmz т.е. если я буду отображать через maps.google.com другие *.kmz (*.kml)
Аватара пользователя
VEG
phpBB 2.0.7a
Сообщения: 609
Стаж: 20 лет 5 месяцев
Откуда: Минск
Благодарил (а): 20 раз
Поблагодарили: 141 раз

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

Сообщение VEG »

Теперь поддерживаются ссылки вида:

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

https://maps.google.com/maps?t=h&output=embed&q=http://www.gpsies.com/files/kmz/s/sseykyuhsdxfaqaf.kmz
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 »

Теперь сервис twitch.tv поддерживает и URL с /c/ в пути (нарезки лучших моментов как я понял).
phpBBex 1.7.1 — phpBB 3 с уникальными функциями, не существующими в модах
phpBB [ media ] — универсальный bbcode для вставки аудио и видео (поддержка более 30 сервисов, без правок кода)
Аватара пользователя
Krabsss
phpBB 1.4.4
Сообщения: 174
Стаж: 14 лет 1 месяц
Откуда: Санкт-Петербург
Благодарил (а): 5 раз
Поблагодарили: 7 раз

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

Сообщение Krabsss »

добавьте пожалуйста поддержку сервиса issuu.com
Аватара пользователя
maco8024
phpBB 1.4.4
Сообщения: 155
Стаж: 13 лет 9 месяцев
Откуда: Алтай
Благодарил (а): 65 раз
Поблагодарили: 19 раз

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

Сообщение maco8024 »

VEG писал(а):Теперь поддерживаются ссылки вида:

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

https://maps.google.com/maps?t=h&output=embed&q=http://www.gpsies.com/files/kmz/s/sseykyuhsdxfaqaf.kmz
Вот еще бы такое с Яндекса сделать, было бы вообще изумительно ;)
Cmepka
phpBB 1.4.0
Сообщения: 31
Стаж: 14 лет 5 месяцев
Благодарил (а): 2 раза
Поблагодарили: 2 раза

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

Сообщение Cmepka »

скрипт MEDIA не поддерживает ссылки с мобильных устройств. Например: http://m.youtube.com........
куда писать?
Аватара пользователя
VEG
phpBB 2.0.7a
Сообщения: 609
Стаж: 20 лет 5 месяцев
Откуда: Минск
Благодарил (а): 20 раз
Поблагодарили: 141 раз

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

Сообщение VEG »

Поддержка подобных ссылок добавлена. Если не работает — очистите кэш браузера.
phpBBex 1.7.1 — phpBB 3 с уникальными функциями, не существующими в модах
phpBB [ media ] — универсальный bbcode для вставки аудио и видео (поддержка более 30 сервисов, без правок кода)
livingg
phpBB 1.2.0
Сообщения: 16
Стаж: 14 лет 8 месяцев
Благодарил (а): 1 раз

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

Сообщение livingg »

Можно ли включить поддержку 360cities.net? Embed-функция там присутствует.
У поддерживаемого сервиса dermandar.com есть два существенных недостатка - нельзя выложить полноразмерную панораму и отсутствует поддержка сферических панорам.

Добавлено спустя 19 минут 3 секунды:
Re: phpBB [media] — bbcode для вставки аудио, видео, карт и др.
Ещё есть замечательный ресурс для отслеживания спортивной активности http://www.endomondo.com.
Embed-функция тоже есть. Например:
маршруты -
<iframe src="http://www.endomondo.com/embed/routes?i ... height=600" width="900" height="600" frameborder="0" scrolling="no" ></iframe>
тренировки -
<iframe src="http://www.endomondo.com/embed/workouts ... height=600" width="950" height="600" frameborder="0" scrolling="no"></iframe>

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