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

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

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

Post #1by VEG » 07.05.2012, 18:02

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

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

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

Пользователь копирует адрес композиции и вставляет его между [audio][/audio]:
Code: Select all
[audio]http://pleer.com/tracks/4796774kBZr[/audio]

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


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

На данный момент поддерживаются:
  • soundcloud.com — ссылка на страницу трека и ссылка из кода встраивания
  • promodj.com — ссылка на страницу трека, ссылка на скачивание и ссылка из кода встраивания
  • pleer.com (prostopleer.com) — ссылка на трек или плейлист и ссылки из кода встраивания (новый и старый вариант)
  • music.yandex.ru — ссылка на страницу с треком (только для тех треков, что поддерживают это)
  • video.yandex.ru — только ссылка из кода встраивания на аудио
  • yapfiles.ru — только ссылка из кода встраивания на аудио
  • файлы WAV, MP3, OGG, OGA, AAC и M4A через HTML5 <audio>

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

Установка [audio]

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

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

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

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

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


Post #21by VEG » 17.07.2012, 14:28

Для ссылок с расширениями WAV, MP3, OGG, OGA, AAC и M4A вставляется тег HTML5 <audio>. Если браузер поддерживает заданный формат — будет проигрываться. Рекомендую использовать Ogg Vorbis — его поддерживают все современные браузера, а Internet Explorer поддерживает его после установки кодека.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1608
With us: 4 yaers 11 months

Post #22by ANDREY » 28.07.2012, 12:56

НА Z- MUSIC GBITN ТРЭК НЕ НАЙДЕН
ANDREY
Гость

Post #23by VEG » 28.07.2012, 13:08

ANDREY, видимо какой-то не очень популярный исполнитель. Вы можете загрузить сами его треки на prostopleer.com и встроить оттуда.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1608
With us: 4 yaers 11 months

Post #24by Andrey » 28.07.2012, 14:11

Спасибо за ответ.
Трэк Зуки природы На сайте z-music он воспроизводится и ссылку дает но плэйер на форуме пишет трэк не найден и так со всеми композициями с сайта
с http://soundcloud.com/ все работает и проблем нет
Andrey
Гость

Post #25by VEG » 28.07.2012, 14:37

Andrey, с такими проблемами я не сталкивался. Приветиде пример ссылки на z-music, что вы пробовали вставлять в [audio].
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1608
With us: 4 yaers 11 months

Post #26by VEG » 14.09.2012, 14:22

z-music.org переехал на muzebra.com. Добавлена поддержка нового хоста этого сервиса.
Code: Select all
[audio]http://muzebra.com/l/cnfydooylwp/[/audio]
phpBB [audio]
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1608
With us: 4 yaers 11 months

Post #27by Алексей » 06.10.2012, 23:01

Code: Select all
[audio]http://krolikovmp3.net/play/2012/08/urjLWfH4sU0yowEm15-wzg/1349638742/f08fa859376789f642c83e9b79b10207.mp3[/audio]
Что-то ссылка c krolikovmp3.net в Firefox и Opera не проигрывается, в IE и Chrome - всё нормально:
phpBB [audio]
Алексей M
Бывалый
Avatar
Age: 37
Reputation: 19
With us: 4 yaers 6 months

Post #28by VEG » 07.10.2012, 00:33

Алексей, Firefox и Opera не поддерживают mp3 и mp4/aac из-за патентных ограничений. Зато они поддерживают Ogg. А Ogg Vorbis не поддерживает IE, потому что это свободный формат :) Для того, чтобы работало везде и через HTML5, нужно указать сразу два файла в форматах ogg и mp3 через точку с запятой:
Code: Select all
[media]http://vrublevsky.org/habr/sndexp/fortuna.ogg;http://vrublevsky.org/habr/sndexp/fortuna_320x10.mp3[/media]
Эта возможность только что появилась и ещё тестируется. Вот плеер, вставленный таким образом:
phpBB [media]

Должно работать во всех браузерах. Если у вас не работает, очистите кэш браузера и попробуйте ещё раз.
В будущем планируется реализовать поддержку mp3 и mp4 для Firefox и Opera, а Ogg Vorbis для IE через флэш. На данный момент подбирается оптимальное решение.

Добавлено спустя 27 минут 26 секунд:
Сразу скажу, что возможность экспериментальная! Рассматриваются следующие варианты разделителей: «;», «,» и « » (пробел). Если вам какой-то больше всего нравится, просьба отписаться. Через день-два зафиксируем эту возможность и тогда её можно будет смело использовать.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1608
With us: 4 yaers 11 months

Post #29by VEG » 19.11.2012, 23:27

Добавилась поддержка сервиса promodj.com. Поддерживаются ссылки на страницу трека, из кода встраивания и ссылка скачивания трека.
Code: Select all
[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]
phpBB [media]

phpBB [media]
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1608
With us: 4 yaers 11 months

Post #30by VEG » 28.11.2012, 00:19

Планирую использовать MediaElement.js для кроссбраузерного проигрывания MP3 и AAC. Но хотелось бы также и поддержку Ogg Vorbis, тем более, что автор начал работу над этим, но забросил. Если у вас есть Twitter, просьба поддержать мою просьбу касательно Ogg Vorbis, вот Twitter автора.
Обещаю: как только автор встроит поддержку Ogg Vorbis, я сразу реализую поддержку этого плеера в phpBB [audio] :)
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1608
With us: 4 yaers 11 months

Post #31by VEG » 04.12.2012, 01:40

Для сервиса soundcloud.com теперь поддерживаются плейлисты.
Code: Select all
[media]http://soundcloud.com/jes/sets/jes-songs/[/media]
phpBB [media]
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1608
With us: 4 yaers 11 months

Post #32by angst66 » 21.12.2012, 11:38

Не работает аудио (музырба)
angst66
Бывалый
Reputation: 13
With us: 4 yaers 6 months

Post #33by VEG » 21.12.2012, 13:09

angst66, ага, muzebra.com в последнее время плохо работает. Что-то совсем качество у них упало.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1608
With us: 4 yaers 11 months

Post #34by Нью » 21.12.2012, 16:24

Я что-то не пойму, а зачем "аудио", если у нас уже есть "медиа"? Или "аудио" лучше еще отдельно поставить?
Нью
Новичок
Reputation: 3
With us: 4 yaers 3 months

Post #35by VEG » 22.12.2012, 02:12

Нью, media включает audio и video. audio и video отдельно доступны для тех, кому media кажется слишком навороченным.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1608
With us: 4 yaers 11 months

Post #36by Нью » 22.12.2012, 11:39

VEG wrote:audio и video отдельно доступны для тех, кому media кажется слишком навороченным.

уууу))))))понял :)
Нью
Новичок
Reputation: 3
With us: 4 yaers 3 months

Post #37by angst66 » 23.12.2012, 14:28

Я опять насчет muzebra.com. Что то не то с ним. На форуме плеера не активны, если нажать на редактирование и пройти по ссылке на muzebra.com, то плеер активируется и появляется название композиции и можно слушать. Но приходится проходить по каждой ссылке чтобы оживить каждую композицию. А через какое то время опять все неактивно, как например сейчас в первом топике(((
Дело в том что у меня на форуме на этом аудио сервисе держалось несколько тем....
angst66
Бывалый
Reputation: 13
With us: 4 yaers 6 months

Post #38by Girl » 05.02.2013, 15:01

VEG wrote:Алексей, Firefox и Opera не поддерживают mp3 и mp4/aac из-за патентных ограничений. Зато они поддерживают Ogg. А Ogg Vorbis не поддерживает IE, потому что это свободный формат :) Для того, чтобы работало везде и через HTML5, нужно указать сразу два файла в форматах ogg и mp3 через точку с запятой:Код: Выделить всё
phpBB [media]
Эта возможность только что появилась и ещё тестируется. Вот плеер, вставленный таким образом:OGG, MP3Должно работать во всех браузерах. Если у вас не работает, очистите кэш браузера и попробуйте ещё раз.В будущем планируется реализовать поддержку mp3 и mp4 для Firefox и Opera, а Ogg Vorbis для IE через флэш. На данный момент подбирается оптимальное решение.

Veg, куда можно загрузить этот формат .ogg ??? ЯП и Яндекс не поддерживают , тот что у Вас на примере (через ";" ) -там премиум аккаунт нужно создавать...Куда залить можно? в Опере мп3 не проигрывает...
Girl
Мастер
Avatar
Reputation: 20
With us: 4 yaers 5 months

Post #39by VEG » 05.02.2013, 15:18

Girl, заливайте на Яндекс.Видео и встраивайте их плеер — проблем не будет. BB [media] поддерживает встраивание музыки с Яндекс.Видео.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1608
With us: 4 yaers 11 months

Post #40by Girl » 05.02.2013, 22:14

VEG wrote:Girl, заливайте на Яндекс.Видео и встраивайте их плеер — проблем не будет. BB [media] поддерживает встраивание музыки с Яндекс.Видео.
Code: Select all
[media]http://video.yandex.ru/iframe/mdyug/4n18jxy0rl.7008/[/media]
phpBB [media]

но тогда плеер какой-то большой получается :eh:
Girl
Мастер
Avatar
Reputation: 20
With us: 4 yaers 5 months

PreviousNext

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

Quick reply


Enter the code exactly as it appears. All letters are case insensitive.
Confirmation code
:hi: :smile: :wink: :twisted: :sad: :evil: :smoke: :eh: :eek: :fie: :silenced: :razz: :oops: :help: :spy: :insane: :biggrin: :toothless: :ill: :nervious: :weirdface: :pray: :clap: :think: :boxing: :cyclop: :rambo: :zombie: :cry: View more smilies

   

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



Who is online (over the past 10 minutes)

Users browsing this forum: 1 guest