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

Список разделов phpBBex 1.x (поддерживается) Мастерская 1.x

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

Сообщение #1 VEG » 01.05.2012, 16:53

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

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

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

Пользователь копирует адрес страницы интересующего ролика и вставляет его между [video][/video]:
Код: Выделить всё
[video]http://vimeo.com/40558553[/video]
или (с указанием размеров):
Код: Выделить всё
[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
  • dailymotion.com
  • video.sibnet.ru
  • yapfiles.ru — только адрес из кода встраивания BBCode (для видео и музыки)
  • ign.com
  • ted.com
  • vine.co
  • coub.com
  • pinkbike.com
  • archive.org
  • файлы WebM, OGV и MP4 через HTML5 <video>

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

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

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

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

1. Админка, вкладка «Сообщения», страничка «BBCodes», добавить BBCode (если уже есть [video] — редактировать).
2. В поле «Использование BBCode» введите:
Код: Выделить всё
[video]{URL}[/video]
3. В поле «Замена HTML» введите (вторая версия кода, изменять можно только высоту и ширину блока!):
Код: Выделить всё
<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 = '//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='//phpbbex.com/' target='_blank'>phpBB</a> &#91;video&#93;</div></div>
4. В поле «Подсказка» введите:
Код: Выделить всё
Вставить видео: [video]http://youtube.com/url[/video]
5. Установите галочку «Показывать на странице ответа» и сохраните форму. Готово!

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

1. Админка, вкладка «Сообщения», страничка «BBCodes», добавить BBCode (если уже есть [video=] — редактировать).
2. В поле «Использование BBCode» введите:
Код: Выделить всё
[video={NUMBER1},{NUMBER2}]{URL}[/video]
3. В поле «Замена HTML» введите (вторая версия кода, вводить без изменений!):
Код: Выделить всё
<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 = '//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='//phpbbex.com/' target='_blank'>phpBB</a> &#91;video&#93;</div></div>
4. В поле «Подсказка» введите:
Код: Выделить всё
Вставить видео: [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):
Код: Выделить всё
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
Рекомендуем использовать формат WebM. IE также поддерживает WebM при установке соответствующего кодека.

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

Обсуждение phpBB [video] на phpbbguru.net
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #2 JoteRuso » 01.05.2012, 22:49

Спасибо! Уже внедрил. Всё работает отлично :smile:
JoteRuso M
Аватара
Откуда: Москва, Россия
Репутация: 541
С нами: 11 лет 10 месяцев

Сообщение #3 VEG » 01.05.2012, 22:54

Поддержку каких ещё сервисов нужно добавить в первую очередь по вашему мнению?
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #4 JoteRuso » 02.05.2012, 00:00

VEG:Поддержку каких ещё сервисов нужно добавить в первую очередь по вашему мнению?
Лично мне этих трёх сервисов вполне достаточно, а вот пользователи хотели бы иметь возможность вставлять видео с "ВКонтакте", "Видео Mail.ru" и "Яндекс Видео".
Впрочем, от себя могу добавить лишь пожелание поддержки набирающего популярность видео онлайн - ivi.ru :smile:

А вообще - чем больше сервисов, тем лучше. :smile:
JoteRuso M
Аватара
Откуда: Москва, Россия
Репутация: 541
С нами: 11 лет 10 месяцев

Сообщение #5 VEG » 02.05.2012, 00:07

JoteRuso, не нашёл на ivi.ru код встраивания. Возможно, он не поддерживает такую возможность. Остальные сервисы скоро появятся.
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #6 JoteRuso » 02.05.2012, 01:15

VEG:JoteRuso, не нашёл на ivi.ru код встраивания. Возможно, он не поддерживает такую возможность.
Может быть, это как-то поможет? :smile:

Код: Выделить всё
[ivi]http://www.ivi.ru/video/view/?id={IDENTIFIER}[/ivi]

Код: Выделить всё
<noindex><object id="DigitalaccessVideoPlayer" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="800" height="600"><param name="movie" value="http://www.ivi.ru/video/player?videoId={IDENTIFIER}&_isB2C=1" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="bgcolor" value="#000000" /><param name="wmode" value="opaque" /><embed src="http://www.ivi.ru/video/player?videoId={IDENTIFIER}&_isB2C=1" quality="high" allowscriptaccess="always" allowfullscreen="true" wmode="opaque" width="800" height="600" type="application/x-shockwave-flash"></embed></object></noindex>

Нашёл в инете )))
JoteRuso M
Аватара
Откуда: Москва, Россия
Репутация: 541
С нами: 11 лет 10 месяцев

Сообщение #7 Heroin » 02.05.2012, 07:09

отлично. подождем vk
Heroin M
Аватара
Откуда: syzran
Репутация: 39
С нами: 11 лет 10 месяцев

Сообщение #8 СК-ИФ » 02.05.2012, 15:47

Да, так действительно, проще. Не нужно чистить адрес. Благодарю. Теперь в форме ответа у меня две кнопки, Ю-тюб и Видео. Некоторые ролики я вставил с помощью первой кнопки. Если я теперь удалю этот бб-код, не удалятся ли ролики из тем? Или всё же не стоит, т.к. есть некоторые различия во вставляемом коде?
Хотя, подумал, что можно просто отключить кнопку.
СК-ИФ M
Аватара
Откуда: КМВ, Россия
Репутация: 5
С нами: 11 лет 10 месяцев

Сообщение #9 VEG » 02.05.2012, 16:21

СК-ИФ, вы можете удалить старый BBCode, а всюду где он использовался заменить его на новый вручную.
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #10 JoteRuso » 02.05.2012, 16:40

VEG:всюду где он использовался заменить его на новый вручную.
А разве это возможно, если старый бб-код использовал лишь ID видео? Как догадаться, какая ссылка была использована на ютубе? У них же там форматы ссылок разные бывают и ID видео мог находиться как в середине, так и в конце ссылки.

Я сделал иначе.
Старый бб-код оставил.
Но просто убрал отображение его кнопки (снял галочку в Админке, в настройках бб-кода).
Теперь над полем ответа лишь кнопка "video" - вот пусть отныне только ею и пользуются :)
JoteRuso M
Аватара
Откуда: Москва, Россия
Репутация: 541
С нами: 11 лет 10 месяцев

Сообщение #11 VEG » 02.05.2012, 19:11

Добавил поддержку vk.com. Нажмите Ctrl+F5 на странице, чтобы плеер появился.
К сожалению, можно использовать только URL из кода встраивания (Поделиться » Получить код видео » Содержимое атрибута src). Это особенность vk.com, которую на данный момент не обойти. Пример кода:
Код: Выделить всё
[video]http://vk.com/video_ext.php?oid=4625479&id=160200680&hash=a94ac58bd13d92c6&hd=1[/video]
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #12 JoteRuso » 02.05.2012, 20:03

VEG:Нажмите Ctrl+F5 на странице, чтобы плеер появился.
Заработало с 5 или 6 раза )))
Но сейчас всё показывает стабильно. Спасибо!
JoteRuso M
Аватара
Откуда: Москва, Россия
Репутация: 541
С нами: 11 лет 10 месяцев

Сообщение #13 VEG » 03.05.2012, 00:02

JoteRuso:Заработало с 5 или 6 раза )))
В Опере нет комбинации Ctrl+F5. Там спасает именно обновление подряд несколько раз или очистка кэша. Ну или само по себе с какой-то задержкой.

Добавлено спустя 11 минут 18 секунд:
JoteRuso:А разве это возможно, если старый бб-код использовал лишь ID видео? Как догадаться, какая ссылка была использована на ютубе? У них же там форматы ссылок разные бывают и ID видео мог находиться как в середине, так и в конце ссылки.
Всё просто. Перед кодом подставляете http://www.youtube.com/watch?v= и все дела.
То есть было:
Код: Выделить всё
[youtube]abc123[/youtube]
Стало:
Код: Выделить всё
[video]http://www.youtube.com/watch?v=abc123[/video]
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #14 JoteRuso » 04.05.2012, 12:04

VEG:Всё просто. Перед кодом подставляете http://www.youtube.com/watch?v= и все дела.
Действительно - всё работает. Спасибо )))
JoteRuso M
Аватара
Откуда: Москва, Россия
Репутация: 541
С нами: 11 лет 10 месяцев

Сообщение #15 VEG » 04.05.2012, 14:57

Появилась поддержка сервиса smotri.com. Поддерживается как ссылка из адреса страницы, так и ссылка из кода встраивания.
Пример кода для вставки в сообщение:
Код: Выделить всё
[video]http://smotri.com/video/view/?id=v2099271100d#[/video]
Если у вас сразу не появилось, нажмите Ctrl+F5 для обновления скрипта в кэше браузера (или несколько раз F5 для Opera).
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #16 СК-ИФ » 04.05.2012, 17:22

Можно ли нарисовать кнопку для отображения аудиоплэйера Яндекса? Аналогично кнопке видео. Т.е., чтобы не грузить мр3-файлы на сервер, а выводить их из поиска музыки Яндекса на его же плэйер. Или какого-либо другого такого же сервиса.
СК-ИФ M
Аватара
Откуда: КМВ, Россия
Репутация: 5
С нами: 11 лет 10 месяцев

Сообщение #17 VEG » 04.05.2012, 18:22

СК-ИФ, я подумаю как это лучше сделать.

Добавлено спустя 1 час 24 минуты:
Добавил поддержку video.yandex.ru. Из-за особенностей этого сервиса поддерживается только адрес из кода встраивания. Пример:
Код: Выделить всё
[video]http://video.yandex.ru/iframe/vrubleg/tnxt4a0q15.3514/[/video]
phpBB [video]
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #18 СК-ИФ » 04.05.2012, 20:11

VEG:Добавил поддержку video.yandex.ru
За видео спасибо, но нужно аудио
А что значит добавил поддержку? В коде ведь ничего менять не надо?
СК-ИФ M
Аватара
Откуда: КМВ, Россия
Репутация: 5
С нами: 11 лет 10 месяцев

Сообщение #19 VEG » 04.05.2012, 20:37

СК-ИФ, код автоматически обновляется. Насчёт аудио — позже.

Добавлено спустя 2 минуты 5 секунд:
JoteRuso:[ivi]http://www.ivi.ru/video/view/?id={IDENTIFIER}[/ivi]
Таких ссылок больше на сайте нет, там все ссылки вида http://www.ivi.ru/watch/89687

Добавлено спустя 14 часов 9 минут 45 секунд:
Ух, что-то я разошёлся :) Сегодня добавил сразу два веб-сервиса: video.qip.ru и video.google.com. Оба поддерживают как адрес страницы, так и ссылку встраивания.
Код: Выделить всё
[video]http://video.google.com/videoplay?docid=-5800298929344656449&hl=en#docid=6102659666173344182[/video]
Код: Выделить всё
[video]http://video.qip.ru/video/view/?id=v209400651fb&from=qip[/video]
Для сервисов, которые не поддерживаются в виде адреса страницы видео, планируется встроить небольшую справку (в текст ошибки) по правильной вставке BBCode.
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #20 JoteRuso » 05.05.2012, 11:57

VEG:Ух, что-то я разошёлся :)
Да Вы просто МОНСТР! В хорошем смысле, конечно :smile:

VEG:Таких ссылок больше на сайте нет, там все ссылки вида http://www.ivi.ru/watch/89687
Ну... Значит, не судьба )))
JoteRuso M
Аватара
Откуда: Москва, Россия
Репутация: 541
С нами: 11 лет 10 месяцев

След.

Вернуться в Мастерская 1.x



cron