SMF [media] — один BBCode для вставки аудио, видео, карт, панорам и др.

[VEG]

Сделал порт phpBB [media] для SMF. Этот bbcode позволяет вставлять в сообщения аудио, видео, карты, панорамы, фотогалереи и другие мультимедийные вещи. Для установки нет необходимости править какие-либо файлы, его можно добавить через Custom BBCode. Очень надеюсь, что он кому-то покажется полезным. Просьба отписаться о работоспособности модификации. Любые отзывы приветствуются.

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

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

Код Выделить Развернуть

[media]http://vimeo.com/40558553[/media]
или (с указанием предпочитаемых размеров):

Код Выделить Развернуть

[media=640,360]http://vimeo.com/40558553[/media]
В сообщении это отобразится плеер (это картинка, ссылка на рабочий пример убрана по просьбе админа):

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

Код Выделить Развернуть

[media]http://z-mc.ru/627hqsbwjdc/[/media]
В сообщении это отобразится следующим образом (это также картинка):


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

Видео-сервисы: youtube.com, vimeo.com, rutube.ru, vk.com и ещё более десятка.
Аудио-сервисы: soundcloud.com, z-music.org, prostopleer.com и другие.
Медиа-сервисы: maps.google.com, picasaweb.google.com и другие.

Полный список сервисов на текущий момент:

• maps.google.com (карты, панорамы)
  
• picasaweb.google.com (слайдшоу из галерей)
  
• antispamndar.com (панорамы)
  
• youtube.com (youtu.be) — плейлисты также поддерживаются
  
• vimeo.com
  
• rutube.ru — рекомендуется адрес из кода встраивания
  
• vk.com (vkontakte.ru) — только адрес из кода встраивания
  
• facebook.com
  
• video.mail.ru
  
• smotri.com
  
• 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
  
• файлы WebM, OGV и MP4 через HTML5 <video>
  
• soundcloud.com — ссылка на страницу трека и ссылка из кода встраивания
  
• z-music.org (z-mc.ru) — ссылка на трек и ссылка из кода встраивания (появляются при клике по кнопке «поделиться» у трека)
  
• prostopleer.ru — ссылка на трек и ссылки из кода встраивания (новый и старый вариант)
  
• video.yandex.ru — только ссылка из кода встраивания на аудио
  
• yapfiles.ru — только ссылка из кода встраивания на аудио
  

Подготовка к установке

Для возможности добавления новых 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 [media]</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 [media]</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». Готово!

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

По умолчанию js-скрипт с базой поддерживаемых сервисов для всех BBCode загружается напрямую с нашего сервера. У этого подхода есть преимущество — для всех форумов используется общая копия js-скрипта в кэше браузера пользователей. Однако, это делает вас в какой-то мере зависимыми от нас. Если вы хотите, чтобы js-скрипт bbmedia загружался с вашего сервера, воспользуйтесь bbmedia.php, который можно скачать на страничке проекта.

[VEG]

Для ссылок с расширениями WAV, MP3, OGG, OGA, AAC и M4A теперь вставляется тег HTML5 <audio>. Если браузер поддерживает заданный формат — будет проигрываться. Рекомендую использовать Ogg Vorbis — его поддерживают все современные браузера, а Internet Explorer поддерживает его после установки кодека.

[VEG]

Добавлена поддержка dailymotion.com. Поддерживается как адрес страницы, так и адрес из кода встраивания. Пример:

Код Выделить Развернуть

[media]http://www.dailymotion.com/video/xs1m29_lightpaint-ru-freezelight-workshop-7-07-12_creation[/media]
Также появилась поддержка сервиса own3d.tv. Примеры поддерживаемых URL:

Код Выделить Развернуть

[media]http://www.own3d.tv/SKGaming/live/2721[/media]
[media]http://www.own3d.tv/live/2721[/media]
[media]http://own3d.tv/l/2721[/media]
[media]http://www.own3d.tv/SKGaming/video/733083[/media]
[media]http://own3d.tv/v/733083[/media]
[media]http://www.own3d.tv/stream/733083[/media]

[r2017]

Custom BBCode предназначен только для 1.1, так? А что делать владельцам 2.0?(

[VEG]

Дайте пример любого BBCode с форматом вида [tag=param]value[/tag] для 2.0 — его будет очень просто адаптировать. Данный BBCode просто адаптируется под любые движки.

[misheles]

У меня версия форума 1.1.16 пытаюсь установить аудио плеер ни как не получается,и потом в админке форума я не нашел Свойства и параметры, если можете указать в какой нише форума эти параметры «Общие настройки», «Конфигурация», «Настройка модов», «Custom BBCode»

[VEG]

Вы должны сперва установить Custom BBCode (ссылка в первом сообщении). Вы его установили?

[misheles]

Вы должны сперва установить Custom BBCode (ссылка в первом сообщении). Вы его установили?

Да.

[misheles]

Что дальше? А в ответ тишина

[Bugo]

А русификацию для Custom BBCode вы установили? Если нет, переключите форум на английский и ищите вкладку с настройками мода в админке.

[VEG]

К сожалению, почему Custom BBCode не сработал я не знаю. Попробуйте вариант от Bugo.

Несколько новостей касательно bbmedia:

1. z-music.org переехал на muzebra.com. Добавлена поддержка нового хоста этого сервиса.

Код Выделить Развернуть

[audio]http://muzebra.com/l/cnfydooylwp/[/audio]

2. Формат ссылок на rutube.ru изменился. Поддержку нового формата только что добавил. Но, к сожалению, они убрали возможность использовать адрес страницы — теперь поддерижвается только адрес из кода встраивания.

3. Появилась поддержка сервиса hulu.com (популярен в Америке). Поддерживаются только ссылки из кода встраивания. Пример:

Код Выделить Развернуть

[media]http://www.hulu.com/embed/uVao9STITX1gbRokBfv03Q/0/76[/media]

Если кто-то желает получить данный BBCode в SMF 2 — при небольшом вашем содействии перенести его на новую версию будет несложно. Нужен только пример любого другого BBCode с опцией для новой версии.

[Bugo]

А можно ссылку на архив с bbmedia.php?

[VEG]

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

По умолчанию js-скрипт с базой поддерживаемых сервисов для всех BBCode загружается напрямую с нашего сервера. У этого подхода есть преимущество — для всех форумов используется общая копия js-скрипта в кэше браузера пользователей. Однако, это делает вас в какой-то мере зависимыми от нас. Если вы хотите, чтобы js-скрипт bbmedia загружался с вашего сервера, воспользуйтесь bbmedia.php. Данный PHP-скрипт автоматически возьмёт самую свежую версию bbmedia.js, сохранит копию в каталоге вашего форума, после чего будет отдавать её браузеру ваших пользователей, проверяя не чаще раза в сутки наличие обновлений, что не создаст какой-либо ощутимой нагрузки на ваш сервер. Даже при недоступности phpbbex.com этот скрипт будет просто отдавать сохранённую на вашем сервере копию.

Для установки bbmedia.php просто скачайте bbmedia.php.zip и извлеките содержимое архива в кореневую директорию вашего форума. Проверьте, чтобы на подкаталог cache были права на запись (если его нет — создайте). Далее для всех BBCode из серии bbmedia ([audio], [video], [media]) зайдите в редактирование и в поле «Замена HTML» замените подстроку «http://phpbbex.com/api/bbmedia.js» на путь к вашему файлу bbmedia.php. Лучше всего указывать путь от слэша! Например, если у вас форум имеет адрес вида «http://example.com/forum/», указывайте такой адрес: «/forum/bbmedia.php». Больше ничего менять не нужно.

Для принудительного обновления вашей копии js-скрипта необходимо просто запустить «bbmedia.php?update» (с параметром update). Если вы увидите OK — обновление успешно. Иначе вы увидите сообщение о типе ошибки.

http://phpbbex.com/api/bbmedia.php.zip

[misheles]

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

Для принудительного обновления вашей копии js-скрипта необходимо просто запустить «bbmedia.php?update» (с параметром update). Если вы увидите OK — обновление успешно. Иначе вы увидите сообщение о типе ошибки.

http://phpbbex.com/api/bbmedia.php.zip

обновился скрипт но результатов так я и не увидел,скорее всего к моей версии 1.1.16 эта модификация ([audio], [video], [media]) не подходит

[kak2z]

А может кто то (например многоуважаемый Буго) запилить этот скрипт как мод для СМФ2?))))))

[Bugo]

Да уже запилил и по ходу работы мне совсем не понравилось наличие неубираемой (если убрать, тег не будет работать) ссылки http://vrublevsky.org/bbmedia/smf/media/ в теле тега — на simplemachines.org вряд ли такое одобрят. Да и сам код сообщений становится невалидным из-за атрибута data-url у div (пока SMF ещё не перешел на HTML5).

[r2017]

Теперь надеемся, что кто-нибудь расшифрует JS и выпилит оттуда проверку.)

[VEG]

обновился скрипт но результатов так я и не увидел,скорее всего к моей версии 1.1.16 эта модификация ([audio], [video], [media]) не подходит

Помимо извлечения bbmedia.php вы должны через Custom BBCodes добавить новый BBCode. Вы это сделали? Как выглядит результат на вашем форуме? Если выдаётся какая-то ошибка, поделитесь ссылкой на сообщение с такой ошибкой — я посмотрю в чём дело.

Да уже запилил и по ходу работы мне совсем не понравилось наличие неубираемой (если убрать, тег не будет работать) ссылки http://vrublevsky.org/bbmedia/smf/media/ в теле тега — на simplemachines.org вряд ли такое одобрят.

Ссылка исчезает при загрузке видео и совершенно не мешает пользователям.

Да и сам код сообщений становится невалидным из-за атрибута data-url у div (пока SMF ещё не перешел на HTML5).

В SMF используется доктайп:

Код Выделить Развернуть

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Однако скрипт отдаёт Content-Type:

Код Выделить Развернуть

Content-Type : text/html; charset=windows-1251
С таким Content-Type все эти «XTHML» (именно в кавычках) страницы обрабатываются как обычный HTML5. Для примера возьмите, например, эту страницу, сохраните её исходный код (именно исходный код, а не через файл » сохранить как) в файл с расширением *.xhtml. Я увидел привычную картину:

Я ещё не видел ни одного XHTML сайта, который бы работал в настоящем режиме XHTML Так что не парьтесь и смело используйте фишки HTML5, смена доктайпа для этого не обязательна. Все браузера это отлично понимают.

Теперь надеемся, что кто-нибудь расшифрует JS и выпилит оттуда проверку.)

Ох, как некрасиво.

P.S. Не вижу как на этом форуме влиять на «карму». У меня ещё нет прав для этого?

[r2017]

Ссылка исчезает при загрузке видео и совершенно не мешает пользователям.

Но не форумовладельцам.)

[VEG]

Но не форумовладельцам.)

И как она вам мешает? bbmedia испоьзуется на большом количестве форумов. Всего несколько форумовладельцев изъявило желание избавиться от ссылки, и это осуществимо (читайте страничку bbmedia).

smf-[media].zip

Вы не могли бы в этом архиве подключить js файл с сервера phpbbex либо организовать подключение скрипта через bbmedia.php с автоматическим обновлением? Скрипт регулярно обновляется, с мая этого года вышла 21 версия — вручную регулярно обновлять скрипт не так удобно.

[r2017]

И как она вам мешает?

Вам рассказать чем мешают внешние ссылки?)

Всего несколько форумовладельцев изъявило желание избавиться от ссылки, и это осуществимо (читайте страничку bbmedia).

Где, где же эта страничка? Я мечтаю поделиться с Вами нажитыми непосильным трудом рублями.

[Bugo]

Ссылка исчезает при загрузке видео и совершенно не мешает пользователям.

Интересно, зачем тогда придумано платное отключение этой ссылки?

[VEG]

Интересно, зачем тогда придумано платное отключение этой ссылки?

В случае, если кто-то занимается продажей внешних ссылок со своего форума, наличие других внешних ссылок в коде страницы нежелательно. Иначе она погоды не делает.
Есть один случай, когда ссылка не удаляется и пользователь её увидит — это ошибка при вводе неподдерживаемого URL:

Если пользователь по ней кликнет, то увидит справку по данному BBCode со списком поддерживаемых сервисов. Кто-то тоже может пожелать убрать эту ссылку, хоть и появляется она нечасто и несёт полезную функцию.

Где, где же эта страничка? Я мечтаю поделиться с Вами нажитыми непосильным трудом рублями.

Не понимаю причин вашего сарказма.

[r2017]

Не понимаю причин вашего сарказма.

Никакого сарказма, лишь ирония над беспокойством за ссылку. Мне нравится Ваша конструкция больше, чем Aeva, но наличие ссылки около каждого вставленного медиа-объекта неприемлемо. А она ведь там есть, просто скрыта. Расскажите на каких условиях её можно ликвидировать.

[Bugo]

Расскажите на каких условиях её можно ликвидировать.

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

Источник: http://phpbbex.com/forum/viewtopic.php?f=4&t=32

[VEG]

Теперь на youtube.com поддерживается временная метка, причём во всех возможных вариантах:

Код Выделить Развернуть

http://www.youtube.com/watch?feature=player_detailpage&v=Vw2d4M3isJ4#t=448s
http://www.youtube.com/embed/Vw2d4M3isJ4?start=448

[VEG]

Добавлена поддержка сервиса ustream.tv. Поддерживается как адрес страницы, так и адрес из кода встраивания. Варианты поддерживаемых ссылок:

Код Выделить Развернуть

http://www.ustream.tv/recorded/24512027
http://www.ustream.tv/embed/recorded/24512027
http://www.ustream.tv/channel/6540154
http://www.ustream.tv/embed/6540154
http://www.ustream.tv/recorded/25906299
http://www.ustream.tv/embed/recorded/25906299?v=3&wmode=direct
http://www.ustream.tv/channel/11857029
http://www.ustream.tv/embed/11857029?v=3&wmode=direct
Пример видео (насчёт посадки марсохода Curiosity):
[media]http://www.ustream.tv/recorded/24512027[/media]

[kak2z]

Спасибо большое... я пока не пользуюсь Вашим скриптом, пока пользуюсь Аевой, но очень приятно видеть когда продукт развивается..

[VEG]

Добавилась поддержка сервиса promodj.com. Поддерживаются ссылки на страницу трека, из кода встраивания и ссылка скачивания трека.

Код Выделить Развернуть

[media]http://promodj.com/bobina/remixes/3700151/Naughty_Boy_feat_Emeli_Sande_Wonder_Bobina_Remix[/media]
[media]http://promodj.com/bobina/tracks/3340611/Bobina_feat_Vintazh_Na_Na_Na_Extended_Club_Mix[/media]

[VEG]

Ранее при попытке увеличения панорамы на antispamndar.com при помощи скролла мыши прокручивалась также вся страница, что было неудобным. Сейчас эта проблема решена, причём изменение организовано таким образом, чтобы его можно было легко применить и к другим встраиваемым объектам, которые по-своему обрабатывают скролл. Если вы заметите похожую проблему с обработкой скролла на каких-то сервисах — сообщайте, поправим.

[BuxarNET]

как поставить ваш код на 2,0,3, Custom BBCode туда не ставится

[gorbi]

Присоединяюсь к вопросу.

[VEG]

Bugo чуть выше выложил мод для второй версии.

[BuxarNET]

только из инструкции "добавить BBCode" у меня такого нет
не нашел еще нормального редактора BBCode что бы можно было бы что-то править

[Bugo]

Вам готовый мод предлагают, так зачем инструкция?

[BuxarNET]

Может еще какой мод есть похожий?

У меня мое видео не катит

Имею код:

Код Выделить Развернуть

<script language="javascript" src="http://sharksplayer2.ru/index.php?userid=7100&width=600&code=utf-8&name=НАЗВАНИЕ ФИЛЬМА"></script>

Соответственно сам код не катит, пробовал ссылку http://sharksplayer2.ru/index.php?userid=7100&width=600&code=utf-8&name=НАЗВАНИЕ ФИЛЬМА без ява скрипта, тоже не работает.
Мне видимо мод нужен для вставки якаскрита

[remingtone]

потому что это ПЛЕЕР, а не ВИДЕО

"Плейер для фильмов. Для использования плейера необходимо подключать его через javascript"

[BuxarNET]

потому что это ПЛЕЕР, а не ВИДЕО

"Плейер для фильмов. Для использования плейера необходимо подключать его через javascript"

Но видимо разрешать javascript всем не очень опасно, начнут вирусы и другую хрень весить.

[Dian]

Для версии SMF 2.0.2 есть такой мод ? И где можно его скачать.
Заранее спасибо.

[кролик]

Тоже хотели поставить такой мод, но для версии 2.0.4. Можно платную версию. Если будут предложения, пишите.

[lev78]

Тоже хотели поставить такой мод, но для версии 2.0.4. Можно платную версию. Если будут предложения, пишите.

Custom BBCode версия 2.00 ставиться, просто надо вручную прописать.
А всё остальное выполняется по инструкции выше.
Помните одно, что Custom BBCode сделан был для SMF 1.1.1, 1.1.2

[kak2z]

Тоже хотели поставить такой мод, но для версии 2.0.4. Можно платную версию. Если будут предложения, пишите.

там выше буго делал версию для второй версии

[Dragon_1]

Ну я тоже не понял как все ето зафигачить на 2.0.4. Несколько раз писали ставьте то что Bugo сделал, вот я и поставил. Появилась новая кнопка, нажал - появился таг [media][/media] вставил ссылку с youtube и вот результат:



что я не так делаю?

[VEG]

Судя по всему не запустился почему-то js. Посмотрите консоль ошибок JS в браузере.

[Dragon_1]

Судя по всему не запустился почему-то js. Посмотрите консоль ошибок JS в браузере.

Ну незнаю, вроде нашол ету консоль, там вот такие красные строки....

[VEG]

Эти ошибки вызваны не BB [media], но судя по всему из-за них он и не запускается. Разбирайтесь, что это за ошибки в jsscroller. По идее после их исправления должно всё заработать.

[Dragon_1]

Поменял тему на дефолтную и все заработало. А как быть с моей темой?

[VEG]

Как я писал, нужно исправить эти ошибки. BB [media] не может запуститься корректно, если на странице есть ошибки JavaScript.

[Dragon_1]

Понял. А если я с етим справлюсь, вы можете доделать чтоб работало с етим сервисом: http://vbox7.com/

[sader90]

vimeo ролики поддерживает, а при попытке вставки видео youtube пишет что не поддерживает

п.с. ставил aeva media/lite (при установке последующей удалял предыдущую), видео вообще не выставлялись. в какой тег их нужно добавлять?