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 #81by Валентин » 24.12.2012, 23:50

Звучит логично... и получается, что [media=] без параметров использовать таки низзя?
Валентин
Гость

Post #82by VEG » 25.12.2012, 01:36

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

Post #83by KDit » 06.01.2013, 22:48

Даный BBCode работает на IPB? Сегодня случайно заприметил ето на одном сайте, вроде етот BBCode или нет :
Untitled_002.jpg
Internet Explorer - это программа, с помощью которой можно зайти на сайт www.google.com/chrome и скачать себе браузер.
KDit
Мастер
Avatar
Reputation: 65
With us: 5 years 1 month

Post #84by VEG » 06.01.2013, 23:53

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

Post #85by VEG » 23.01.2013, 11:18

Маленький шаг вперёд. Упрощённая версия (без русскоязычных сервисов) этого BBCode прошла валидацию на phpbb.com:
https://www.phpbb.com/customise/db/bbcode/media/
https://www.phpbb.com/customise/db/bbcode/audio/
https://www.phpbb.com/customise/db/bbcode/video/

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

Post #86by Girl » 31.01.2013, 06:01

http://wikimapia.org/ не поддерживается :
phpBB [media]
:sad:
её никак нельзя добавить ? очень удобная штука

Добавлено спустя 54 минуты 33 секунды:
добавила в пост в айфрейме, так что уже не актуально
Girl
Мастер
Avatar
Reputation: 18
With us: 4 yaers 10 months

Post #87by VEG » 31.01.2013, 11:25

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

Валидация

Post #88by Алексей Zn » 13.02.2013, 11:20

VEG wrote:прошла валидацию на phpbb.com
А можно 'отвалидировать' полную версию, с поддержкой русских сервисом?
Спасибо.
Алексей Zn
Гость

Post #89by VEG » 13.02.2013, 14:04

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

Post #90by Алексей Zn » 13.02.2013, 15:21

VEG wrote:и зачем всему миру русские сервисы? :)
Да не всему, а мне.
Алексей Zn
Гость

Post #91by VEG » 13.02.2013, 18:03

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

Post #92by spol » 14.02.2013, 01:23

Форум установлен в локальной сети без доступа в интернет, делаю все как описано в пункте Независимый js-скрипт на вашем сервере, пытаюсь обновить скрипт выдает
Code: Select all
[2013-02-14 06:09:16] Error! ������� ���������� ���������� ���� �����������, �.�. �� ������� ���������� �� ��������� ����� �� ������� ������ ������, ��� ���� ��������� ��� ������������� ���������� ��-�� ��������� ������� ��� ������������� ����������.
при попытке просто открыть адрес forum/bbmedia.php
Code: Select all
alert("Error! Could not download bbmedia.js from phpbbex.com!");
spol
Новичок
Avatar
Reputation: 3
With us: 4 yaers 6 months

Post #93by Алексей Zn » 14.02.2013, 04:25

spol, ну так правильно, у вас нету доступа в интернет...
spol wrote:без доступа в интернет
spol wrote:alert("Error! Could not download bbmedia.js from phpbbex.com!");
Алексей Zn
Гость

Post #94by VEG » 14.02.2013, 10:42

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

Post #95by unk04 » 16.02.2013, 21:47

А с портала ustream.tv имет ли смысл встраивать видео?
unk04 M
Новичок
Avatar
Reputation: 3
With us: 5 years 3 months

Post #96by VEG » 16.02.2013, 23:07

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

Post #97by Guest » 20.02.2013, 22:14

Добрый вечер!

А Вы могли бы обновить информацию в Заголовке темы - и указать номер версии с датой.
Чтобы знать скачивать или нет новый bbmedia.js.

И в списке поддердиваемых форматов, допишите, пожалуйста: По состоянию на .... такую-то дату, для такого-то релиза скрипта.
Спасибо!
Очень помог скрипт!
Guest
Гость

Post #98by VEG » 20.02.2013, 22:28

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

Post #99by andrei » 07.03.2013, 20:28

Заранее прошу прощения за то что пишу в теме "phpBB [media]" - нигде не нашёл тут темы "пользовательские ВВ-коды"; а вопрос такой:
VEG wrote:Для того, чтобы ваш сервер 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
У меня установлены ВВ-коды позволяющие встраивать в сообщения разные аудио и видео плееры(например JW Player, scmp3player, Uppod и др.). Так если плеер не воспроизводит какой-то файл(но расширение файла поддерживается данным плеером) - достаточно добавить в .htaccess соответствующую запись, чтобы устранить проблему, я верно понял? Вот такие записи я могу туда добавить? :
Code: Select all
AddType audio/wma  wma
AddType audio/ac3  ac3
AddType video/avi   avi
Вреда от этого не будет? На большинстве видеосервисов в основном используют форматы mp4 и flv. Но у меня на компе большинство фильмов и клипов в формате avi. И можно ли точно так же добавлять сюда и другие расширения, такие как .pls .asx .m3u ?
phpbbex 1.7.1 + MySQL 5.5.25a + Apache 2.2.22 + PHP 5.3.14 + phpMyAdmin 3.5.1
Windows XP Pro
andrei M
Бывалый
Reputation: 1
With us: 4 yaers 7 months

Post #100by VEG » 07.03.2013, 20:36

andrei wrote:AddType audio/wma wma
AddType audio/ac3 ac3
AddType video/avi avi
Неправильно. Нужно смотреть MIME-тип для каждого расширения и указывать его. Например, для WMA это audio/x-ms-wma (взято с этой страницы). А для AVI судя по всему это video/x-msvideo. Вообще это дохлый номер. Это нестандартные форматы и браузер не будет воспроизводить их даже через flash-плагин. Пользуйтесь m4v и webm — это стандартные видеоформаты для веба.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1573
With us: 5 years 4 months

PreviousNext

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