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

BBCode — это специальный вариант HTML
С помощью BBcode - вы сможете отформатировать текст в сообщении, вставить видео, картинки и многое другое.
Аватара пользователя
CabinetAdmin

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

CabinetAdmin 02 авг 2012, 17:54 Сообщение

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

Представляем вам новый универсальный BBCode «phpBB [media]». Это два BBCode в одном: [video] и [audio]. Помимо этого он умеет встраивать и другие мультимедийные вещи, такие как: карты, панорамы, фотогалереи и др.

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

Использование BBCode:

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

[media]{URL}[/media]


Замена 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>

(вводить без изменений!)

Подсказка:

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

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


«Показывать на странице ответа» - «Отправить». Готово!




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

Использование BBCode:

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

[media={INTTEXT}]{URL}[/media]


Замена 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>

(вводить без изменений!)

Подсказка:

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

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


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


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

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




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

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

На данный момент поддерживаются:
  • все сервисы из phpBB [video]
  • все сервисы из phpBB [audio]
  • maps.google.com (карты, панорамы)
  • picasaweb.google.com (слайдшоу из галерей)
  • dermandar.com (панорамы)




Примеры использования:

Для вставки аудио пользователь должен вставить его адрес:

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

[media]http://z-mc.ru/627hqsbwjdc/[/media]


phpBB [media]


Для вставки видео пользователь должен вставить его адрес:

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

[media]http://www.youtube.com/watch?v=H77XC4sQaMg&feature=g-all-lik[/media]

или (с указанием предпочитаемых размеров):

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

[media=640,360]http://www.youtube.com/watch?v=H77XC4sQaMg&feature=g-all-lik[/media]


phpBB [media]





При использовании нового кода вставки [media=ширина,высота] теперь можно последним параметром указывать тип ссылки: audio или video. Полезно в случаях, когда по ссылке невозможно определить тип мультимедиа. Если указать тип audio, то [media] будет вести себя так же, как и [audio] (то есть, видео и карты не будут рассматриваться). Если указать тип video, то [media] будет вести себя в точности как [video].

Пример без указания размеров для аудио:

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

[media=audio]http://video.yandex.ru/iframe/vrubleg/sfwlg00z0s.3525/[/media]


Пример с указанием ширины для аудио:

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

[media=640,audio]http://video.yandex.ru/iframe/vrubleg/sfwlg00z0s.3525/[/media]


Пример с указанием ширины и высоты для видео:

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

[media=640,480,video]http://video.yandex.ru/iframe/vrubleg/tnxt4a0q15.3514/[/media]


Попытка же вставить карту с типом video вызовет ошибку:

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

[media=video]https://maps.google.com/maps?q=minsk&hl=en&ll=53.903175,27.569933&spn=0.050112,0.131922&sll=37.0625,-95.677068&sspn=67.334709,135.087891&t=h&hnear=Minsk,+Minski+Rayon,+Minsk+Region,+Belarus&z=14[/media]





Развернуть Независимый js-скрипт на вашем сервере


Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект


Похожие темы

Вернуться в «Пользовательские BBCode для phpBB»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость