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

Board index phpBBex 1.x Мастерская

Description: Только готовые решения! Статьи, заметки, моды и другие полезности для phpBBex 1.x и phpBB 3.0.x.
Moderator: Поддержка

Post #1by 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]:
Code: Select all
[media]http://vimeo.com/40558553[/media]
или (с указанием предпочитаемых размеров):
Code: Select all
[media=640,360]http://vimeo.com/40558553[/media]

В сообщении это отобразится следующим образом:
phpBB [media]


Для вставки аудио пользователь должен вставить его адрес между [media][/media]:
Code: Select all
[media]http://pleer.com/tracks/4796774kBZr[/media]

В сообщении это отобразится следующим образом:
phpBB [media]


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

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

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

Установка [media] (с автоматическими размерами)

1. Админка, вкладка «Сообщения», страничка «BBCodes», добавить BBCode (если уже есть [media] — редактировать).
2. В поле «Использование BBCode» введите:
Code: Select all
[media]{URL}[/media]
3. В поле «Замена HTML» введите (вводить без изменений!):
Code: Select all
<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='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>
4. В поле «Подсказка» введите:
Code: Select all
Вставить аудио, видео, карту, панораму или другое мультимедиа: [media]http://youtube.com/url[/media]
5. Установите галочку «Показывать на странице ответа» и сохраните форму. Готово!

Установка [media=ширина,высота] (с предпочитаемой шириной и высотой плеера)

1. Админка, вкладка «Сообщения», страничка «BBCodes», добавить BBCode (если уже есть [media=] — редактировать).
2. В поле «Использование BBCode» введите:
Code: Select all
[media={INTTEXT}]{URL}[/media]
3. В поле «Замена HTML» введите (вводить без изменений!):
Code: Select all
<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='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>
4. В поле «Подсказка» введите:
Code: Select all
Вставить аудио, видео, карту, панораму или другое мультимедиа: [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 — обновление успешно. Иначе вы увидите сообщение о типе ошибки.

Использование на сайтах с поддержкой HTTPS

При работе сайта с использованием безопасного протокола HTTPS скрипт не работает, так как по умолчанию браузеры блокируют смешанное содержимое.
Вам необходимо произвести локальную установку скрипта по инструкции выше, либо использовать адрес «https://sumanai.ru/api/bbmedia.php» взамен стандартного «http://phpbbex.com/api/bbmedia.js».

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

На разработку данного bbcode потрачено много времени, поэтому в наличие ссылки на phpbbex.com в коде обязательно. Эта ссылка видна только в момент загрузки и не мешает пользователям. Если по каким-то причинам вам всё-таки необходимо её убрать, свяжитесь с автором любым удобным для вас способом. Возможность убрать ссылку из кода стоит 20$ для одного форума. Это неплохая возможность материально поддержать дальнейшую разработку данного bbcode.

Не работает?

Отображается стандартная заглушка с надписью phpBB [media] и ничего не происходит
Скорее всего на странице есть какая-то ошибка JavaScript, что прекращает выполнение всех скриптов. Включите консоль разработчика и посмотрите что за ошибка. Если у вас на странице используется jQuery, попробуйте обновить версию на более свежую (1.7 и более новую).

Выдаёт ошибку «Неправильный BBCode»
Проблема в том, что вы изменили предлагаемый код либо это сделала за вас какая-то модификация. Попробуйте по очереди убирать модификации, которые влияют на вывод сообщений и обработку BBCode.

Независимо от предлагаемого URL сообщает, что он не поддерживается
Проблема в том, что ваш форум (например, автоцензор) либо какая-то модификация вмешивается в передаваемые URL. Проверьте настройки автоцензора (чтобы в нём не было частей вставляемого URL) либо установленные модификации для обработки ссылок в сообщениях.

При использовании ссылки на файл с моего сервера ничего не проигрывается
Причины может быть две: либо ваш сервер отдаёт некорректный Content-Type, либо данный формат не поддерживается вашим браузером.
Для того, чтобы ваш сервер Apache отдавал корректный Content-Type, добавьте в .htaccess файл в корне вашего сайта (этот код уже есть в phpBBex):
Code: Select all
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
Учтите, что Firefox и Opera не поддерживают форматы MP3, MP4 и AAC. Зато Firefox, Opera и Chrome поддерживают форматы Ogg Vorbis и WebM. IE также поддерживает WebM при установке соответствующего кодека.

phpBB [media] на других ресурсах

Обсуждение phpBB [media] на phpbbguru.net
Обсуждение phpBB [media] на bb3x.ru
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1573
With us: 5 years 4 months


Post #461by Alexell » 09.04.2016, 11:23

Sumanai, исправишь в обновлении поддержку SoundCloud? Есть мысли по реализации вставки видео В Контакте? Я смотрел экспорт, там блин только если скрипт какой-то писать, чтобы кода экспорта делать читабельную ссылку для [media].
(c) 2010-2017, Alexell Production.
Alexell M
Мастер
Avatar
Age: 23
Location: Россия, Москва.
Reputation: 13
With us: 4 yaers

Post #462by Sumanai » 09.04.2016, 11:47

Alexell wrote:Sumanai, исправишь в обновлении поддержку SoundCloud?
Если оно будет. Лицензией запрещено распространять модифицированные версии, только сейчас прочитал. Всё таки нужно поймать VEG.
Ну и я ещё не закончил его расшифровку, нет на это времени.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1583
With us: 4 yaers 6 months

Post #463by Alexell » 09.04.2016, 11:52

Sumanai wrote:Если оно будет.
Какой лицензией? Модифицированные версии чего? Используется оригинальный код Embed SoundCloud.
(c) 2010-2017, Alexell Production.
Alexell M
Мастер
Avatar
Age: 23
Location: Россия, Москва.
Reputation: 13
With us: 4 yaers

Post #464by Sumanai » 09.04.2016, 12:26

Alexell wrote:Какой лицензией?
На ббкод:
// BB [media] v1.68 [2015-07-01] (C) 2014 Evgeny Vrublevsky, http://phpbbex.com/
// Licensed under CC BY-NC-ND, http://creativecommons.org/licenses/by-nc-nd/3.0/
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1583
With us: 4 yaers 6 months

Post #465by Alexell » 09.04.2016, 12:29

Sumanai, тогда надо с ним связаться, чтобы он исправил. Ладно, буду периодически иногда сюда заходить, в надежде увидеть хорошие новости.
(c) 2010-2017, Alexell Production.
Alexell M
Мастер
Avatar
Age: 23
Location: Россия, Москва.
Reputation: 13
With us: 4 yaers

Post #466by Sumanai » 09.04.2016, 12:30

Нужно просто с ним связаться, для начала.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1583
With us: 4 yaers 6 months

Post #467by Alexell » 09.04.2016, 12:34

Sumanai, а он что, сюда не заходит?
(c) 2010-2017, Alexell Production.
Alexell M
Мастер
Avatar
Age: 23
Location: Россия, Москва.
Reputation: 13
With us: 4 yaers

Post #468by Sumanai » 09.04.2016, 12:35

Почти. И мне он давно не отвечал. Только иногда версию в шапке обновляет.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1583
With us: 4 yaers 6 months

Post #469by Alexell » 09.04.2016, 12:36

Sumanai, ну тут я ничего не знаю. Надеюсь, что когда-нибудь свяжетесь. Напиши на почту ему, сразу по теме. Может он найдет время обновить бб-медиа.
(c) 2010-2017, Alexell Production.
Alexell M
Мастер
Avatar
Age: 23
Location: Россия, Москва.
Reputation: 13
With us: 4 yaers

Post #470by Sumanai » 09.04.2016, 12:40

Alexell wrote:Напиши на почту ему, сразу по теме.
Писал уже. Говорю же, не отвечает. И на других ресурсах, где он регулярно появляется, мне не отвечает.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1583
With us: 4 yaers 6 months

Post #471by ЖЪРЧИК » 09.04.2016, 12:54

Странный он, весьма.
плешивый кот
ЖЪРЧИК
Гуру
Avatar
Reputation: 174
With us: 3 yaers

Post #472by angst66 » 09.04.2016, 20:29

Простоплеер заблокирован, можете первое сообщение править.
angst66
Бывалый
Reputation: 13
With us: 4 yaers 11 months

Post #473by Sumanai » 09.04.2016, 21:32

В этой стране уже столько всего заблокировано, что у каждого уважающего себя пользователя настроены средства обхода блокировки.
Так что пусть остается.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1583
With us: 4 yaers 6 months

Post #474by angst66 » 11.04.2016, 20:54

"В этой стране" эта фраза многое говорит о говорящем. Так как обойти блокировку в коде? Для всем.
angst66
Бывалый
Reputation: 13
With us: 4 yaers 11 months

Post #475by Sumanai » 11.04.2016, 21:15

angst66 wrote:Так как обойти блокировку в коде? Для всем.
В коде никак, это индивидуальное решение, к тому же сейчас расматривается закон о наказании за пропаганду средств обхода блокировок, так что молчим, мы тут это не обсуждали :silenced:
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1583
With us: 4 yaers 6 months

Post #476by ЖЪРЧИК » 12.04.2016, 00:51

angst66, она говорит о влиянии пропаганды, которой якобы нет. Но тут лучше не разжигать идеологическую ненависть и насильно не просвещать людей :twisted:
Sumanai wrote:к тому же сейчас расматривается закон о наказании за пропаганду средств обхода блокировок
да ладно, в России суровость закона сглаживается хреновой работой системы исполнения решений суда. Так что в спойлер :biggrin:
По-моему у нас наиболее свободная страна по сравнению с Германией. Там за прямые передачи файлов лицензированных по П2П штрафы на десятки и сотни тысяч евро автоматом приходят. Так что думай глубже насчет копирайта, может придешь самостоятельно к верному выводу
плешивый кот
ЖЪРЧИК
Гуру
Avatar
Reputation: 174
With us: 3 yaers

Post #477by ЖЪРЧИК » 18.04.2016, 23:32

Есть такой момент, не очень хороший, если выставлять вручную размер плеера (фрейма?) медиа, то кнопки плеера могут уезжать, а не подгонятся под размер плеера, даже если размер дисплея позволяет, то не позволяет "пост-боди" и "бокс-минипрофиль". По пикселам размер "пост-боди" видимо меньше будет, чем размер установленный вручную для фрейма.
плешивый кот
ЖЪРЧИК
Гуру
Avatar
Reputation: 174
With us: 3 yaers

Post #478by VEG » 22.05.2016, 12:27

Код обновлён. Обновилась поддержка soundcloud (поскольку именно на него жаловались на последних страницах).

Code: Select all
[media]https://soundcloud.com/goarausch/rom-di-prisco-romulus-3-need-for-speeds-2-soundtrack-1997[/media]

phpBB [media]


Если у вас не работает, Ctrl+F5.

В ближайшее время буду обновлять поддержку других сервисов. Если вы знаете, какие сервисы сломались — просьба сообщить об этом здесь.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1573
With us: 5 years 4 months

Post #479by sag-sag » 22.05.2016, 14:20

Ура VEG вернулся!!
"Сбит с ног - сражайся на коленях, идти не можешь - лежа наступай". В. Ф. Маргелов
sag-sag M
Гуру
Age: 31
Reputation: 355
With us: 4 yaers

endomondo

Post #480by Kirilka » 29.05.2016, 17:56

При вставке endomondo ссылки, отображается только карта. Место под статистику присутствует, но пустое.
Kirilka
Гость

PreviousNext

Return to Мастерская



Who is online (over the past 10 minutes)

Users browsing this forum: 1 guest