Плеер для вк iphone: Плеер для ВКонтакте и Assassin’s Creed на iPhone: приложения дня

Содержание

Плеер вк для iphone оффлайн – Приложение на Айфон для музыки без интернета (Оффлайн): ВК, ОК

BK Player — музыка и фильмы Вконтакте для iPhone и iPad

Изначально автор этой статьи очень предвзято относился к социальной сети Вконтакте. Ну там, аудитория не та, что на facebook, спамеры, пираты и прочая нечисть. А со временем я пришел к заключению, что, напротив, сеть Вконтакте весьма удобна, только нужно научиться использовать ее для своих нужд.

Синхронизация с медиафайлами Вконтакте

Конечно, несомненный плюс вконтактика — это огромная база музыки и видео в этой соцсети. И еще тот факт, что практически все видеофайлы Вконтакте замечательно проигрываются на всех i-устройствах. BK Player для iPhone и iPad синхронизируется с вашим аккаунтом Вконтакте и показывает всю добавленную музыку и видео во вкладке «медиа». Чтобы запустить файл из этой вкладки требуется доступ к интернету.

Музыка и фильмы оффлайн на iPhone

Но есть возможность слушать музыку и смотреть видео и без интернета. Любой медиафайл можно скачать и добавить в оффлайн-плейлист, делается это в два касания экрана. Эти файлы будут доступны только на вашем iPhone или iPad, на компьютер их передать нельзя. Иначе бы приложение просто не допустили в App Store. Честно говоря, мне синхронизация с ноутбуком не нужна, в iPhone я добавил все свои любимые песни и использую его как плеер.

Apple TV и AirPlay

Можно выбрать качество видео. Доступна возможность проигрывать фильмы через Apple TV, а музыку — по AirPlay. И уже только за это стоит купить программу, это вам не Ex Plus. Файлы проигрываются и когда iPhone или iPad находятся в спящем режиме, расходуя минимум заряда.

Группы, друзья и другие настройки

Можно зайти на страницу к своим друзьям, или в группу, на которую вы подписаны. BK Player моментально просканирует все содержимое странички и разделит на две привычные группы «аудио» и «видео». Никаких опросов, фоточек, и бессмысленного трындежа в камментах — только медиаконтент. Это прекрасно и удобно.

Еще есть довольно бесполезная опция «аудио рекомендации». Но я не вижу в ней ничего страшного. Даже иногда их советы мне нравятся 🙂

Любые вопросы по работе приложения можно задать разработчику в специально созданной им группе. Отвечает оперативно и по теме весьма приятный и вежливый в общении парень — Тимур Мустафаев. Такой интерактив тоже однозначно можно занести в плюс программе.

Заключение

Если по религиозным и другим причинам вы ничего не имеете против сети Вконтакте, то к BK Player для iPhone и iPad стоит присмотреться. Эта программа предназначена только для проигрывания медиаконтента на i-устройствах, и хорошо с этим справляется. Цена не очень высока, к тому же разработчик часто снижает ее или вовсе делает приложение бесплатным.

BK Player

(Скачать в App Store)

Разработчик: appz4friendz
Размер: 9.9 Мб.
Цена: $1.99

www.appleinform.com

Лучший оффлайн плеер для iPhone

Оффлайн-плеер для прослушивания музыки на iPhone — Flacbox. Загрузить музыку на айфон

ОФФЛАЙН МУЗЫКА НА iPhone ТУТ!!!

Удобно слушаем музыку на iPhone в Оффлайне!

Музыка вконтакте — оффлайн плеер 2017

СКАЧИВАЕМ МУЗЫКУ ИЗ ВК НА iPHONE В ОФЛАЙН | Как Скачивать музыку ВКонткате на айфон iOS?

Как слушать музыку Вконтакте оффлайн на iPhone

Плеер: Музыка оффлайн на iPhone

Offline Video Player ++ лучший офлайн видеоплеер на iOS

CanOpener — лучший музыкальный плеер для iOS?

КАК СКАЧИВАТЬ МУЗЫКУ ИЗ ВКОНТАКТЕ НА iPHONE В ОФЛАЙН? | Скачиваем музыку ВК на айфон iOS!

Также смотрите:

Есть ли вирусы для Макбука
Не удается восстановить резервную копию iPhone недостаточно места
Сделать новую учетную запись на Айфон

Зарядное устройство на Айфон 6 плюс
Что делать если моргает экран на Айфоне
Как в Айфоне подчеркнуть текст
Портативное зарядное устройство в виде Айфона
iPhone 5S выключается в спящий режим
antalya izolasyon
Как отключить корректор на Айфоне
Можно ли зарядить часы suunto зарядкой с Айфона
Как убрать симку с Айфона
Как открыть первый Айфон
Как достать фотографии из сломанного Айфона
На Айфоне не работает микрофон только в скайпе

Главная » Выбор » Лучший оффлайн плеер для iPhone

iphonetvshows.ru

Лучший плеер для вк музыки на Айфон

Лучший способ скачать музыку на Айфон с ВК и других сайтов! [iOS] Метод 2018

СКАЧИВАЕМ МУЗЫКУ ИЗ ВК НА iPHONE В ОФЛАЙН | Как Скачивать музыку ВКонткате на айфон iOS?

ОФФЛАЙН МУЗЫКА НА iPhone ТУТ!!!

Как слушать музыку Вконтакте оффлайн на iPhone

КАК СКАЧИВАТЬ МУЗЫКУ ИЗ ВКОНТАКТЕ НА IPHONE В ОФЛАЙН? НОВЫЙ РАБОЧИЙ СПОСОБ

Где слушать музыку? Сравниваем Apple Music, Google Play Music, Spotify и Deezer — обзор от Ники

Музыка оффлайн на iPhone — плеер для ВКонтакте

Лучший плеер для iPhone 2017! Обзор Studio Music Player DX

CanOpener — лучший музыкальный плеер для iOS?

Как скачать музыку с ВК на iPhone?

Также смотрите:

iPhone оптический выход
Как отличить новый iPhone от восстановленного видео
Самые классные бесплатные игры на Айфон
Как удалить неактивную иконку с Айфона
Лучшая копия Айфона 6 s плюс
Как сохранить фото из Viber на iPhone
Черный список для неизвестных номеров iPhone
Самая точная копия iPhone 6 тайвань мтк 6592 отзывы
Когда ждать iPhone 7
Режим невидимки вконтакте для Айфона

Как действует медиатека iCloud на iPhone
Можно ли с Айфоном в сауну
Какое видео поддерживает iPod nano 7
Где на Айпаде хранятся пароли
Find my phone iPhone что это

Главная » Популярное » Лучший плеер для вк музыки на Айфон

iphonetvshows.ru

Cool player для айфона | Guide-Apple

Слушать музыку загружая через айтюнс уже давно не модно и не удобно. Сейчас пользуются популярностью плееры, которые позволяют просто слушать в онлайне из вк, а также оффлайн.

Возможности таких плееров возрастают с каждым разом и они становятся все более качественными. Ярким примеров можно назвать Cool player, который выпустили для айфона.

Кул Плеер для iPhone

Возможности этого плеера на данный момент самые максимальные. Интерфейс весьма приятный и работа его радует всех пользователей.

Раньше были и другие похожие программки, но их быстро закрыли и этот вариант пока что единственный, который еще не прикрыл App Store.

Как пользоваться Cool Player и его описание

С первым запуском программы мы можем наблюдать всего две кнопки: Вход и Файлы. Первая для входа в социальную сеть ВК, а вторая — если вы загрузили музыку в программу через iTunes.

Нас естественно интересует только ВК, поэтому зайдя в свой профиль сразу отрывается ваш плейлист. Вся музыка, которая у вас есть в разделе Аудиозаписи.

Отрыв меню слева, вы сможете наблюдать очень много разделов, которые позволяют слушать музыку абсолютно так же как и на ПК: из груп, со стены, музыку друзей, популярные и конечно же рекомендации.

Листаем вправо и видим обычный проигрыватель, в котором есть все стандартные инструменты для остановки, прокрутки или просто переключение трека.

Если пойти еще дальше и листать дальше, в ту же сторону, то наблюдаем эквалайзер, чего весьма не хватает у большинства конкурентов.

Ну и напоследок хочу сказать, что музыку скачивать в эту программу можно и напротив каждой песни вы сможете наблюдать соответствующий значок. Потом все эти песни находим в разделе Оффлайн.

Где скачать Cool player

Программа пока еще есть в App Store, поэтому перейдя в поиск вы спокойно сможете найти нужное приложение.

Как всегда жмем Установить и программа появляется у вас на телефоне. Вот ссылочка если вам лень искать:

Выводы

Если вы не любите переносить музыку с компьютера на свой iPhone, то плеер с названием Cool player будет просто идеальным вариантом.

Минусом является реклама, но если вы большинство слушаете без интернета, то ее не будет и будет очень даже комфортно пользоваться. Если нет, то платим деньги и реклама исчезает.

Если вдруг плеер исчезает из App Store, то не стоит расстраиваться. Если вы его качали ранее, то заходим сюда История покупок App Store, если нет, то просто заходим в топ бесплатных и пробуем новые варианты, а их всегда предостаточно.

Другие интересные статьи

guide-apple.ru

Плеер вк приложение. ВК плеер — проигрыватель музыки Вконтакте для iPhone

Приложением Вконтакте пользуются миллионы пользователей, но одно из обновлений программы запретило сохранять аудиозаписи в кэш, после чего многие пользователи Play Market стали придумывать обходы. Скачать Плеер для ВК на андроид устройство может любой желающий. дает возможность обходить все запреты, прослушивать любую музыку и сохранять ее на собственное мобильное устройство.

Почему стоит скачать Плеер для ВК на андроид?

База аудиозаписей для программы полностью берется из Вконтакте. Если нужная вам песня есть Вконтакте, тогда и в данном приложении ее также можно отыскать при помощи кнопки «Поиск». Благодаря данному приложению вам больше не придется загружать аудиозаписи себе на устройство. Просто-напросто прослушивайте любимые песни, загружайте их в кэш устройства и без проблем слушайте в офлайн режиме, в любое нужное вам время.

Сейчас такую возможность предоставляет не такое уж и большое количество программ. Нужно хорошо постараться, чтобы отыскать такое приложение. Но сейчас вам дается уникальная возможность скачать Плеер для ВК на андроид совершенно бесплатно. Понятное дело, что есть и некоторые другие программы подобного типа. Но ребята из компании GambriDi еще не подводили нас. Они создают только качественные приложения, набирающие за короткий срок времени большую популярность.

За один месяц данному приложению удалось перейти барьер в 100 тысяч загрузок. Для новой программы такой показатель является довольно-таки успешным. Мы не сомневаемся в том, что создатели уделят свое драгоценное время и постараются сделать приложение максимально качественным.

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

Бесплатный «умный» ВК-плеер для Android, который умеет самостоятельно подбирать плейлист, исходя из Ваших музыкальных предпочтений и настроения.

Галерея скриншотов

Современные социальные сети уже давно перестали быть всего лишь средством общения. Например, популярную у нас сеть ВКонтакте многие используют для поиска полезной или развлекательной информации, просмотра видео и прослушивания музыки.

За время своего существования VK.com обзавёлся одной из самых обширнейших баз медиаконтента в Рунете. Поэтому неудивительно, что некоторые пользователи регистрируются в этой социальной сети, например, только для получения доступа к раритетным аудиозаписям.

Если Вы можете отнести себя именно к таким любителям послушать хорошую музыку онлайн, то предлагаю Вам познакомиться с интересным ВК-плеером под названием Muse Insight.

Особенности приложения

Данный плеер интересен тем, что, в отличие от своих аналогов, самостоятельно формирует Ваш плейлист на основе Ваших музыкальных предпочтений и… текущего настроения! Последнее достигается за счёт прохождения экспресс-версии цветового теста Люшера .

Из дополнительных возможностей стоит отметить:

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

Другим недостатком, на мой взгляд, является отсутствие возможности прямого проигрывания своих Аудиозаписей. Плеер, конечно, может рандомно взять некоторые треки и из них, но большинство записей будут случайным образом отобраны из общей базы данных.

Чтобы Вы могли со всем разобраться сами, предлагаю скачать и установить Muse Insight.

Установка приложения

ВК-плеер Muse Insight Вы можете установить прямо с или с нашего сайта. У нас для Андроид-приложений есть три способа загрузки.

Способ 1 (zip-архив):

Жмем одну из ссылок «Скачать Muse Insight…» (с сервиса, который Вам больше нравится) или зеленую кнопку после текста статьи, и скачиваем ZIP-архив с установочным файлом и инструкциями по работе с ним.
Извлекаем из архива APK-файл и копируем на карту памяти устройства. Если при попытке запустить скачанный файл появляется ошибка, то вызываем «Настройки» идем в раздел «Приложения» и разрешаем установку из «Неизвестных источников». После этого Вы можете устанавливать любые приложения с карты памяти!

Способ 2 (чистый APK-файл):

Жмем ссылку «Установить Muse Insight…», после чего начинается прямая загрузка APK-файла на Ваше устройство (или ПК).
Если Вы качали файл на компьютер, то теперь Вам нужно скопировать его на устройство и запустить. Если же файл был загружен сразу на девайс при помощи мобильного браузера, то останется только пройти в папку загрузок, и активировать скачанный установочный пакет.

Способ 3 (чистый APK-файл через QR-код):

Нажимаем на иконку QR-кода слева от ссылки «Установить Muse Insight…», после чего код увеличится и Вы сможете его считать при помощи специального приложения .
После загрузки APK-файла установите его при помощи штатного установщика пакетов.

N.B. : Если Вы качаете приложение по прямой ссылке на свой ПК с Windows на борту, то можете столкнуться с проблемой, когда некоторые антивирусы воспринимают APK-файлы, как вирусы и не дают докачать их на компьютер. Если это случилось, то Вам нужно добавить файлы с расширением.apk в список исключений антивирусного ПО или временно отключить защиту.

Предварительные настройки

После установки Вам нужно одключиться к Интернету и авторизироваться ВКонтакте. Для этого необязательно создавать новую учётную запись — просто введите свои существующие логин и пароль:

После успешного входа в свой аккаунт Вам предложат произвести некоторые предварительные настройки. На первом из экранов нужно будет отметить галочками предпочитаемые Вами музыкальные стили, после чего нажать «Ok» в правом верхнем углу:

На следующем экране Вас попросят пройти тест Люшера. Суть теста — нужно отметить предложенные 8 цветов в порядке предпочтения (вначале те, которые нравятся Вам больше всего):

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

На этом этап предварительной настройки завершается и можно приступать непосредственно к прослушиванию музыки.

Управление

Если Вы всё сделали верно и у Вас есть доступ к Интернету, то перед Вами должен появиться плеер следующего вида:

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

Дополнительные возможности

Помимо стандартных возможностей на экране плеера, который мы рассмотрели выше, Muse Insight имеет ряд дополнительных, доступ к которым можно получить при помощи жеста смахивания (свайп).

Например, если смахнуть справа налево фотографию текущего исполнителя, то Вы сможете прочесть о нём краткую информацию, которая предоставляется сервисом Last.fm. Если же этот экран смахнуть ещё раз, то перед нами появится список похожих популярных треков текущего автора:

Если же основной экран плеера с фотографией смахнуть слева направо, то мы попадём в основное меню (аналогично кнопке в правом верхнем углу) плеера:

В меню мы можем повторно пройти тест Люшера (если Вас не устраивает результат подбора треков), изменить предпочитаемые музыкальные стили, а также активировать традиционный «Поиск музыки» ВКонтакте:

Выводы

В мире очень много хорошей музыки и её исполнителей. Знать всех мы никак не можем. Поэтому до определённого момента времени можем сотни раз проходить мимо лучших композиций, не обращая на них внимания.

Muse Insight позволит Вам существенно расширить Ваш музыкальный кругозор за счёт того, что каждый раз предлагает абсолютно разные произведения. Поэтому, если Вы являетесь поклонником какого-либо жанра и хотите больше узнать о нём и его лучших авторах, попробуйте воспользоваться данным ВК-плеером.

Побольше Вам хорошего настроения и отличной музыки!

P.S. Разрешается свободно копировать и цитировать данную статью при условии указания открытой активной ссылки на источник и сохранения авторства Руслана Тертышного.

Музыкальные онлайн-проигрыватели постепенно исчезают с полок магазина приложений Apple и причина тому — борьба с пиратством. Компания из Купертино активно борется с доступом к нелицензированному контенту, львиная доля которого распространяется через социальные сети. Вконтакте впереди планеты всей, а значит и музыкальных проигрывателей, которые открывают доступ к медиаконтенту этой социальной сети в официальном App Store вскоре не останется. Сегодня поговорим о плеере, которого нет в App Store, но который можно установить на iPhone. Он не только функциональный, но и красивый. Встречайте, ВК плеер.

Как скачать и пользоваться

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

Приложение красивое за исключением иконки, но это я придираюсь.

Не ищите плеер в App Store, его там нет, устанавливается он только с официального сайта.

Перейдите в Safari по ссылке и нажмите на кнопке «Скачать». Слепо согласитесь на установку приложения от ненадежного разработчика и авторизуйтесь со своей учетной записью. Доступ к разделам приложения осуществляется посредством пользовательского меню. Через ВК плеер можно слушать и загружать музыку из своей медиатеки Вконтакте, а также музыкальных коллекций своих друзей и подключенных сообществ.

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

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

Не нашли нужной композиции у друзей или ищете что-то конкретное? В ВК плеере есть глобальный поиск, правда не интерактивный (результаты появляются только после нажатия на кнопку «Поиск»).

Еще одна интересная функция — автосмена обложек в проигрывателе.

В части воспроизведения контента ВК плеер не отличается от аналогов, в нем есть все что нужно: управление проигрыванием, смешивание, воспроизведение по кругу, кнопка расшаривания и кастомизации. Из необычных функций найдется таймер и будильник. Установите через какое время остановить воспроизведение и приложение выполнит ваше указание. Проигрывателем можно управлять на заблокированном экране и через пункт управления, работает воспроизведение в фоновом режиме.

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

Слушайте вашу музыку или музыку друзей всего лишь за пару нажатий по экрану.

Введение:

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

Функционал:

При первом запуске нужно будет разрешить приложению доступ к вашему аккаунту, чтобы он мог просканировать всю музыку и список друзей, у которых вы сможете прослушать музыку. Интерфейс состоит из 4 вкладок, которые расположены внизу. Первая вкладка — “Поиск”, на которой можно быстро и удобно найти любую песню, просто введя название. Вторая вкладка — это “Моя страница”. На ней показывается список всех песен, которые есть в разделе “Мои аудиозаписи” в социальной сети. Третья вкладка — “Друзья”. Из этой вкладки вы сможете зайти на страницу друга и прослушать все песни, которые сохранил на свой аккаунт ваш друг/подруга/знакомый. Последняя вкладка — это “Настройки”.

Итоги:

В настройках можно включить/выключить отображение размера файла, битрейта и его продолжительности, а также выбрать папку для загрузок, удалить историю поиска, выбрать режим воспроизведения, а также выйти из вашего текущего аккаунта. Работает приложение просто отлично, при его сворачивании в панели уведомлений появляется специальное уведомление, которое позволит вам быстро и удобно управлять плеером. Подведем итоги: — это простота, удобство и комфорт при прослушивании песен из популярной социальной сети Вконтакте. Приятного пользования!

Которая разрешает пользователям самостоятельно загружать музыку на серверы (надо признать, в том числе и защищенную авторскими правами), можно назвать крупнейшим хранилищем аудиофайлов в Рунете, а, возможно, и во всем мире. Хотя компания Павла Дурова официально не делится статистикой, посетители сайта могут найти и бесплатно послушать композиции буквально любого исполнителя, в том числе музыку, которой не найти в магазинах типа iTunes или Google Music.

Официальное приложение «ВКонтакте» для -устройств обладает и базовой «музыкальной» функциональностью — позволяет искать и слушать треки, смотреть рекомендации и проигрывать аудиозаписи, сохраненные в вашем профиле. При повторном запуске песня не скачивается снова, а запускается из кэша. Всего в памяти хранится 10 последних прослушанных аудиозаписей. Определить, какая музыка автоматически добавилась в кэш, можно по серой стрелке напротив названия.

При этом «ВКонтакте» позволяет сохранять любое количество композиций, но вручную. Для этого нужно зайти в раздел «Мои Аудиозаписи» → запустить трек → в открывшемся плеере нажать иконку из трех точек (в правом верхнем углу) → в контекстном меню выбрать пункт «Сохранить». Отсюда же можно выполнить обратное действие («Удалить из кэша»), посмотреть текст песни, выполнить поиск по исполнителю, добавить/удалить из списка треков. Чтобы прослушать сохраненную музыку, требуется нажать на иконку из трех полосок в разделе с аудиозаписями и выбрать «Сохраненные».

Клиент «ВКонтакте»:

Возможности официального клиента «ВКонтакте» все же довольно сильно ограничены. К примеру, вместо того чтобы слушать музыку по альбомам, приходится подбирать треки поштучно. Также нельзя посмотреть обложку или «вытащить» аудиозапись, чтобы послушать ее вне мобильного клиента или перенести на ПК. Проблемы, к счастью, решаются за счет сторонних плееров.

Почему мы не обновляли приложение ВКонтакте для iPad пять лет, а теперь обновили

Да, сегодня 1 апреля. Нет, это не шутка. Про iPad тоже не шутка.

С этого дня (и навсегда) iOS-приложение ВКонтакте станет универсальным — все обновления будут доступны одновременно на iPhone и iPad.

Я Матвей Правосудов, старший продуктовый дизайнер ВКонтакте. Расскажу про дизайн универсального приложения: от концептов и возникших проблем до принятых решений и итогового результата. Бонусом — советы (на случай, если вы окажетесь в похожей ситуации) и публичные макеты в Figma для всех желающих.

Предыстория

Последние несколько лет у нас было два приложения в App Store: ВКонтакте (для iPhone) и «ВКонтакте для iPad».

Скриншоты отдельного приложения для iPad

В 2015 году каждую крупную фичу мы проектировали отдельно под iOS (для iPhone), Android, веб, m.vk.com и iPad. Мы делали независимую и сильно отличающуюся версию для планшетов, хотя аудитория iPad была (и остаётся) значительно меньше, чем на других платформах.

Со временем количество новых функций и продуктов (а значит, и обновлений) росло. Адаптировать их для каждой платформы становилось всё сложнее. Мы сфокусировались на версии с самой большой аудиторией — мобильном приложении ВКонтакте: по количеству пользователей оно обогнало не только iPad, но и vk.com с m.vk.com. Прежний подход с отдельной версией для планшетов оказался неэффективным — и стало ясно, что нужно новое решение.

Прийти к нему помогла наша единая дизайн-система. Мы уже некоторое время работаем над ней, чтобы ускорять разработку и делать процессы проще. Например, уже рассказывали про работу с цветами в тёмной теме и делились библиотеками компонентов, которыми каждый день пользуемся сами. Универсальное приложение для iPhone и iPad — логичный следующий шаг.

Новый процесс проектирования

Чтобы не затягивать запуски и не разрабатывать при каждом обновлении варианты под разные устройства, мы решили сделать приложение для iPhone и iPad универсальным. Это позволяет за один подход адаптировать его почти полностью к разным размерам экранов. А в будущих фичах адаптивность заведётся почти самостоятельно.

И мы попробовали несколько идей.

Один из первых смелых концептов. Две колонки, новая шапка, плеер внутри таббара. Одним словом — шик

Макет смелый и эффективно использует пространство экрана, но нам не подошёл. Он подразумевает дополнительную разработку под iPad — а мы как раз хотели от неё отказаться, чтобы не замедлять запуск новых фич. Поэтому потребовались ограничения для дизайнерских решений. Конечно, мы обожаем крутые концепты, но в этой задаче нужна простая система навигации и сетки. И она должна хорошо работать как на iPhone, так и на iPad.

Поэтому что мы сделали дальше? Взяли приложение для iPhone и растянули.

Более спокойный концепт

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

Закапываясь в ограничениях, легко сделать быстрое в разработке, но неудобное приложение. Чтобы не попасть в эту ловушку, мы нашли баланс: глобальные компоненты адаптируем, но локально пользуемся преимуществами iPad.

— А чем отличается iPad от ноутбука или телефона, кроме размера экрана?

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

Мобильный телефон — маленький. Нет дополнительных устройств ввода, только пальцы. Благодаря этим и другим ограничениям получилось компактное устройство, которым удобно пользоваться на ходу, в автобусе, тренажёрном зале. Но в таких условиях люди не могут охватить вниманием сразу несколько окон. Поэтому мобильные приложения открываются на полный экран, а каждая страница заточена под конкретную задачу.

Планшет — что-то среднее между ноутбуком и телефоном. По умолчанию без клавиатуры и мышки, но с большим экраном. Планшетом можно пользоваться на ходу, но уже не так удобно. При этом дизайнеры ожидают, что владельцы устройств справятся с несколькими фокусами внимания или приложениями. Поэтому появились разделения на колонки, Split View, Slide Over и другие возможности.

При проектировании навигации в новом приложении мы учли основные особенности условий, в которых используется iPad. Пока не поддерживаем технологии многозадачности iPadOS в полную силу, но займёмся этим в будущем.

Сколько фокусов внимания может сохранять пользователь на разных девайсах

После проработки основных концептов и обсуждения с разработчиками мы приступили к важному этапу — проектированию системы адаптации.

Универсальное приложение

Подготовка

Немного расскажу про инструменты и план работы. С прошлого года мы работаем в Figma, и пришло время по максимуму использовать главную функцию редактора — мультиплеер.

Мы собрали почти всех дизайнеров и распределились по командам. Я стартовал сразу и готовил систему, а другие продуктовые дизайнеры подхватывали новые описанные компоненты и утаскивали в свои макеты. Каждый из нас отвечал за свой продукт: музыку, видео, мессенджер, клипы, сервисы, ленту новостей, истории, постинг, звонки, стикеры и подарки, сообщества, маркет, инфраструктуру. Когда макеты очередного продукта были готовы — мы перетаскивали их из черновиков на мастер-страницу команды. Разработчики тоже не отставали и оперативно применяли свежие макеты.

Мы планировали использовать нативные iOS-компоненты. Поэтому для дизайна под iPad потребовались хорошие знания по работе модалок и навигации. Ещё нам пригодилось приложение Adaptivity (A‪)‬. Оно платное, но помогло разобраться, какие стандартные размеры у модальных окон и таблиц и как они меняются при разных ориентациях устройства.

На этом мы завершили подготовку.

Адаптивность. Проектирование навигации

Самое верхнеуровневое проектирование любого продукта — это информационная архитектура и навигация. Структуру мы оставляли такой же, как на iPhone, а вот над навигацией пришлось подумать.

Мы постоянно работаем над ней в приложении. Тестировали разные варианты, и один был с левым меню, в котором сконцентрированы наиболее часто используемые разделы. Его мы и решили взять за основу версии для iPad.

Новый дизайн ленты новостей и открытое боковое меню

Сначала разбили весь экран на две колонки: сайдбар с навигацией слева и основной контент справа. Идея навигации была в том, чтобы взять боковое меню из мобильной версии и добавить пункты таббара в самый верх. У пользователя остаётся в быстром доступе вся основная навигация, а ещё можно быстро переходить к второстепенным пунктам меню. Так рекомендует адаптировать приложения и Apple.

Первый вариант навигации

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

Затем мы замиксовали подходы и сделали в ландшафте всегда раскрытую навигацию, а в портрете выезжающее меню, как на iPhone (по умолчанию оно скрыто, чтобы не съедать ширину).

Финальный вариант был самым простым: таббар остаётся, а боковое меню открывается из шапки экрана.

Обсудили с разработчиками возможности и остановились на третьем варианте. Адаптация интерфейса к планшету и так довольно непростая и порождает много багов — а мы не хотели ещё больше усложнять коллегам работу. К тому же сайдбар замедлил бы вёрстку экрана мессенджера, где мы планировали использовать Split View. Но мы всё же держим в уме первый вариант навигации с сайдбаром — на будущее.

Адаптивность. Каркас и глобальные компоненты

Чтобы ускорить дизайн и разработку, мы использовали системный подход: выделили структуры экранов (каркасы) и большие компоненты, а затем описали для них правила адаптации к iPad. Дизайнеры придерживались ~~стратегии~~ правил — и разработчики один раз заводили, например, снекбар, и он правильно работал во всех случаях.

Гайды. Глобальные правила и примеры компонентов мы вынесли на отдельную страницу в Figma — Guide. Дизайнеры брали оттуда готовые объекты, а разработчики ориентировались на примеры и реализовывали их в коде.

Пример гайда по модальному окну для историй и мини-приложений

Каркасы экранов. Мы вывели несколько типовых структур страниц, которые чаще всего встречались в приложении.

Материк. Залитый фон, одна длинная белая колонка с контентом. Подходит почти всем страницам.
Широкий материк. Нужен для страниц, где много, например, фотографий или видео. Рука не поднималась ужимать яркий медиаконтент в узкую колонку материка, и мы разрешили быть ему широким.
Острова. Несколько материков, которые живут на серой странице. Острова появляются в дизайне «ленточных» страниц: новостей, стены пользователя, закладок, лайков.
Hero. А ещё у нас бывают страницы про одну сущность: автора клипов, маску, эффект, флешмоб. Или настроечные экраны, в которых не так много контента, но хочется акцентировать внимание на заголовке. Для этого мы просто растянули шапку с градиентом на всю ширину.

Основные каркасы

Совет: новый Auto Layout 2.0 от Figma заметно ускоряет адаптацию экранов для iPad. Особенно настройка фиксированной ширины у родительского контейнера и Fill у всех внутренних фреймов.

Модальные окна. Для модальных окон мы взяли системные размеры Form Sheet и Page Sheet и придерживались их. Модальная карточка приобрела ширину Form Sheet, а модальная страница обзавелась двумя ширинами: 416 и 640 точек.

Частным случаем модального окна были выезжающие из шапки панели. Например, в новостной ленте можно переключиться между разными типами контента. В мобильной версии меню выезжало просто из шапки. А на iPad мы ограничили меню по ширине в 416 точек, скруглили уголки и навесили разделитель. Получился новый компонент — «галстук».

Конечно, его можно было сделать в виде контекстного меню. Но это потребовало бы больше разработки, чем просто задать максимальную ширину и скруглить углы.

Пример «галстука»

Основные разделы

Применив каркасы и принципы, мы получили дизайн корневых экранов на iPad:

лента — типичные острова;
сервисы — своеобразные, со своей вёрсткой;
мессенджер — с представлением Master & Detail;
клипы — на полный экран, но с сохранением пропорций видео.

А ещё на iPad в таббаре много свободного места, и мы добавили в меню музыку и уведомления. Теперь приложение ВКонтакте на iPad даже чуть более функциональное, чем на iPhone.

Заключение

Мы избавились от старого подхода с двумя приложениями для iPhone и iPad — и сделали одно, универсальное. Больше нет причин откладывать поддержку планшета — все основные компоненты и так адаптированы под большой экран, а отдельные легко укладываются в описанные каркасы.

Ещё один плюс — тёмная тема пришла и на iPad. Планшетом стало комфортно пользоваться ночью: экран не слепит и ничего не отвлекает от контента.

Fun fact: так как мы сделали универсальное приложение, пути назад нет. Без поддержки iPad в новых версиях Apple будет отклонять релизы, поэтому версия для планшета теперь всегда под контролем.

Это только начало! Не все идеи вошли в итоговый интерфейс. Мы не хотели откладывать релиз только ради концептуальных и смелых решений — пользователи ждут. Но в будущем планируем использовать все возможности iPad и сделать важные функции ещё удобнее. Речь о Split View, более удобном музыкальном плеере, поддержке технологии Picture in Picture, контекстных меню и многом другом. А ещё в глубинах ВКонтакте остались экраны, до которых мы ещё не добрались. О них тоже позаботимся и адаптируем.

Где скачать приложение?

Всё просто: установите на iPad ВКонтакте из App Store или, если это приложение уже есть на вашем планшете, — обновите до последней версии. Мы пока не будем отключать прежнее, чтобы было время перейти.

Благодарности

Над приложением работала огромная команда. Спасибо менеджерам, разработчикам, тестировщикам, отделу маркетинга и исследований и всем-всем-всем.

Бонусы

Советы дизайнерам, которые будут проектировать универсальное приложение

~~Подождите 5 лет.~~
Найдите iPad и воспользуйтесь приложениями. И системными, и сторонними. Так будет легче найти удачные приёмы и понять общие принципы.
Подумайте о контексте и внимании. iPad — что-то среднее между ноутбуком и телефоном. Он не такой мобильный, поэтому пользователи могут фокусироваться на нескольких частях экрана.
Выделите сетку и основные компоненты в отдельные правила, чтобы упростить разработку. Чем больше автоматических адаптаций, тем проще.
Учитывайте рекомендации Apple. Посмотрите лекцию Designed for iPad и попробуйте применить советы из неё.
Постройте эффективный процесс. Если у вас в команде несколько дизайнеров, распределите зоны ответственности. А ещё такая задача — самый подходящий момент, чтобы синхронизироваться с разработчиками после каждого макета, если вы ещё так не делаете.

Макеты для iPad

Теория — это круто, но лучше закреплять всё на практике и примерах. Поэтому мы подготовили публичный Figma-файл в комьюнити @vk. Там больше 200 экранов!

Заглядывайте в макет, дублируйте его к себе и экспериментируйте! Прикольные концепты можно закинуть в VK Designers — лучшие опубликуем в сообществе. Не стесняйтесь <3

Плеер вконтакте на компьютер для загрузки. ВК плеер — проигрыватель музыки Вконтакте для iPhone

Галерея скриншотов

Особенности приложения

Из дополнительных возможностей стоит отметить:

Чтобы Вы могли со всем разобраться сами, предлагаю скачать и установить Muse Insight.

Установка приложения

Способ 1 (zip-архив):

Жмем одну из ссылок «Скачать Muse Insight…» (с сервиса, который Вам больше нравится) или зеленую кнопку после текста статьи, и скачиваем ZIP-архив с установочным файлом и инструкциями по работе с ним.
Извлекаем из архива APK-файл и копируем на карту памяти устройства. Если при попытке запустить скачанный файл появляется ошибка, то вызываем «Настройки» идем в раздел «Приложения» и разрешаем установку из «Неизвестных источников». После этого Вы можете устанавливать любые приложения с карты памяти!

Способ 2 (чистый APK-файл):

Жмем ссылку «Установить Muse Insight…», после чего начинается прямая загрузка APK-файла на Ваше устройство (или ПК).
Если Вы качали файл на компьютер, то теперь Вам нужно скопировать его на устройство и запустить. Если же файл был загружен сразу на девайс при помощи мобильного браузера, то останется только пройти в папку загрузок, и активировать скачанный установочный пакет.

Способ 3 (чистый APK-файл через QR-код):

Нажимаем на иконку QR-кода слева от ссылки «Установить Muse Insight…», после чего код увеличится и Вы сможете его считать при помощи специального приложения .
После загрузки APK-файла установите его при помощи штатного установщика пакетов.

Предварительные настройки

Управление

Дополнительные возможности

Выводы

Побольше Вам хорошего настроения и отличной музыки!

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

Умеет плэйлисты, сворачиваться в трэй и главное никогда не станет платным, как россыпь других прокси-сервисов типа Prostopleer»а. Исходники открыты под лицензией BSD. Так что, если меня собъёт автобус, а аккаунт Вконтакте украдут, каждый может вбить собственный идентификатор приложения и наслаждаться музыкой.

Трэки скачиваются и складываются, категоризированные по исполнителям в поддиректорию cache директории плеера. Не нужно ломать голову браузером.

Самой сложной задачей оказалось, пожалуй, проигрывание mp3 с поддержкой seek. Для этого пришлось обернуть libmpg123 с помощью libjna, потому как ни одна из существующих «pure Java»-библиотек seek не поддерживает.

Интерфейс вдохновлен плеером Sonata, которым я пользуюсь для локальной музыки.

В комментариях хотелось бы услышать нужно ли такое кому-нибудь кроме меня.

Зависимости

Написано на Java, так что нужен JRE.

Linux
Требуются libwebkitgtk2 и libmpg123(если он у вас ещё не установлен). В моём любимом Arch Linux»е они устанавливаются вот так:
# pacman -S webkitgtk2 libmpg123 Надеюсь подскажут имена пакетов Ubuntu, Debian и прочих.

Mac OS
Устанавливаем mpg123 из homebrew.

Установка

Никаких премудростей: распаковываем архив и запускаем bat/sh-скрипт.

Скриншоты Linux-версии

Авторизация:

Поиск:

Плэйлист:

Слушайте вашу музыку или музыку друзей всего лишь за пару нажатий по экрану.

Введение:

Функционал:

Итоги:

Слушать музыку, в полном безлимитном режиме, можно будет с помощью приложения музыкального плеера. Музыкальный плеер для ВК , позволяет слушать музыку, в режиме полного безлимита, даже в тот момент времени, когда пользователь находиться вне зоны действия сети. Пользователям, предлагается выбрать, подходящую музыку, загрузить ее на смартфон и слушать.

Возможности плеера:

Нет лимитов прослушивания, в фоновом режиме. Если у вас много трафика интернета, то это не означает, что вы можете прослушивать только 1 час (как в обычном ВК). Здесь, предлагается больше возможностей. Например, в онлайн режиме предлагается слушать музыку, в течение неограниченного времени в фоновом режиме;
Поиск. Как и в обычном ВК, предлагается искать музыку пользователям на любой вкус. Приложение, найдет всю музыку, из пользовательского профиля. Умелая синхронизация, с учетными записями, также предусматривается для пользователей, которые пользуются приложением. Выбранную музыку, можно найти и сразу выгрузить из приложения;
Сохраняйте музыку. Любимую музыку можно будет сохранять, сразу же на мобильный. Что предстоит для этого делать? Загрузить приложение и выбрать корневую папку, куда будут сохраняться файлы. Обычно, такая папка определяется как «загрузки». Надо отметить, что пользователю никто не запрещает выбрать и другую корневую папку. В качестве дополнения, следует вашему устройству загружать файлы, из сторонних приложений. Пользователю этот раздел, самостоятельно искать не надо. Приложение само переведет пользователя, в нужное место;
Стройте плейлисты. Пользователям, предлагается строить свои, индивидуальные плейлисты, для того чтобы точно знать, где находиться музыка определенного жанра.

Удобно ли приложение?

Новички, часто задают данный вопрос друг другу. Это приложение удобно и напоминает традиционный ВК, который пользователи потеряли. Дизайн здесь намного лучше, чем в приложении boom. Все колонки с меню, сделаны в темных, нейтральных цветах. Это не позволяет пользователям, напрягать зрение даже в темное время суток.

Клиент «ВКонтакте»:

Компьютерная программа Плеер Нота — «🎼Бесплатная музыка на🍏IPhone это как бесплатный сыр в мышеловке☝️Все работает замечательно,но ищу ей замену»

Когда я купила свой первый айфон я понятия не имела, что за прослушивание музыки тут принято платить. Хотя до меломана мне далеко, иногда и фильм в дорогу скачать нужно и песенку любимую. Конечно, можно закинуть музыку с компа, но для этого нужно сначала скачать ее туда, а потом разобраться с программой iTunes. Поначалу я просто слушала музыку а приложении вк, но со временем это тоже стал платным. Найти бесплатный плеер для IPhone оказалось для меня непростой задачей. Найденными по поиску программы были бестолковыми и все равно платными, но тут мне посоветовали «Собаку». Шло время и она все меньше меня устраивала, поэтому пришлось найти замену. Заменой оказалась Нота, о которой я где-то услышала, а может прочитала.

🎼Страничка приложения в App Store: