phpBB [video] — универсальный видео-bbcode для phpBB и phpBBex

Board index phpBBex 1.x Мастерская

Description: Только готовые решения! Статьи, заметки, моды и другие полезности для phpBBex 1.x и phpBB 3.0.x.
Moderator: Поддержка

Post #1by VEG » 01.05.2012, 16:53

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

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

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

Пользователь копирует адрес страницы интересующего ролика и вставляет его между [video][/video]:
Code: Select all
[video]http://vimeo.com/40558553[/video]
или (с указанием размеров):
Code: Select all
[video=640,360]http://vimeo.com/40558553[/video]

В сообщении это отобразится следующим образом:
phpBB [video]


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

На данный момент поддерживаются видеосервисы:
  • youtube.com (youtu.be) — плейлисты также поддерживаются
  • vimeo.com
  • rutube.ru — только адрес из кода встраивания
  • vk.com (vkontakte.ru) — только адрес из кода встраивания
  • ok.ru
  • facebook.com
  • video.mail.ru
  • smotri.com
  • dailymotion.com
  • ustream.tv — поддерживаются и записи, и трансляции
  • twitch.tv — поддерживаются и записи, и трансляции
  • video.qip.ru
  • 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
  • ign.com
  • ted.com
  • vine.co
  • coub.com
  • pinkbike.com
  • mpora.com
  • archive.org
  • файлы WebM, OGV и MP4 через HTML5 <video>

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

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

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

Установка [video] (с фиксированным размером)

1. Админка, вкладка «Сообщения», страничка «BBCodes», добавить BBCode (если уже есть [video] — редактировать).
2. В поле «Использование BBCode» введите:
Code: Select all
[video]{URL}[/video]
3. В поле «Замена HTML» введите (вторая версия кода, изменять можно только высоту и ширину блока!):
Code: Select all
<div class='bbvideo' data-url='{URL}' style='width: 640px; height: 390px; margin: 2px 0; display: inline-block; background: #000; color: #fff; overflow: hidden; vertical-align: bottom;'><div style='height: 100%;'><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><div style='text-align: right; height: 14px; margin-top: -14px; padding-right: 2px; font: 10px/10px Verdana; color: #555;'><a style='color: #105289; text-decoration: none;' href='http://phpbbex.com/' target='_blank'>phpBB</a> &#91;video&#93;</div></div>
4. В поле «Подсказка» введите:
Code: Select all
Вставить видео: [video]http://youtube.com/url[/video]
5. Установите галочку «Показывать на странице ответа» и сохраните форму. Готово!

Установка [video=ширина,высота] (в дополнение к предыдущему)

1. Админка, вкладка «Сообщения», страничка «BBCodes», добавить BBCode (если уже есть [video=] — редактировать).
2. В поле «Использование BBCode» введите:
Code: Select all
[video={NUMBER1},{NUMBER2}]{URL}[/video]
3. В поле «Замена HTML» введите (вторая версия кода, вводить без изменений!):
Code: Select all
<div class='bbvideo' data-url='{URL}' style='width: {NUMBER1}px; height: {NUMBER2}px; margin: 2px 0; display: inline-block; background: #000; color: #fff; overflow: hidden; vertical-align: bottom;'><div style='height: 100%;'><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><div style='text-align: right; height: 14px; margin-top: -14px; padding-right: 2px; font: 10px/10px Verdana; color: #555;'><a style='color: #105289; text-decoration: none;' href='http://phpbbex.com/' target='_blank'>phpBB</a> &#91;video&#93;</div></div>
4. В поле «Подсказка» введите:
Code: Select all
Вставить видео: [video=ширина,высота]http://youtube.com/url[/video]
5. Сохраните форму. Готово!

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

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

Не работает?

Отображается стандартная заглушка с надписью phpBB [media] и ничего не происходит
Скорее всего на странице есть какая-то ошибка JavaScript, что прекращает выполнение всех скриптов. Включите консоль разработчика и посмотрите что за ошибка. Если у вас на странице используется jQuery, попробуйте обновить версию на более свежую (1.7 и более новую).

Выдаёт ошибку «Неправильный BBCode»
Проблема в том, что вы изменили предлагаемый код либо это сделала за вас какая-то модификация. Попробуйте по очереди убирать модификации, которые влияют на вывод сообщений и обработку BBCode.

Независимо от предлагаемого URL сообщает, что он не поддерживается
Проблема в том, что ваш форум (например, автоцензор) либо какая-то модификация вмешивается в передаваемые URL. Проверьте настройки автоцензора (чтобы в нём не было частей вставляемого URL) либо установленные модификации для обработки ссылок в сообщениях.

При использовании ссылки на файл с моего сервера ничего не проигрывается
Причины может быть две: либо ваш сервер отдаёт некорректный Content-Type, либо данный формат не поддерживается вашим браузером.
Для того, чтобы ваш сервер Apache отдавал корректный Content-Type, добавьте в .htaccess файл в корне вашего сайта (этот код уже есть в phpBBex):
Code: Select all
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
Учтите, что Firefox и Opera не поддерживают формат MP4. Зато Firefox, Opera, Chrome и IE (через кодек) поддерживают формат WebM.

phpBB [video] на других ресурсах

Обсуждение phpBB [video] на phpbbguru.net
Обсуждение phpBB [video] на bb3x.ru
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 30
Location: Минск, Беларусь
Reputation: 1574
With us: 5 years 7 months


Post #21by СК-ИФ » 06.05.2012, 15:23

VEG wrote:код автоматически обновляется
Это как? Обновляется у меня в адм. панели?
СК-ИФ M
Бывалый
Avatar
Age: 51
Location: КМВ, Россия
Reputation: 5
With us: 5 years 7 months

Post #22by VEG » 06.05.2012, 21:48

СК-ИФ, нет. База новых сервисов стягивается автоматически с phpbbex.com. Скоро нужно будет немножко обновить код в админке для поддержки [audio]. Уже почти готово.

Добавлено спустя 36 минут 1 секунду:
Сразу несколько новостей:
1. Добавилась поддержка сервиса tvigle.ru:
Code: Select all
[video]http://www.tvigle.ru/category/music/1971?video=664473[/video]
2. Сейчас поддерживаются плейлисты на youtube.com:
Code: Select all
[video]http://www.youtube.com/playlist?list=PLD0BDAC9A22E1669C[/video]
3. ВНИМАНИЕ! Вставляемый в админку код BBCode немножко изменился для корректной работы с bbcode [audio] (скоро появится). Его нужно вручную обновить в админке (заменить старый код на код из первого сообщения). Старый код (даже если не будете использовать [audio]) тоже будет работать, но всё равно лучше его обновить.

Добавлено спустя 35 минут 12 секунд:
Ещё насчёт поля «Подсказка». Хотелось бы сделать его более информативным.
Code: Select all
Вставить видео: [video]http://youtube.com/vimeo.com/rutube.ru/vk.com/smotri.com/и др.[/video]
Как смотрите на такой вариант?
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 30
Location: Минск, Беларусь
Reputation: 1574
With us: 5 years 7 months

Post #23by JoteRuso » 07.05.2012, 02:03

Code: Select all
[video]http://www.tvigle.ru/category/music/1971?video=664473[/video]

phpBB [video]


Вот и у меня то же самое.... :sad:
JoteRuso M
Гуру
Avatar
Location: Москва, Россия
Reputation: 535
With us: 5 years 7 months

Post #24by VEG » 07.05.2012, 08:06

Извиняюсь, ошибся. Этот сервис тоже с оригинальными ссылками, поэтому поддерживается только ссылка из кода встраивания. Что-то сам перепутал :)
Code: Select all
[video]http://photo.tvigle.ru/resource/rf/swf/7b/13/e0/7c237a86f73622dc4131c81fde.swf[/video]
Пример:
phpBB [video]


Добавлено спустя 21 минуту 13 секунд:
Вообще если руки дойдут, я хотел бы ещё сделать диалог вставки, куда можно будет просто скопировать весь код встраивания, и оно автоматически найдёт нужную ссылку и вставит её между bbcode [video].
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 30
Location: Минск, Беларусь
Reputation: 1574
With us: 5 years 7 months

Post #25by СК-ИФ » 07.05.2012, 15:58

VEG wrote:ВНИМАНИЕ! Вставляемый в админку код BBCode немножко изменился для корректной работы с bbcode [audio] (скоро появится). Его нужно вручную обновить в админке (заменить старый код на код из первого сообщения). Старый код (даже если не будете использовать [audio]) тоже будет работать, но всё равно лучше его обновить.
Хорошо бы чтобы было две отдельные кнопки, для видео и для аудио. Но не принципиально, можно и на одной сделать.

Добавлено спустя 2 минуты 45 секунд:
VEG wrote:Как смотрите на такой вариант?
Я так и сделал.

Добавлено спустя 2 минуты 9 секунд:
VEG wrote:СК-ИФ, нет. База новых сервисов стягивается автоматически с phpbbex.com.
Т.е., как только я зашёл в админпанель, сразу отправляется запрос и что-то там без моего участия шебуршится?
СК-ИФ M
Бывалый
Avatar
Age: 51
Location: КМВ, Россия
Reputation: 5
With us: 5 years 7 months

Post #26by VEG » 07.05.2012, 17:12

СК-ИФ wrote:Хорошо бы чтобы было две отдельные кнопки, для видео и для аудио. Но не принципиально, можно и на одной сделать.
Так и будет две. Просто если не обновить код [video], то при использовании [audio] работать перестанет. А обновлённый вариант будет и так и так.

Добавлено спустя 16 часов 25 минут 53 секунды:
Ещё парочка новостей.
1. Реализована поддержка video.bigmir.net — десятый по счёту сервис! Поддерживается как адрес страницы, так и адрес из кода встраивания.
Code: Select all
[video]http://video.bigmir.net/show/224455/[/video]
Если видео не отображается — проверьте, нет ли запрещающего правила на домен bigmir.net в вашем AdBlock.
2. Как вы уже заметили, появился аудио-bbcode для форума.
В будущем планируется ещё один bbcode — [media]. Он будет предназначен для вставки видео и аудио одним общим кодом.
Есть ещё идея четвёртого оригинального bbcode, но пока что он останется в секрете :)
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 30
Location: Минск, Беларусь
Reputation: 1574
With us: 5 years 7 months

Post #27by t330 » 08.05.2012, 12:04

Добрый день.
А на этот вопрос дадите ответ?
http://www.phpbbguru.net/community/topic36630-15.html?hilit=video#p362833
не я один страдаю:)
t330
Новичок
Reputation: 0
With us: 5 years 7 months

Post #28by VEG » 08.05.2012, 12:06

t330, К сожалению, по видео я не могу определить причину появления ошибки. Нужен живой пример.
Вы устанавливали вторую версию кода? Попробуйте удалить старый код и вставить новый. После вставьте во временное сообщение любое видео. Если не будет работать — скиньте мне ссылку. Я быстренько посмотрю, а потом сообщение можно будет удалить.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 30
Location: Минск, Беларусь
Reputation: 1574
With us: 5 years 7 months

Post #29by t330 » 08.05.2012, 15:09

Заработало, спасибо:)
t330
Новичок
Reputation: 0
With us: 5 years 7 months

Post #30by VEG » 08.05.2012, 15:37

t330, напишите об этом на phpbbguru, а то выглядит, будто ваша проблема не решена :)
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 30
Location: Минск, Беларусь
Reputation: 1574
With us: 5 years 7 months

Post #31by unk04 » 08.05.2012, 15:41

А видео с мейла тоже вроде собираетесь поддерживать? :smile:
unk04 M
Новичок
Avatar
Reputation: 3
With us: 5 years 7 months

Post #32by VEG » 08.05.2012, 15:54

unk04, да, скоро будет анонс. Правда вставить можно будет только те видео, где есть кнопка «Опубликовать» (например, вот). Лицензируемое видео у них запрещено встраивать. Обойти, конечно, можно попробовать. Но такие видео думаю долго не поработают — скорее всего они борются с умниками.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 30
Location: Минск, Беларусь
Reputation: 1574
With us: 5 years 7 months

Post #33by VEG » 09.05.2012, 11:06

Очередная порция новостей. Надеюсь, кто-нибудь, да пользуется этим BBCode, а то в теме на phpbbguru я сам с собой общаюсь. Админы скоро забанят :)
1. video.mail.ru, как и обещал, теперь поддерживается. Можно встраивать только пользовательские видео (на страничках которых есть кнопка «Опубликовать»). Остальное видео они не разрешают встраивать. Поддерживается как ссылка страницы, так и ссылка из кода встраивания. Пример:
Code: Select all
[video]http://video.mail.ru/mail/smolenskaya_nat/28/36.html?newbest_from_main=1[/video]
2. vision.rambler.ru не работает с того самого момента, как я его добавил в список. Похоже, что проект уже не очухается. Скорее всего придётся удалить его из списка, ибо поддерживать там нечего.
3. Хотелось бы опубликовать этот BBCode на phpbb.com, поэтому если кто-то в теме, что в мире популярно кроме youtube.com, поделитесь информацией. Ну и приветствуется помощь по переводу на английский и другие языки.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 30
Location: Минск, Беларусь
Reputation: 1574
With us: 5 years 7 months

Post #34by Carica » 09.05.2012, 22:08

ВКонтакте - не знаю в чем дело, но видео появляется через одно.
phpBB [video]

Code: Select all
[video]http://vk.com/video_ext.php?oid=-25329571&id=159401321&hash=bdb9c5dc70a9e804&sd[/video]
phpBB [video]

Code: Select all
[video]http://vk.com/video_ext.php?oid=2195931&id=70263738&hash=d63633492a3f0afd&sd[/video]
Carica F
Новичок
Avatar
Reputation: 12
With us: 5 years 7 months

Post #35by rogalsky » 09.05.2012, 22:10

не все видео с vk.com показывается. вот источик видео http://vk.com/videos-36485305?z=video-36485305_162628096/club36485305
в результате
phpBB [video]
rogalsky M
Новичок
Age: 35
Location: Украина, Запорожье
Reputation: 2
With us: 5 years 7 months

Post #36by VEG » 09.05.2012, 23:56

Carica, rogalsky, спасибо за сообщение об ошибке. Исправлено. Если всё ещё не работает, нужно несколько раз нажать Ctrl+F5 или очистить кэш в браузере.
С Днём Победы! :)
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 30
Location: Минск, Беларусь
Reputation: 1574
With us: 5 years 7 months

Post #37by Carica » 10.05.2012, 06:07

VEG,
Code: Select all
[video]http://vkontakte.ru/video_ext.php?oid=2195931&amp;id=15334025&amp;hash=a16d0509f48a5ba5&amp;sd[/video]
phpBB [video]


А то, что выше хорошо показывается ))
Carica F
Новичок
Avatar
Reputation: 12
With us: 5 years 7 months

Post #38by VEG » 10.05.2012, 09:24

Carica, добавил поддержку &amp; вместо & для всех ссылок.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 30
Location: Минск, Беларусь
Reputation: 1574
With us: 5 years 7 months

Post #39by Carica » 10.05.2012, 14:18

Спасибо!
Carica F
Новичок
Avatar
Reputation: 12
With us: 5 years 7 months

Post #40by VEG » 11.05.2012, 16:11

Итого новости за сутки:
1. Поддержка video.online.ua: адрес страницы и адрес из кода встраивания:
Code: Select all
[video]http://video.online.ua/67922/[/video]
2. Как видно выше, исправлены проблемы с некоторыми видео vk.com (видео из групп и видео с &amp; вместо &) — благодаря багрепортам пользователей Carica и rogalsky.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 30
Location: Минск, Беларусь
Reputation: 1574
With us: 5 years 7 months

PreviousNext

Return to Мастерская



Who is online (over the past 10 minutes)

Users browsing this forum: 1 guest