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
Репутация: 1653
С нами: 11 лет 11 месяцев


Сообщение #141 LoKu » 12.10.2013, 17:22

Здравствуйте, добавьте пожалуйста в модуль поддержку видео с сайтов:
http://www.pinkbike.com/
http://mpora.com/
http://www.redbull.com/en/bike
LoKu
Гость

Сообщение #142 VEG » 13.10.2013, 11:17

LoKu, у РедБулла на сайте не нашёл функции встраивания. Первые два постараюсь добавить в следующем пакете обновлений.
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #143 Boroda » 13.10.2013, 12:12

Если будет время и интерес, то вот еще локальный чешский сервис: http://api4.mapy.cz/
Boroda M
Репутация: 38
С нами: 11 лет 10 месяцев

Сообщение #144 LoKu » 14.10.2013, 17:33

Видео http://www.redbull.com/us/en/bike/stories/1331610 ... pean-downhill-cup-5-highlights

Код встраивания

Код: Выделить всё
<div style="display:none"></div><script language="JavaScript" type="text/javascript" src="http://admin.brightcove.com/js/BrightcoveExperiences.js"></script><script type="text/javascript" src="http://admin.brightcove.com/js/APIModules_all.js"></script><object id="myExperience1439142659001" class="BrightcoveExperience"><param name="startTime" value="1381761059712" /><param name="jumpHover" value="Jump backwards" /><param name="flashID" value="myExperience1331610514541" /><param name="labels" value="http://www.redbull.com/cs/RedBull2Misc/brightcove/en_US_labels.xml" /><param name="htmlFallback" value="true" /><param name="playerID" value="1684512102001" /><param name="height" value="270" /><param name="qualityHover" value="Change quality" /><param name="isUI" value="true" /><param name="playerKey" value="AQ~~,AAABTw4lHzE~,sr1E9bdX6d4wCdvdlD8QKdNij3uKs2K9" /><param name="width" value="480" /><param name="isRTL" value="false" /><param name="isVid" value="true" /><param name="purl" value="http://www.redbull.com/us/en/bike/stories/1331610513479/ixs-european-downhill-cup-5-highlights" /><param name="@videoPlayer" value="2658715630001" /><param name="link" value="http://www.redbull.com/us/en/bike" /><param name="filter" value="channel:Bike" /><param name="autoStart" value="true" /><param name="linkBaseURL" value="http://www.redbull.com/us/en/bike/stories/1331610513479/ixs-european-downhill-cup-5-highlights" /><param name="bgcolor" value="#000000" /><param name="logoHover" value="Visit RedBull.com/bike" /><param name="dynamicStreaming" value="true" /><param name="socialHover" value="Share or embed" /><param name="onsiteSettings" value="false,false,false,true" /></object><script type="text/javascript">brightcove.createExperiences();</script>
LoKu
Гость

Сообщение #145 Lona » 26.10.2013, 20:57

ТовариСЧи, у меня перестал отображаться плеер в сообщениях.
Где исправлять?..

http://www.magija-portal.ru/viewtopic.php?f=99&t=960&p=5047#p5047

:eh:
Lona
Аватара
Репутация: 13
С нами: 10 лет 8 месяцев

Сообщение #146 RuRupert » 26.10.2013, 21:20

Откуда вставляли аудио (судя по форме пустых прямоугольников, это было аудио)? У меня был такой глюк когда упал "простоплеер", половина аудио с форума просто улетела бесследно :smoke: Были похожие пустые прямоугольники.

BBcode media, как оказалось, - ни при чём.
RuRupert M
Репутация: 61
С нами: 11 лет 1 месяц

Сообщение #147 Sumanai » 26.10.2013, 21:27

Сервис на техническом обслуживании

Мы скоро вернемся!

Просто просто плеер на профилактике. Ничего делать не нужно.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #148 RuRupert » 26.10.2013, 21:35

Его колотит с завидной периодичностью :toothless: После окончания профилактики проверьте на всякий случай, все ли аудиофайлы остались на форуме, а то могут быть сюрпризы, "простоплеер" умеет их делать.
RuRupert M
Репутация: 61
С нами: 11 лет 1 месяц

Сообщение #149 Lona » 26.10.2013, 21:51

RuRupert:простоплеер
Он самый )

Sumanai:Просто просто плеер на профилактике. Ничего делать не нужно.
Поняла, молчу :smile:
RuRupert:После окончания профилактики проверьте на всякий случай, все ли аудиофайлы остались на форуме, а то могут быть сюрпризы, "простоплеер" умеет их делать.

Благодарю, учту :smile:
Lona
Аватара
Репутация: 13
С нами: 10 лет 8 месяцев

Сообщение #150 VEG » 04.11.2013, 20:34

Итак, очередное пополнение. Теперь BB [media] поддерживает сервис GPS-треков bikemap.net:
Код: Выделить всё
[media]http://www.bikemap.net/en/route/2347329-test/[/media]

Добавлено спустя 8 минут 2 секунды:
LoKu:Здравствуйте, добавьте пожалуйста в модуль поддержку видео с сайтов:
http://www.pinkbike.com/
http://mpora.com/
Эти сервисы теперь поддерживаются. Подробности в теме о phpBB [video]. У RedBull по непонятным причинам чрезмерно усложнён код встраивания, попробую разобраться с ним позднее.
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #151 VEG » 05.11.2013, 14:47

Для endomondo.com теперь поддерживаются и тренировки. К сожалению, сервис не позволяет использовать адрес страницы для тренировок — можно использовать только адрес из кода встраивания. Пример:
Код: Выделить всё
[media]http://www.endomondo.com/embed/workouts?w=sTOX7sXkdGs[/media]
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #152 135 » 07.11.2013, 01:40

Не подскажете, какие изменения и где надо сделать, чтобы кнопка BBCode media работала аналогично url и img (через всплывающее окно)?
135
Гость

Сообщение #153 VEG » 07.11.2013, 09:45

К сожалению, готового решения нет. Нужно отключить отображение кнопки средствами админки и в шаблоне posting_buttons.html и файле editor.js добавить кнопку по аналогии с [img] и другими. Сразу скажу, что это не работа для начинающего, там достаточно запутанный код.
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #154 LoKu » 11.11.2013, 18:10

По возможности добавте еще VitalMTB
http://www.vitalmtb.com/videos/features/Launching ... iends,23834/corytepper-com,831
LoKu
Гость

Сообщение #155 mohn » 12.11.2013, 10:16

Вставил ваш BBC код. Меня интересовал BBcode только для сайта vesti.ru
Не работает
Вот ссылка http://www.vesti.ru/only_video.html?vid=552414
Вот код http://i.imgur.com/5yEgkuy.png
Результат http://i.imgur.com/79ZMiOd.png
Подскажите, pls, что не так?
mohn
Репутация: 0
С нами: 10 лет 4 месяца

Сообщение #156 VEG » 12.11.2013, 11:57

mohn, vesti.ru никогда не поддерживались, их нет в списке. То есть они и не должны работать. В будущем поддержка их видео может быть появится, посмотрим.
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #157 mohn » 12.11.2013, 12:03

Вы можете это осуществить
В будущем поддержка их видео может быть появится, посмотрим.

Заранее, спасибо
mohn
Репутация: 0
С нами: 10 лет 4 месяца

Сообщение #158 135 » 13.11.2013, 00:02

Вот такие карты маст хев - http://share.mapbbcode.org
135
Гость

Сообщение #159 mohn » 14.11.2013, 07:30

Карта шикарная. Спасибо.
http://newstube.ru/ тоже не поддерживается??
mohn
Репутация: 0
С нами: 10 лет 4 месяца

Сообщение #160 VEG » 14.11.2013, 13:57

mohn, список поддерживаемых видео-сервисов на странице BB [video]. Чего там нет — не поддерживается. При выпуске обновления рассмотрю возможность добавления поддержки новых сервисов.
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Пред.След.

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