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 месяцев


Сообщение #101 vbnm » 09.03.2013, 12:51

Всем прива. Ребят такая вот ситуация. Для нашего региона закрыты некоторые хостинги на предмет доступа к ним, тот же ютюб к примеру. Такая политика правительства в связи с обстановкой. Приходится пользоваться сторонними обходными каналами для просмотра видео. ТАк вот вопрос можно ли, как-то добавить в ББкод[media][/media] этот ресурс http://ru.savefrom.net/. С таким функционалом, чтобы тот же ютюб, если он блокируется местными службами автоматически загружался через http://ru.savefrom.net/.
:help:
vbnm
Репутация: 108
С нами: 11 лет

Сообщение #102 VEG » 09.03.2013, 13:00

Нет, так сделать не выйдет.
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #103 vbnm » 09.03.2013, 13:09

VEG, ОК, ну а если смотреть технически, то ?
1 Сам savefrom сначала должен оказаться в пакете ББкода[media][/media], так?
vbnm
Репутация: 108
С нами: 11 лет

Сообщение #104 VEG » 17.03.2013, 23:42

Добавлена поддержка сервиса 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]

Выглядит так:
phpBB [media]
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #105 HD321kbps » 18.03.2013, 00:22

полезная штука
HD321kbps M
Аватара
Откуда: Армянск
Репутация: 376
С нами: 11 лет

Не проигрывается аудио

Сообщение #106 Рарогъ » 20.03.2013, 18:53

Все сделал по инструкции. Начал с ютуба !!!!!!!! ВСЕ РАБОТАЕТ! Просто прекрасно! Смотрим видео прямо с форума!!! Теперь появилось желание выложить музыку.... Нашел ссылку на файл: http://probudilis.ru/audio/mi.mp3 , эта ссылка не с моего сайта, ставлю ее в теги media:
phpBB [media]

ну и вижу, что при загрузке страницы появляется окно плеера и тут же исчезает, после чего я наблюдаю пустое сообщение и без музыки.... Хотя эта ссылка используется тем сайтом, с которого я ее взял для прослушивания прямо на странице...(то же самое и у вас... :cry: )
Если дело в файле .htaccess, то куда именно я его должен записать, потому, что в корне сайта есть такой файл и в него введены рекомендованные вами правки, а сам форум находится в каталоге /forum
Хостинг от RuCenter
Или я не правильно использую этот тэг?
Рарогъ M
Аватара
Откуда: Анапа
Репутация: 13
С нами: 11 лет

Сообщение #107 VEG » 20.03.2013, 20:27

VEG:Причины может быть две: либо ваш сервер отдаёт некорректный Content-Type, либо данный формат не поддерживается вашим браузером.
В этой цитате есть ответ на ваш вопрос. Firefox и Opera не поддерживают формат MP3. Используйте формат Ogg Vorbis (его поддерживают Firefox, Opera и Chrome) или ждите BB [media] с проигрыванием MP3 через флэш (это планируется, но точных сроков нет).
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #108 Рарогъ » 24.03.2013, 22:30

Меня перенаправили с вопросом в данную тему ))))
И так повторюсь в кратце: тэги [media] работают прекрасно только при проигрывании с сайтов, которые формируют ссылки на файл вместе с плеером, а вот есть задать ссылку напрямую на mp3 файл, то я не нашел такого сайта, с которого этот файл открылся бы проигрыватель. В лучшем случае на месте проигрыватела - пустое место, в худшем - вся строка, с самими тэгами. При этом не важно какой формат файла mp3 или ogg. Так вот у меня родился вопрос: каким образом можно к сайту прикрутить свой плеер (может через хостинг или скриптами)? или перегонять каким то образом прямую ссылку на файл в интернете через сторонние плееры, но так, чтобы во всех системах, включая iOs сообщения, содержащие посты с медия вставками работали корректно?
Рарогъ M
Аватара
Откуда: Анапа
Репутация: 13
С нами: 11 лет

Сообщение #109 VEG » 24.03.2013, 22:36

Рарогъ, в BB [media] планируется встраивание плеера mediaelement.js, который работает практически всюду. Это произойдёт тогда, когда автор озвученной библиотеки добавит кроссбраузерную поддержку формата Ogg Vorbis. Обещал сделать скоро, поэтому ждём. Можете поинтересоваться у него в твиттере, когда он планирует закончить задуманное. Может быть, его это мотивирует на скорейшую реализацию задуманного :)
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #110 VEG » 31.03.2013, 13:59

Теперь поддерживаются ссылки на maps.google.com вида (с файлом маршрута в формате KMZ):
Код: Выделить всё
[media]https://maps.google.com/maps?t=h&q=http://www.gpsies.com/files/kmz/s/sseykyuhsdxfaqaf.kmz[/media]
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #111 spol » 04.04.2013, 11:40

Установил все по инструкции Установка [media] (с автоматическими размерами) и Независимый js-скрипт на вашем сервере , выполнил bbmedia.php?update, увиделOK — обновление успешно, вставляю код
Код: Выделить всё
[media]http://172.22.100.5/uploads/files/1362144730_mad-catz-invitational-xizt-vs-anexis.flv[/media]
в ответ черное окошко с ошибкой "Извините, этот URL не поддерживается", выполнил и это "Для того, чтобы ваш сервер Apache отдавал корректный Content-Type, добавьте в .htaccess файл в корне вашего сайта (этот код уже есть в phpBBex):" результат тотже...

вставляю ссылки типа
Код: Выделить всё
http://files.video.wlan/41008.flv
http://172.22.100.5/uploads/files/1362144730_mad-catz-invitational-xizt-vs-anexis.flv
но ответ один, помогите куда рыть...

з.ы. Версия phpBBex: 1.5.3
spol
Аватара
Репутация: 3
С нами: 11 лет 2 месяца

Сообщение #112 VEG » 04.04.2013, 11:49

spol, формат FLV устарел и он никогда не поддерживался в BB [media]. Используйте WebM (для Opera, Firefox, Chrome) и/или MP4 (для Chrome и IE). Сейчас можно указывать сразу два файла через точку с запятой. В будущем это неудобство с форматами планируется исправить, но пока что так.
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #113 spol » 05.04.2013, 02:10

ладно а вот ссылочка на видео
Код: Выделить всё
[media]http://172.22.100.5/uploads/files/1362943326_contrashow.mp4[/media]
в ответ получаю "Не найдено видео, имеющее поддерживаемый формат и тип MME", и кстати странно что вы говорите что устарел флв формат, везде на него в новостях натыкаюсь, желательно наоборот его поддержку сделать так как репортажи видео обзоры на новостных движках именно в флв формате и вылаживают ... :think:
spol
Аватара
Репутация: 3
С нами: 11 лет 2 месяца

Сообщение #114 VEG » 05.04.2013, 08:13

На ваши вопросы есть ответы в шапке.
1. Opera и Firefox на данный момент не поддерживают MP4
2. Они поддерживают WebM
3. Без корректного MIME-типа, отдаваемого сервером, работать не будет
4. Вы можете указать сразу два файла в одном BBCode, через точку с запятой

FLV не поддерживает и не будет поддерживать ни один браузер, поскольку это формат исключительно для флэша, от которого сейчас везде избавляются. Только вот не могут определиться, какой формат будет основным, вот и приходится возиться с двумя :)

Проигрывателя на Flash в BB [media] на данный момент нет. Он планируется, но сейчас идёт работа над другими проектами. Когда он появится — как минимум MP4 будет проигрываться везде.
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #115 Alterak » 17.04.2013, 04:56

необходимо настроить просмотр видео для вложении. Форум в корпоративной сети, выхода в интернет нет, использоваться будет только IE, подскажите как это можно организовать?
Alterak
Гость

Сообщение #116 VEG » 17.04.2013, 11:06

Alterak, подобной фукнции в phpBBex пока что не предусмотрено. Планируется в будущих версиях.
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #117 RuRupert » 29.04.2013, 11:15

Планируется ли поддержка видео с этого сервиса: http://www.zoomby.ru ? Там очень замысловатая ссылка на видео, пока можно вставлять только в блог или "делиться" в соцсетях.
RuRupert M
Репутация: 61
С нами: 11 лет 1 месяц

Сообщение #118 VEG » 30.04.2013, 03:21

RuRupert, покликал там несколько видео. Большая часть недоступна в Беларуси, а что доступно — почему-то нет кнопки встраивания в блоги. Только «поделиться» от социалок.
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #119 RuRupert » 30.04.2013, 11:28

Странно, мне показалось, что ресурс открытый. Раз так - им же хуже ))
RuRupert M
Репутация: 61
С нами: 11 лет 1 месяц

Сообщение #120 vbnm » 19.06.2013, 00:06

Рарогъ:Все сделал по инструкции. Начал с ютуба !!!!!!!! ВСЕ РАБОТАЕТ! Просто прекрасно! Смотрим видео прямо с форума!!! Теперь появилось желание выложить музыку.... Нашел ссылку на файл: http://probudilis.ru/audio/mi.mp3 , эта ссылка не с моего сайта, ставлю ее в теги media:

ну и вижу, что при загрузке страницы появляется окно плеера и тут же исчезает, после чего я наблюдаю пустое сообщение и без музыки.... Хотя эта ссылка используется тем сайтом, с которого я ее взял для прослушивания прямо на странице...(то же самое и у вас... )
Если дело в файле .htaccess, то куда именно я его должен записать, потому, что в корне сайта есть такой файл и в него введены рекомендованные вами правки, а сам форум находится в каталоге /forum
Хостинг от RuCenter
Или я не правильно использую этот тэг?
Рарогъ
Новичок

Возраст: 42
Откуда: Анапа
Репутация: 2
С нами: 3 месяца 9 дней
у меня та же ситуация с Хромом, файлы мп3 формата не проигрываются
vbnm
Репутация: 108
С нами: 11 лет

Пред.След.

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



cron