Pull to refresh

Веборама анонсирует Inline Player

Reading time2 min
Views1K
После запуска пилотной версии Веборамы мы собрали достаточно информации, о том, что было бы полезно нашим пользователям. И я хотел бы начать анонсировать ключевые, на мой взгляд, нововведения.



Первое что мы попытались пересмотреть — это симбиоз текста и музыки. Сейчас для внедрения музыки в текст используются «виджеты», которые делаются на флэше. Но у виджетов есть проблема. Они, как правило, разрывают повествование, тем самым вынуждая оформлять песни как сноски. И это ни разу не вебдванольно. Ребята из Дизайн-бюро Артема Горбунова предложили концепцию плеера, которая решает эту проблему. В их видении любая ссылка на песню на вебораме, фактически является плеером. И ее можно послушать сразу-же, не уходя со строчки повествования. Будучи в какой-то мере программистами мы решили назвать эту концепцию «Inline Player».

Перед тем как продемонстрировать как это работает, я вынужден сделать небольшое лирическое отступление. Дело в том, что интеграция такого функционала требует поддержки со стороны сервера. Таким образом, чтобы ссылки превращались в проигрыватели необходимо подключить JavaScript к сайту. Естественно, далеко не каждая социальная сеть решится на такое.

Осознавая это, мы сделали еще один вариант скрипта. Этот вариант подключается через GreaseMonkey или как user script в Опере.

В общем качайте пользовательский скрипт с официального сайта и смотрите на результат:
В сборники вошли неизданные на альбомах песни, например Dancing In The Streets, My Friend Jack, а также многие удлиненные версии известных хитов с синглов.


Reference rendering:


Как вы сможете увидеть, скрипт адаптирует плеер к цветовой палитре, на которой расположен текст. Единственное, что выделяется — это кнопки управления. Сделано, специально, чтобы показать что переход по ссылке и проигрыванее — разные действия.

P.S. Если вам вдруг захотелось внедрить поддержку проигрывателя на уровне своего сервиса, то скачайте cерверную версию.

P.P.S. Опубликовал в Web-разработке, так как пока не нашел лучшего места. Буду рад совету, куда этот пост логичнее поместить.
Tags:
Hubs:
Total votes 62: ↑50 and ↓12+38
Comments26

Articles