SMF [media]

SMF [media] — это универсальный BBCode для Simple Machines Forum, который даёт пользователем возможность вставлять в сообщения аудио, видео, карты, панорамы и другое мультимедиа. Поддерживаются сервисы youtube.com, vimeo.com, soundcloud.com, maps.google.com, picasaweb.google.com и несколько десятков других. Данный BBCode является частью проекта BB [media], в который входит большое количество мультимедийных BBCode для различных движков форумов.

  • Справка по [media] с примерами и списком поддерживаемых сервисов
  • SMF [audio] — BBCode для вставки аудио в сообщения
  • SMF [video] — BBCode для вставки видео в сообщения

Для возможности добавления новых BBCode сперва необходимо установить модификацию Custom BBCode. Это делается штатными средствами SMF. По желанию можете использовать bbmedia-icon.png в качестве иконки для кнопки BBCode, для чего её необходимо загрузить в каталог themes/вашстиль/images/bbc с именем «media.png». Далее вам предлагается два варианта BBCode: с указанием предпочитаемых размеров и без. Вы можете установить их одновременно.

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

  1. Админка, «Свойства и параметры», «Общие настройки», «Конфигурация», «Настройка модов», «Custom BBCode», нажмите на кнопку «Create New Tag»
  2. В поле «Tag name» введите:
    media
  3. В поле «Description» введите:
    Вставить аудио, видео, карту или панораму: [media]http://youtu.be/[/media]
  4. В поле «Tag Type» выберите:
    [tag]content[/tag]
  5. В поле «The HTML used for the tag» введите (вводить без изменений!):
    <div class="bbmedia" data-url="{content}" 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://vrublevsky.org/bbmedia/smf/media/" target="_blank">SMF &#91;media&#93;</a></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>
  6. Сохраните форму. Не забудьте в строке добавленного BBCode отметить галочкой поле «Enable». Готово!

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

  1. Админка, «Свойства и параметры», «Общие настройки», «Конфигурация», «Настройка модов», «Custom BBCode», нажмите на кнопку «Create New Tag»
  2. В поле «Tag name» введите:
    media
  3. В поле «Description» введите:
    Вставить аудио, видео, карту или панораму: [media=ширина,высота]http://youtu.be/[/media]
  4. В поле «Tag Type» выберите:
    [tag=option]content[/tag]
  5. В поле «The HTML used for the tag» введите (вводить без изменений!):
    <div class="bbmedia" data-url="{content}" data-args="{option}" 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://vrublevsky.org/bbmedia/smf/media/" target="_blank">SMF &#91;media&#93;</a></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>
  6. Сохраните форму. Не забудьте в строке добавленного BBCode отметить галочкой поле «Enable». Готово!

SMF [media]: 1 комментарий

  1. Phantom

    Доброго времени суток.

    Использовал вашу разработку на phpb3 без проблем, но на SMF 2.0.9 + custom bbcodes столкнулся с неработоспособностью.

    В новой версии введён «Tag type:» который принимает различные варианты, например «parsed content» и «unparsed content» — оба два приводят хоть и к разному, но нерабочему результату.

    Подскажите пожалуйста решение.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *