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

[SelinaAnt]

BBCode: phpBB [audio] | phpBB [video] | phpBB [media] | phpBB [youtube]

Представляем вам новый универсальный BBCode «phpBB [media]». Это два BBCode в одном: [video] и [audio]. Помимо этого он умеет встраивать и другие мультимедийные вещи, такие как: карты, панорамы, фотогалереи и др. Надеемся, вам понравится. Он подходит как для phpBB, так и для phpBBex. Для установки нет необходимости править какие-либо файлы, его можно добавить через раздел администратора.

---

Источник

---

Установка [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='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. В поле «Подсказка» введите:

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

Вставить аудио, видео, карту, панораму или другое мультимедиа: [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='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. В поле «Подсказка» введите:

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

Вставить аудио, видео, карту, панораму или другое мультимедиа: [media=ширина,высота]http://youtube.com/url[/media]

5. Сохраните форму. Готово!

---

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

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

На данный момент поддерживаются:
все сервисы из phpBB [video]:

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

На данный момент поддерживаются видеосервисы:
youtube.com (youtu.be) — плейлисты также поддерживаются
vimeo.com
rutube.ru — только адрес из кода встраивания
vk.com (vkontakte.ru) — только адрес из кода встраивания
facebook.com
video.mail.ru
smotri.com
dailymotion.com
ustream.tv — поддерживаются и записи, и трансляции
video.qip.ru
video.google.com
video.yandex.ru — только адрес из кода встраивания
video.bigmir.net
tvigle.ru — только адрес из кода встраивания
video.online.ua
video.sibnet.ru
yapfiles.ru — только адрес из кода встраивания BBCode (для видео и музыки)
megogo.net
intv.ru
lovi.tv
metacafe.com
veevr.com
myvideo.de
clipfish.de
hulu.com — только адрес из кода встраивания
own3d.tv
файлы WebM, OGV и MP4 через HTML5 <video>

Адреса не нужно чистить от мусорных параметров — наш [video] разберётся что к чему. Можно использовать как адрес страницы видео, так и адрес из кода встраивания (если не указано иное).

В ближайшем будущем будут поддерживаться:
webm, mp4 и flv видеофайлы через плеер на flash при отсутствии HTML5

Что интересно, наш bbcode сам обновится, и новые сервисы будут поддерживаться у вас автоматически. Если вам не хватает поддержки какого-то видеосервиса, мы будем рады добавить её. В этой теме приведите ссылку на видео с интересующего вас видеосервиса и код встраивания — это нам поможет. Если новый видеосервис востребован, мы вскоре добавим его поддержку в наш видео-bbcode.

все сервисы из phpBB [audio]:

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

На данный момент поддерживаются:
soundcloud.com — ссылка на страницу трека и ссылка из кода встраивания
muzebra.com (z-music.org, z-mc.ru) — ссылка на трек и ссылка из кода встраивания (появляются при клике по кнопке «поделиться» у трека)
prostopleer.com — ссылка на трек и ссылки из кода встраивания (новый и старый вариант)
video.yandex.ru — только ссылка из кода встраивания на аудио
yapfiles.ru — только ссылка из кода встраивания на аудио
файлы WAV, MP3, OGG, OGA, AAC и M4A через HTML5 <audio>

Что интересно, наш bbcode сам обновится, и новые сервисы будут поддерживаться у вас автоматически. Если вам не хватает поддержки какого-то аудиосервиса, мы будем рады добавить её. В этой теме приведите ссылку на аудио с интересующего вас аудиосервиса и код встраивания — это нам поможет. Если новый аудиосервис востребован, мы вскоре добавим его поддержку в наш аудио-bbcode.

maps.google.com (карты, панорамы)
picasaweb.google.com (слайдшоу из галерей)
dermandar.com (панорамы)

---

P.S. Поставила к себе на сайт, довольна как слон чего и всем советую, а вопросы лучше задавать в форуме разработчика.

[Darkelita]

SelinaAnt - молодчиночка, спасибо

[9CaraTT]

vk.com точно работает?

[MishanyaZHK]

Спасибо!

[SelinaAnt]

vk.com точно работает?

ТЫЦ

[9CaraTT]

спасибо!

[muzzzanna]

Спасибо!!!

[Anna]

Спасибо большое автору