Listen! — новый облачный плеер для Google Chrome с поддержкой ВКонтакте и LastFM

    Я люблю слушать музыку и узнавать новых исполнителей. Так получилось, что музыку я слушаю целиком альбомами, а про новых исполнителей узнаю через FunkySouls и LastFM. Некоторое время я слушал музыку через Prostopleer и Muzebra, пока ими можно было пользоваться. А еще я уже один раз делал приложение для ВКонтакте и неплохо поработал с их API. В общем я решил сделать небольшой мэшап и кажется получилось круто.

    Listen! — это новое приложение для Google Chrome, в котором можно слушать и искать музыку ВКонтакте, сохранять ее в облако Google Drive для прослушивания без интернета и даже скачивать ее на компьютер (sic!). А с помощью базы данных от LastFM можно знакомиться с альбомами целиком, а также похожими исполнителями.

    исполнитель

    песни с альбома
    список альбомов

    А что внутри?


    К слову о самом приложении — это новое packaged app со своими ограничениями и фичами. Например оно не добавляет ссылки на скачивание музыки в браузере (строго говоря окно приложения вообще не имеет возможности общаться с браузером), имеет некоторые ограничения при авторизации ВКонтакте (вам придется ввести свой логин и пароль заново, даже если вы авторизованы в браузере) и прочее-прочее.

    С другой стороны это классический мэшап технологий поиска музыки ВКонтакте, LastFM и Google, и поэтому можно слушать музыку бесконечно, открывая для себя все новые и новые группы. А благодаря сумасшедшему поиску в приложении ценители прекрасного смогут искать свою любимую музыку сразу по жанрам:

    сумасшедший поиск

    Немного об облаке Google Drive


    Listen! позволяет сохранять музыку из ВКонтакте в облако Google Drive и проигрывать её оттуда. Все это работает при условии, что вы авторизованы в Chrome. После сохранения песни в облако она станет доступна локально на всех ваших компьютерах с Chrome. Для распознавания исполнителей и названия песен используется ID3v1 тэги в mp3-файлах. Вы можете использовать эту фичу, чтобы хотя бы на время сохранить вашу музыку от рук злобных копирастов.

    Зачем?


    После долгой и изнурительной работы над VK Offline, о которой я писал ранее, казалось бы было самое время остановиться и наконец заняться чем-то своим. Но к сожалению, что бы я ни начинал делать в последнее время, выходило новое приложение для Chrome. С другой стороны я давно хотел посмотреть на API LastFM и заодно поработать с музыкой в javascript. Вот так и получилось Listen!

    В ближайших планах стоит улучшение работы поиска (меня не устраивает список альбомов у группы NRKTK), скробблинг треков на LastFM (фап), а также возможность скачать альбом целиком или купить его в iTunes / Google Play. Остальные планы можно посмотреть на github.

    Устанавливайте Listen! из Chrome Web Store.



    P.S.: Если этот пост читают ребята из маркетинга Google Russia, то посылаю вам лучи поноса за то, что вы уже 2 года говорите про Chrome in-app payments в России, а воз и ныне там.

    Similar posts

    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More
    Ads

    Comments 125

      +3
      Круто! Переключение песен по хоткеям можно сделать? Ну и выбор друзей и их плей-листов?
        +3
        Хоткеи сделаю.
          +2
          Причем желательно глобальные (если это возможно в данном случае) и настраиваемые :)
            0
            Придется подождать глобальных хоткеев :( пруф
            +1
            Было бы круто замеппить стандартные клавиши mac os x (F7, F8, F9)
              +3
              Плеера из Вконтакте с поддержкой медиа кнопок не хватает уже очень долго. Это будет киллер фичей :)
            +1
            Мои благодарности автору! Заметил маленькую багу — иногда (пока не выяснил когда именно) при клике по альбому, поисковая строка заполняется не «исполнитель — альбом», а "-"
              +1
              C лучами осторожнее, вы нечаянно в меня попали.
                +6
                Вы тогда перенаправьте куда следует, ну невозможно же столько времени слушать обещания.
                0
                Не ставится
                  +3
                  Минимальная поддерживаемая версия 29, пересоберите хромиум.
                    +1
                    Может указать тогда в статье или в описании самого расширения?
                      +4
                      Так ведь в названии поста написано, что приложение для Google Chrome, а не для Chromium / Амиго / %another_chromium_build% :)
                        0
                        А чем отличается Chrome от Chromium в контексте Apps?
                        Скрытый текст
                        Да, я знаю про Flash-плагин, PDF-плагин, автоапдейт, crash-репорты, RLZ-параметры и бренд Google.
                          0
                          + некоторые Chrome-специфичные API могут отсутствовать (синхронизация с GDrive например)
                  0
                  Обязательно нужна функция «поиск похожего» как вконтакте или iTunes Radio.
                    +1
                    Сейчас при просмотре исполнителя показываются похожие исполнители из базы LastFM. Вы имеете в виду что-то другое?
                      0
                      Да, я имел ввиду поиск похожего по определенной песне.
                        +1
                        Понял, добавил в вишлист. Подумаю как можно визуально сделать понятней.
                    +1
                    Простите, где доступ к настройкам, дабы указать там lastfm профиль?
                      +1
                      Ох, стыдно, но пока нигде — это под номером 0 в ближайших планах.
                        0
                        Это хорошо) Скажите, приложение сможет обновиться автоматически?
                          +1
                          Приложения в Chrome автоматически обновляются же, или нет?
                            +1
                            Все верно
                      +4
                      Отлично! Для пользователей chromebook хорошее решение
                        0
                        Печаль
                        «Не удается установить пакет: «UTILITY_PROCESS_CRASHED_WHILE_TRYING_TO_INSTALL»»
                        Версия 30.0.1599.66 beta
                        Linux 64
                        Не знаю точно проблема хрома или расширения, но тем не менее. Раньше такого при установке расширений не встречал.
                          +1
                          Классно! А при прослушивании через VK, там отображается, что пользователь online?
                            +1
                            OS X 10.8.5 Chrome Версия 30.0.1599.69 — не работает регулятор громкости.
                              0
                              Та же беда была. После перезапуска приложения заработало. Хотя и реагировало как-то не сразу
                                0
                                Я как настоящий хардкорщик выкрутил ручки направо до конца и наверное забыл протестировать. Исправлю.
                              0
                              Так же нет кнопки добавить в избранное (как бы плейлист нужен).
                                +2
                                Два пожелания сразу появились:
                                1) Кнопка «назад», когда находишься на страничке альбома, чтобы можно было вернуться к выбору альбома.
                                2) Отображение прогресса воспроизведения текущего трека.

                                  0
                                  Назад — придумаю. ПРогресс же есть — он и в шапке (голубая полоска), и на самом треке (фон)
                                    0
                                    На самом треке нашёл прогресс, а вот в шапке, хоть убейте, не вижу.
                                    habrastorage.org/storage3/85c/ef0/b6d/85cef0b6d13fb51ec6a1f6f36b21fb0a.jpg
                                    И еще проблема с сильными глюками Google Chrome при запущенном приложении. Ось Win8 x64 Chrome 30.0.1599.69 m
                                      0
                                      Эх, не вошло в сборку. Попробуете обновить апп принудительно из списка установленных расширений? Должно помочь.
                                        +1
                                        Спасибо!) Помогло. Теперь все работает отлично.
                                  0
                                  Уже недели две как использую. Спасибо!
                                    0
                                    Приложение классное, спасибо! Но почему нигде не отображается название текущего трека/исполнителя?
                                      0
                                      Manifest failed и не устанавливается(
                                        0
                                        а, нормально, хром не обновился :)
                                        0
                                        Всё круто, но есть пару замечаний, конструктивных :)

                                        — Скорее всего проблема всё таки у меня, не разобрался пока, но громкость из плеера не регулируется, хром 30.0.1.599
                                        — нет плейлиста, так же как нет возиможности добавить песню в альбом вконтакте
                                        — с альбомами не сильно понял… они по порядку выхода, выстраиваются или другому критерию?
                                          0
                                          Подтверждаю. Тоже «громкость из плеера не регулируется» Версия 32.0.1659.2 dev-m Aura
                                            0
                                            Альбомы — это боль. Ластфм отдает их как считает нужным, притом без даты релиза. А чтобы отсортировать, надо их все получить. То есть для той же Металлики отсортировать альбомы по дате релиза — это примерно 50 запросов к API, что я конечно делать не стал. В общем пока это какой-то тупик. Громкость поправлю.
                                              0
                                              Ясно, ну это не критично), просто не мог сопаставить дату выхода альбома), а возможность из плеера добавлять вконтактские альбомы не предвидится ?) Или поддержка плейлистов? Просто у меня вконтакте больше 700 песен, по альбомам, вот прям только это мешает на ваш плеер полностью переехать :)
                                                0
                                                Про плейлисты — предвидится. А вот с альбомами я кажется не знаю просто что это — можете пример дать?
                                                  0
                                                  Ну альбом = плейлист, просто в терминах вконтакта :)
                                            0
                                            Добавил несколько треков в Google Drive, потом перешел к списку песен в облаке, назад на список аудиозаписей можно перейти только нажатием на кнопку поиска с пустым запросом?
                                              0
                                              Пока да, но баг завели.
                                              +1
                                              Поправил 3 бага, с которыми было больше всего вопросов:

                                              1. перемотка — в шапке голубая полоска
                                              2. очередь воспроизведения — теперь сохраняется при поиске
                                              3. громкость — должна работать

                                              В WebStore уже есть (2.4), обновляйтесь!
                                                +1
                                                Можно ли добавить интеграцию с внешними источниками? API который бы позволял управлять воспроизведением (play/pause/next) и через который можно было бы получать информацию про текущий трек

                                                Спасибо за такой плеер!
                                                  +1
                                                  В принципе конечно можно, но встраивать в приложение, которое уже работает с API ВК, LastFM и Chrome, еще и собственное API…

                                                  image
                                                    0
                                                    Не факт, что речь шла про апи, доступное по http. У хромовских расширений нет, случаем, возможности общаться с внешним миром через D-Bus?
                                                      0
                                                      У расширений нет, а вот приложения (в том числе это) чего только не могут, например могут входящие соединения по UDP/TCP обрабатывать. Вопрос — зачем?
                                                        0
                                                        Например для того, чтобы прикрутить управление плеером мультимедийными кнопками. Или вывести название текущего трека на экран на клавиатуре. Или постепенно менять текущий плейлист в зависимости от погоды или количества тикетов в багтрекере. Был бы API, а уж применение найдется.
                                                          0
                                                          > менять текущий плейлист в зависимости от погоды или количества тикетов в багтрекере
                                                          Это очень круто, моя голова до такого бы никогда не додумалась (про тикеты). Я прямо вижу это — жестокий маткор при зашкаливающем количестве опенов в джире (с добавками скримо при джире в состоянии read-only), и спокойный флегматичный лаунж при всех тикетах в resolved. Ох!

                                                          Я обещаю подумать, но все-таки не в первую очередь.
                                                            +1
                                                            моя голова до такого бы никогда не додумалась (про тикеты)

                                                            Ну если в играх и фильмах музыка меняется сообразно ситуации, то почему бы и в жизни такое не сделать? =)
                                                  0
                                                  Отличный пример для изучения как оказалось новой для меня возможности Google Chrome!
                                                  Буду жадно изучать ваш код и разбираться что и как используется вами в API Google Chrome, Drive, VK, LastFM =)
                                                  Спасибо!
                                                  P.S. Сижу слушаю через вашу приложение. Жду lastFm скробблинг =) как это седлать есть вот здесь github.com/buger/chromus/blob/master/javascript/scrobbler.js
                                                    0
                                                    github.com/buger/chromus/blob/master/javascript/scrobbler.js#L36 — странно, почему не responseXML?
                                                    код простенький :) я все хочу туда вкорячить Custom Elements из Web Components, и тогда он заиграет новыми красками.
                                                      0
                                                      я не знаю =) Так как то что я добавлял в это приложение с этим не связано.
                                                    0
                                                    Круто! Спасибо. Пару замечаний. Нельзя включить рандом и повтор одновременно.
                                                    Нет года выхода альбома что лично для меня важно.
                                                      0
                                                      Ну а как это — повторять трек и одновременно рандом?
                                                      Насчет года релиза — будет, очень-очень скоро.
                                                        0
                                                        Понял. Я думал то не повторение трека одного а списка. Привык из плееров.
                                                      0
                                                      Было бы не плохо показывать при наведении на иконку «Скачать файл» его битрейт.
                                                        0
                                                        А это легально? =)
                                                          +1
                                                          использовать API вполне :)
                                                          +1
                                                          Может, я говорю глупость — но VK не закроет вам свой API за то, что вы даете возможность скачивать треки?

                                                          Мне казалось, с этим столкнулся разработчик подобного мэшапа Seesu (онлайн-версия, группа VK).

                                                          Ха, смотрю, и в Контакте приложение не открывается, и только что его Гугл удалил из Chrome Web Store.

                                                          Страшитесь :)
                                                          Хорошая ваша штука, играю.
                                                            0
                                                            Глупость какая — есть десятки расширений в вебсторе, которые позволяют скачивать музыку (ну это их главное назначение), да и userscript там банальнейший для вывода кнопочки для скачивания. Не закрывать же всем из-за этого доступ, тем более через API.
                                                          • UFO just landed and posted this here
                                                              +3
                                                              А как вы справляетесь с тем, что под одним названием композиции вк может выдать от версии с другого альбома (что не супер критично) до какого-нибудь ремикса, который вообще может не очень напоминать оригинал?
                                                              +3
                                                              а можно без логина на vk?
                                                              как бэ нет у меня и не будет, да и не надо…
                                                                +7
                                                                Как же вы так? Давайте срочно исправлять это недоразумение! Я с радостью с вами подружусь и накидаю вам смищных картинок на стенку!
                                                                  –2
                                                                  нее… втопку.
                                                                  Поищу «мицЫната»-донора.
                                                                  видал я эти социалки «У гробу и у белых тапках» ©
                                                                +1
                                                                Есть проблема с поиском, почините, пожалуйста.
                                                                И спасибо за приложение, наконец то, кто-то сделал годный интерфейс к VK.
                                                                  0
                                                                  А нельзя добавлять песни в Google Play?
                                                                    0
                                                                    Пока никак. Но если будет API, почему бы и нет.
                                                                    +1
                                                                    Скажите пожалуйста, а почему это реализовано как плагин для Хрома, а не как вебсайт?
                                                                      0
                                                                      Есть простоплеер, музебра и еще десятки сайтов-клонов. Мне нравятся приложения (хотя бы из-за призрачной возможности монетизации)
                                                                      +1
                                                                      Добавьте название композиции, играющей в текущий момент.
                                                                        0
                                                                        Установил, выглядит неплохо, можно слушать музыку на маке не заходя в браузер. Одного не могу понять, после того как я сохранил песни в гугл-драйв, как мне их оттуда слушать. Попытался на айфоне, но клиент гугл-драйва не отображает список нужных програм через которые я могу открыть сохраненый трек. Получается что нужно его качать. В мобильном браузере хром та же проблема.
                                                                          0
                                                                          Ну что тут поделать, там вобще обычный mp3
                                                                          +2
                                                                          В общем нашел один способ:

                                                                          Если кому интересно, то можно на афоне слушать музыку прямо с гугл-драйва (не качая её на телефон) используя аппликацию — itunes.apple.com/app/cloudbeats-lite-music-player/id681144772?mt=8.

                                                                          Т.е в принципе, при помощи программы Listen сохранить нужную музыку в гугл-драйв, а потом стримить прям с него в айфоне.

                                                                          Фактически, благодаря Listen, я сохранил себе за 5 минут весь плейлист из ВК, и теперь можно его слушать онлайн в айфоне.

                                                                          Спасибо огромное автору!
                                                                            0
                                                                            ого вот это кейс :) клево!
                                                                            0
                                                                            установил — тестим.
                                                                              0
                                                                              а поддержка Яндекс браузера будет?
                                                                                –1
                                                                                Когда Я.Браузер будет собираться на основе m29, то будет поддержка.
                                                                                0
                                                                                Как выйти из аккаунта вконтакте?
                                                                                  0
                                                                                  Не понял, что надо сделать, чтобы отображались альбомы?
                                                                                    0
                                                                                    Кликнуть на исполнителя / Поискать его?
                                                                                      0
                                                                                      Видимо подборка попалась неудачная — три исполнителя подряд и ни у кого нет альбомов.
                                                                                      Хотя нет, у большинства их нет. Я так понимаю это от LastFM зависит?

                                                                                      Вот еще один баг: при попытке скролить список песен кликнув и потащив серый ползунок скроллера испытываю проблемы, т.к. при наведении на него курсор подходит к границе окна и трансформируется в стрелки для изменения размеров окна. (windows7x64, если что).

                                                                                      Ну и запрос на фичу: сделать кнопку «вверх» (для быстрого перехода к началу списка), т.к. скролить длинные списки неудобно. Можно выводить ее например на панель. Или сделать в верху страницы «прилипающее» меню, в котором среди прочего можно размещать ссылки для навигации по исполнителям (например кнопку вернуться к предыдущему и т.п.).

                                                                                      Спасибо за приложение. Обычно я не люблю такие штуки, но ваше показалось удобным.
                                                                                    –1
                                                                                    Только сегодня размышлял о необходимости такого приложения. Решил, что как закончу текущие проекты — возьмусь. И, бац, через 20 минут ваша статья. :)

                                                                                    Респект за планы в issue tracker`е.
                                                                                      0
                                                                                      Я даже майлстоун поставил, если есть желание, забирайте что попроще :)
                                                                                      +1
                                                                                      Есть такое замечательное расширение: chrome.google.com/webstore/detail/lastfm-free-music-player/bbncpldmanoknoahidbgmkgobgmhnafh?hl=ru
                                                                                      добавляющее в интерфейс ласт фм кнопочки для проигрывания музыки отображаемой на станице, так же тягает музыку из контакта.
                                                                                      К сожалению приложение давно не обновляется, и иногда бывает работает не очень корректно.
                                                                                      Есть ли шанс прикрутить подобное поведение для вашего приложения? (не проблемы с приложением, а встраивание управляющих элементов на страницу)
                                                                                        0
                                                                                        Нет (приложения не общаются с браузером). Но скробблинг в ластфм будет.
                                                                                          0
                                                                                          А если добавить расширение (чтобы кнопки play добавляло на страницу last.fm), плюс protocol handler, указывающий на уже ваше приложение?
                                                                                            0
                                                                                            Вот очень хотелось бы какую-то связку, скрипт, апи, что-то передающее запрос со страницы в приложение.
                                                                                              0
                                                                                              Мне как разработчику Listen! это неинтересно — слушать музыку со скробблингом данных можно и в нем.
                                                                                                0
                                                                                                И тут мы снова приходим к тому, что неплохо бы иметь API. Поскольку мне, как пользователю lastfm-free-music-player, с одной стороны хотелось бы иметь запасной вариант на случай, если автор того расширения совсем забьет на его поддержку, но с другой стороны, ваши интерфейсные решения мне не близки.
                                                                                                  0
                                                                                                  Это же гитхаб — форкайте и делайте решение близкое вам :)
                                                                                                    0
                                                                                                    О, момент с гитхабом-то я и пропустил. Будем, будем посмотреть тогда.
                                                                                                      0
                                                                                                      Если будет какой-то результат — обязательно поделитесь с общественностью ;)
                                                                                                      Давно ищу какую-то альтернативу умирающему ласт-фм-плееру…
                                                                                                  0
                                                                                                  А возможно ли в таком случае сделать сортировку выдачи в соответствии с порядком выводимым на last.fm?
                                                                                                  Поясню: сейчас даже выбрав конкретного исполнителя (не альбом), мы получаем список всех найденных композиций — ремиксов, странных названий, и прочей требухи
                                                                                                  На ласт.ФМе же идет конкретный список композиций, в большинстве не повторяющийся, и уж точно без мусора, да еще и отсортированный по популярности (прослушивания).
                                                                                          0
                                                                                          Что-то не работает: Установка приложения отменена, т. к. оно не поддерживается на вашем компьютере
                                                                                          Windows 8 Pro Eng
                                                                                            0
                                                                                            Нужен chrome://version, можно в личку
                                                                                            0
                                                                                            Прошу прощения, если проморгал, но планируется ли (и есть ли возможность) поддержка мультимедиа-клавиш? Привык уже останавливать/запускать проигрывание музыки тыком на отдельную клавишу на клавиатуре.
                                                                                            0
                                                                                            Мне кажется, как для плеера, не хватает хотя бы отображения текущего трека, плейлистов, сворачивания в трей и «цепляния» к краям экрана.
                                                                                              0
                                                                                              Это все фичи не первой важности.
                                                                                              0
                                                                                              Вконтакте скоро забанит, как они это сделали с Tracksflow :)
                                                                                                0
                                                                                                Я рад, что вы беспокоитесь о судьбе моего приложения :) Думаю это все по делу и в ближайшей версии возможность скачивать треки будет отключена.
                                                                                                  0
                                                                                                  Хотя с другой стороны сами правила начинаются со слов «При размещении приложений на сайте ВКонтакте запрещается», а приложение на сайте как раз не работает, это обычное desktop-приложение.
                                                                                                    0
                                                                                                    tracksflow вообще ничего не размещали и даже не давали скачивать. а бан отхватили без особого объяснения причин :(
                                                                                                      0
                                                                                                      Использоваться чужие API в принципе опасно, по возможности надо этого избегать :)
                                                                                                  0
                                                                                                  выглядит здорово, сам уже было хотел такую делать :)
                                                                                                  есть вопросы: как программа ведёт себя если находит несколько треков с одинаковым названием? она проигрывает файл с лучшим битрейтом? Что будет если опять-таки у треков будет одинаковое название но разная длина? (т.е. случай разных релизов, каверов и т.д.)
                                                                                                    0
                                                                                                    Никак — играет все. Я не ставил задачу вычислять лучший трек по качеству.
                                                                                                    0
                                                                                                    На днях установил на chrome canary.
                                                                                                    Порадовался недолго. Сегодня только альбомы показывает и все… Ни одного трека. Переустановка не помогла.
                                                                                                    Version 32.0.1670.2 canary Aura
                                                                                                    W8 64 pro
                                                                                                      +1
                                                                                                      Чтобы не создавать отдельный пост, напишу комментом.
                                                                                                      Сегодня приложение обновится до третьей версии. Внутри почти все, о чем меня просили:

                                                                                                      • Страница настроек
                                                                                                      • Поддержка LastFM: скробблинг и «сейчас играет»
                                                                                                      • Навигация по приложению через кнопки вперед-назад
                                                                                                      • Самые прослушиваемые песни у исполнителя на его странице
                                                                                                      • Поддержка шорткатов при активном окне приложения. Пробел для проигрывания/остановки, кнопки вправо и влево для перехода к следующему и предыдущему треку, Enter для перехода в начало песни. Также поддерживаются мультимедийные клавиши на клавиатуре
                                                                                                      • Красивые всплывающие уведомления при переключении треков — доступно для пользователей Windows, MacOS и ChromeOS в настройках
                                                                                                      • Еще более точный поиск по исполнителям и альбомам с помощью новых API
                                                                                                      • Решена проблема с изменением уровня громкости звука
                                                                                                        0
                                                                                                        chrome.google.com/webstore/detail/listen/bggaejdaachpiaibkedeoadbglgdjpab?hl=ru — данная ссылка еще вчера работала, а сегодня уже нет. Автор, как получить плеер?

                                                                                                        Произошла ошибка:
                                                                                                        Элемент не найден. Возможно, автор удалил его.
                                                                                                          +1
                                                                                                          Привет. Автор с сегодняшнего утра ждет ответа от модераторов Chrome Web Store, который посчитали, что описание приложения не соответствует его содержимому. Я сперва конечно подумал, что приложение попало под раздачу (вчера же удаляли раширения, которые качали музыку из вконтакте), но нет, причина другая. Так что я пока ссылку оставлю, а завтра надеюсь будет и итог.
                                                                                                            0
                                                                                                            Ясно. Спасибо, будем надеяться всё разрешится.
                                                                                                              +1
                                                                                                              Все разрешилось, приложение разблокировали :)
                                                                                                                0
                                                                                                                Спасибо, отлично!
                                                                                                          0
                                                                                                          Ребята, я тут провожу конкурс ВКонтакте, чтобы популяризировать приложения под Хром и Listen! в частности: vk.com/listenapp?w=wall-14300_27
                                                                                                          Призы клевые (Jawbone Jambox, Beats Solo HD и еще колоночки) — сам хочу :)
                                                                                                          Если вы установили плеер, для участия достаточно просто сделать репост. Йоу!

                                                                                                          Only users with full accounts can post comments. Log in, please.