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: 29
Location: Минск, Беларусь
Reputation: 1573
With us: 5 years 4 months


Post #101by spol » 25.01.2013, 00:54

Здраствуйте, форум функцианирует в локалке без доступа в инет, поэтому поддержка инер ресурсов постольку поскольку, но вот если ввожу ссылки на видео с локальных серверов типа
Code: Select all
http://10.11.0.15/video/4117/Halo-3
или
http://video.wlan/view_video.php?viewkey=9546eb2d5cdbe569b4fd
или с
прямую ссылку на файл флв со своего сервера

то в любом из вариантов выдает
Code: Select all
Извините, этот URL не поддерживается
,
Посоветуйте чтонибудь...
spol
Гость

Post #102by prebbex » 25.01.2013, 11:11

а на адресах отдача контента настроена в принципе? или по типу зайди сюда, посмотри туда?
Совет 1. Подымите сервис по типу youtube.
Совет 2. Заменить браузеры на поддерживающие html5, файлы на WebM, OGV и MP4

Добавлено спустя 7 минут 15 секунд:
Если много места там, где стоит форум, включите вложения, разрешите видео и настройте привилегии, загружайте во вложения. Форум отдаст поток wma, wmv, swf, 3g2, 3gp, m4a, m4v, mov, mp4, qt, mp3, mpeg, mpg, ogg, ogm и без этого кода.
правильно заданный вопрос в себе содержит половину ответа
prebbex M
Бывалый
Location: интерда
Reputation: 12
With us: 4 yaers 7 months

Post #103by Lufa » 21.02.2013, 10:54

Пожалуйста, сделайте поддержку видео из http://www.twitch.tv/ .

Сайт для онлайн-стримов. Но все стримы потом доступны в виде видеороликов.

Интересует именно записаное видео (не онлайн-стрим).

Страница видео: http://www.twitch.tv/aces_tv/b/369636729

Код для вставки:
Code: Select all
<object bgcolor='#000000' data='http://www.twitch.tv/widgets/archive_embed_player.swf' height='378' id='clip_embed_player_flash' type='application/x-shockwave-flash' width='620'><param name='movie' value='http://www.twitch.tv/widgets/archive_embed_player.swf' /><param name='allowScriptAccess' value='always' /><param name='allowNetworking' value='all' /><param name='allowFullScreen' value='true' /><param name='flashvars' value='channel=aces_tv&start_volume=25&title=Aces%2BTV%25E2%2599%25A0%2B%257C%2BEinZelne%2B&archive_id=369636729&auto_play=false' /></object><br /><a href="http://www.twitch.tv/aces_tv" class="trk" style="padding:2px 0px 4px; display:block; width: 320px; font-weight:normal; font-size:10px; text-decoration:underline; text-align:center;">Watch live video from aces_tv on TwitchTV</a>

Спасибо!
Lufa
Гость

Post #104by VEG » 24.02.2013, 16:17

Lufa, добавил в список TODO. Если не будет проблем с реализацией — в одном из следующих обновлений добавлю.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1573
With us: 5 years 4 months

Post #105by VEG » 17.03.2013, 23:28

Добавлена поддержка сервиса twitch.tv. Поддерживаются ссылки на записи и на трансляции.
Примеры:
Code: Select all
[media]http://ru.twitch.tv/ageofempires[/media]
[media]http://ru.twitch.tv/ageofempires/b/378576769[/media]
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1573
With us: 5 years 4 months

Post #106by Next » 26.03.2013, 11:52

Здраствуйте выложил видео в корне сайта, прописал путь
http://xn--1-8sbji4aj.xn--p1ai/vid.mp4
но оно не воспроизводится, ошибка не поддерживаемый тип и формат ММЕ, что можно сделать?

Прямую ссылку на видео дать не могу, так как оно закрыто для общественного доступа.
Next
Гость

Post #107by VEG » 26.03.2013, 12:13

Next, в первом сообщении есть ответ на ваш вопрос.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1573
With us: 5 years 4 months

Post #108by Next » 26.03.2013, 12:34

Все сделал, как указано в теме, ошибка осталась, придется отказаться от использования видео на форуме.
Next
Гость

Post #109by VEG » 26.03.2013, 12:38

Next,
VEG wrote:либо данный формат не поддерживается вашим браузером
Если у вас Firefox или Opera — они не поддерживают MP4. Они поддерживают WebM вместе с Chrome.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1573
With us: 5 years 4 months

Post #110by Next » 26.03.2013, 12:46

Я использовал Avant браузер, под другие не вижу смысла делать.
Next
Гость

Post #111by VEG » 26.03.2013, 12:49

VEG wrote:Учтите, что Firefox и Opera не поддерживают форматы MP3, MP4 и AAC. Зато Firefox, Opera и Chrome поддерживают форматы Ogg Vorbis и WebM. IE также поддерживает WebM при установке соответствующего кодека.
Так что попробуйте WebM. В будущем планируется поддержка MP4 во всех браузерах через флэш, но пока что этого нет.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1573
With us: 5 years 4 months

Post #112by VEG » 02.04.2013, 19:36

В Firefox 20 на Windows 7 и выше добавлена поддержка H.264, AAC и MP3. Функция экспериментальная, для её включения нужно зайти в about:config, найти параметр media.windows-media-foundation.enabled и переключить его в значение true. Начиная с Firefox 21 эта опция скорее всего будет включена по умолчанию.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1573
With us: 5 years 4 months

Post #113by Sumanai » 02.04.2013, 19:45

VEG wrote:Windows 7 и выше

:fie:
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1581
With us: 4 yaers 6 months

Post #114by VEG » 02.04.2013, 20:03

Sumanai, это потому, что Windows 7 и выше имеют встроенные кодеки для этих форматов. Поскольку они запатентованы, Mozilla не может без нарушений встроить их декодеры в свой браузер. Поэтому и сделали через системные кодеки Windows Media Foundation.
Всё равно Windows XP — уходящая ОС. Её поддержка заканчивается через год. Со временем всё больше пользователей мигрирует на Windows 7 и выше.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1573
With us: 5 years 4 months

Post #115by Sumanai » 02.04.2013, 20:31

VEG wrote:Sumanai, это потому, что Windows 7 и выше имеют встроенные кодеки для этих форматов. Поскольку они запатентованы, Mozilla не может без нарушений встроить их декодеры в свой браузер. Поэтому и сделали через системные кодеки Windows Media Foundation.

То, что они у всех и каждого установлены, они конечно же не знают.

VEG wrote:Всё равно Windows XP — уходящая ОС. Её поддержка заканчивается через год.

Я решил- буду сидеть на 2003 х64 сервере до окончания его поддержки- 2016 год.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1581
With us: 4 yaers 6 months

Post #116by VEG » 02.04.2013, 20:49

Sumanai wrote:То, что они у всех и каждого установлены, они конечно же не знают.
Windows Media Foundation появился только в Windows Vista. В предыдущих версиях поддерживается только устаревший DirectShow. Это два совершенно разных и несовместимых друг с другом API.

Added after 1 minute 55 seconds:
Я сам долго не хотел переходить на Windows 7. Где-то полтора года назад смог заставить себя, ибо нашёл чудную утилиту для настройки таскбара: 7 Taskbar Tweaker. С её помощью можно сделать полную копию таскбара из Windows XP, и даже кнопку «Свернуть все окна» убрать :)
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1573
With us: 5 years 4 months

Post #117by Sumanai » 02.04.2013, 21:48

VEG wrote:Windows Media Foundation появился только в Windows Vista. В предыдущих версиях поддерживается только устаревший DirectShow. Это два совершенно разных и несовместимых друг с другом API.

Жаль что они вообще используют эти проприетарные подделки, созданные исключительно для DRM.

VEG wrote:Я сам долго не хотел переходить на Windows 7. Где-то полтора года назад смог заставить себя, ибо нашёл чудную утилиту для настройки таскбара: 7 Taskbar Tweaker. С её помощью можно сделать полную копию таскбара из Windows XP, и даже кнопку «Свернуть все окна» убрать :

Да этих утилит десяток придётся ставить. И лучше не становится. Всё это оседает в памяти, автозагрузке, и в итоге работает медленнее, чем напрямую в ХР.
Сразу скажу- ПК мощный.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1581
With us: 4 yaers 6 months

Post #118by automan » 18.08.2013, 09:58

Если на странице сильно много вставленных видео, например штук 40, то в фаерфоксе иногда начинаются тормаза, и он выкидавает алерт, остановить ли выполние джава скрипта, в хроме нимного притормаживает но открывает.
Кто то еще сталкивался?
automan
Бывалый
Reputation: 2
With us: 4 yaers 6 months

Post #119by VEG » 18.08.2013, 11:16

automan, столько видео на одной странице — это в любом случае очень плохая идея. Даже один видео-плеер неплохо нагружает браузер.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1573
With us: 5 years 4 months

Post #120by automan » 15.09.2013, 20:44

VEG wrote:Поддержку каких ещё сервисов нужно добавить в первую очередь по вашему мнению?
http://coub.com сейчас популярен добавьте его плиз
и еще TED было бы не плохо
automan
Бывалый
Reputation: 2
With us: 4 yaers 6 months

PreviousNext

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