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 сервисов, без правок кода)
Аватара пользователя
Пчелкин
phpBB 3.3.0
Сообщения: 11361
Стаж: 16 лет 8 месяцев
Благодарил (а): 1832 раза
Поблагодарили: 1358 раз

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

Сообщение Пчелкин »

livingg писал(а):У поддерживаемого сервиса dermandar.com есть два существенных недостатка - нельзя выложить полноразмерную панораму и отсутствует поддержка сферических панорам.
с фигали?
NIKON-D90, AF-S 18-105, AF-S 14-24, AF-S 24-70
Аватара пользователя
VEG
phpBB 2.0.7a
Сообщения: 609
Стаж: 20 лет 5 месяцев
Откуда: Минск
Благодарил (а): 20 раз
Поблагодарили: 141 раз

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

Сообщение VEG »

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

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

Сообщение livingg »

Пчелкин писал(а):с фигали?
Аргументировать не могу - не пользуюсь ни тем, ни другим ресурсом для панорам. Передаю пожелания пользователей форума. ) Эндомондо рекомендую лично!
VEG писал(а):В ближайшем обновлении добавлю их поддержку.
Спасибо! )
livingg
phpBB 1.2.0
Сообщения: 16
Стаж: 14 лет 8 месяцев
Благодарил (а): 1 раз

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

Сообщение livingg »

Ооооо! Как же я мог забыт о мега-ресурсе http://www.gpsies.com !!!!
Например, http://www.gpsies.com/map.do?fileId=vqrlseifajrpznrh
Аватара пользователя
VEG
phpBB 2.0.7a
Сообщения: 609
Стаж: 20 лет 5 месяцев
Откуда: Минск
Благодарил (а): 20 раз
Поблагодарили: 141 раз

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

Сообщение VEG »

livingg писал(а):<iframe src="http://www.endomondo.com/embed/workouts ... height=600" width="950" height="600" frameborder="0" scrolling="no"></iframe>
Не даёт посмотреть, говорит нет прав. Дайте доступом. Также кроме кода встраивания обязательно приводите ссылку на страницу, где вы этот код получили. Это нужно для того, чтобы можно было сделать преобразования из адреса страницы в код встраивания.

Добавлено спустя 12 минут 38 секунд:
Re: phpBB [media] — bbcode для вставки аудио, видео, карт и др.
livingg писал(а):Например, http://www.gpsies.com/map.do?fileId=vqrlseifajrpznrh
Тоже не пускает. Остального поддержку в течение нескольких минут добавлю.

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

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

Сообщение livingg »

Странно, раньше с доступом всё было ок.
Жипиэсиес:
http://www.gpsies.com/map.do?fileId=gcfinrpqcyaxofvu
Ссылка на встраивание в самом низу страницы.

Эндомонодо:
Маршрут: http://www.endomondo.com/routes/193496091
Кнопка для получения кода - справа вверху над картой.
С тренировками сложнее.
http://www.endomondo.com/workouts/239388381/4996873
Чужую тренировку можно только лайкать - встроить её никуда не получится. Ну в смысле сгенерировать код для встраивания может только хозяин.
У остальных там кнопка "лайк."
Для данной тренировки код выглядит так:

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

<iframe src="http://www.endomondo.com/embed/workouts?w=sTOX7sXkdGs&width=580&height=600&width=950&height=600" width="950" height="600" frameborder="0" scrolling="no"></iframe>
Аватара пользователя
VEG
phpBB 2.0.7a
Сообщения: 609
Стаж: 20 лет 5 месяцев
Откуда: Минск
Благодарил (а): 20 раз
Поблагодарили: 141 раз

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

Сообщение VEG »

Появилась поддержка сервиса gpsies.com:

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

[media]http://www.gpsies.com/map.do?fileId=gcfinrpqcyaxofvu[/media]
Не забудьте очистить кэш браузера, если BB [media] ругается, что не поддерживает новые виды URL.
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 немного косячит в каком-то из браузеров (не то хром, не то мозилла). Контент открывается в некорректном размере. Ширина соответствует, высота крохотная. ) Но не всегда. ) Если есть вероятность, что это косяк мода, а не ресурса, пришлю подробности. )
Аватара пользователя
angst66
phpBB 3.0.0 RC3
Сообщения: 1584
Стаж: 14 лет 8 месяцев
Благодарил (а): 90 раз
Поблагодарили: 165 раз

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

Сообщение angst66 »

livingg В ФФ окно сжимало после правок prosilver: как подпись опустить вниз? , пришлось от них отказаться...
Аватара пользователя
Татьяна5
Поддержка
Поддержка
Сообщения: 13159
Стаж: 15 лет 1 месяц
Благодарил (а): 236 раз
Поблагодарили: 3750 раз

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

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

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

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

Сообщение VEG »

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

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

Сообщение livingg »

Выяснилось, что проблема возникает только при вставке phpBB [media] под спойлер.
Спойлер реализован следующим bbcode:

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

<div style="border-top: 1px solid #B9CBDC; border-left: 1px solid #B9CBDC; border-right: 1px solid #B9CBDC; border-bottom: 0px solid #B9CBDC; font-size: 1em;"><div style="border-bottom: 1px solid #B9CBDC; background-color: #D1D7DC; padding: 3px; font-size: 0.9em; font-weight: bold; display: block;"><span style="cursor: pointer;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerHTML = '<b><a href=\'#\' onClick=\'return false;\'><img src=\'styles/prosilver/imageset/icon_minus_1.gif\' width=\'9\' height=\'9\' border=\'0\'></a>&nbsp;{TEXT1}</b>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b><a href=\'#\' onClick=\'return false;\'><img src=\'styles/prosilver/imageset/icon_plus_1.gif\' width=\'9\' height=\'9\' border=\'0\'></a>&nbsp;{TEXT1}</b>'; }" /><b><a href="#" onClick="return false;"><img src="styles/prosilver/imageset/icon_plus_1.gif" alt="" width="9" height="9" border="0"></a>&nbsp;{TEXT1}</b></span></div><div><div style="display: none; border-bottom: 1px solid #B9CBDC; padding: 3px;">{TEXT}</div></div></div>
Откуда взят - уже не вспомню. )
Причём проблема именно с 360cities. В хроме - узкая полоса, в мозилле не отображается вообще - просто пустое окно, в IE вроде как работает корректно.
Полноэкранная запись 20.09.2013 25418.jpg
С другими ресурсами проблем нет.
У вас нет необходимых прав для просмотра вложений в этом сообщении.
livingg
phpBB 1.2.0
Сообщения: 16
Стаж: 14 лет 8 месяцев
Благодарил (а): 1 раз

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

Сообщение livingg »

Ах, да. Не до конца ответил на вопрос. )
VEG писал(а):Во время проблем есть ли какие-то JS-ошибки?
Сообщений об ошибках не наблюдаю.
VEG писал(а):При перезагрузке всегда становится ок?
Нет, ошибка постоянная и никак не лечится, даже перезагрузкой.

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

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

Сообщение VEG »

Итак, очередное пополнение. Теперь BB [media] поддерживает сервис GPS-треков bikemap.net:

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

[media]http://www.bikemap.net/en/route/2347329-test/[/media]
phpBBex 1.7.1 — phpBB 3 с уникальными функциями, не существующими в модах
phpBB [ media ] — универсальный bbcode для вставки аудио и видео (поддержка более 30 сервисов, без правок кода)
KONA
phpBB 1.2.0
Сообщения: 12
Стаж: 12 лет 10 месяцев
Благодарил (а): 4 раза

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

Сообщение KONA »

http://www.youtube.com/movie?v=5PeWQbKtw_Q обнаружил, что вот такой УРЛ с Ютуба не поддерживается в форуме после установки media.

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