VKPlayer музыкальный плеер для ВКонткте

VKPlayer иконкаВ далеком 2009 году я написал на Flash аудио плеер VKPlayer для ВКонтакте. Социальная сеть тогда еще только развивалась. Было много халявной музыки, но был один существенный недостаток – треки нельзя было группировать в альбомы. Потому и возникла идея написания плеера в котором можно было бы создавать альбомы.

Для чего нужен плеер?

Для прослушивания музыки в социальной сети ВКонтакте.

В чем особенность плеера?

  1. Позволяет группировать музыку по альбомам
  2. Позволяет делиться альбомами с друзьями
  3. Позволяет слушать альбомы друзей
  4. Имеет оконный интерфейс напоминающий OS Windows XP
  5. Поиск песни внутри альбома по названию
  6. Интерфейс плеера похож на десктопный плеер AIMP
  7. Есть возможность менять темы оформления

Какие использовались технологии?

  1. Среда разработки Adobe Flex
  2. Логика приложения написана на языке ActionScript 3
  3. Back-end сервер для работы с базой данных написан на PHP
  4. База данных для хранения информации об альбомах MySQL
  5. Обмен данными с сервером происходит по протоколу AMF

Где можно посмотреть?

С работой плеера можно ознакомиться тут VKPlayer

Расскажу немного об интерфейсе программы. Я хотел создать такой интерфейс, который был бы понятен всем. На тот момент самой популярной операционной системой была Windows XP потому и возникла как мне тогда казалось гениальная идея – выполнить программу в оконном стиле, а интерфейс плеера похожим на десктопный плеер AIMP.

окно программы AIMP преер
VKPlayer главное окно AIMP

По кнопке “Плейлисты” открывается окно со всеми созданными прейлистами (альбомами). По умолчанию программа создает альбом в котором находятся все треки. Этот альбом редактировать нельзя. Остальные альбомы можно редактировать кликнув на кнопку editInfoOverSkin и удалять кнопкой deleteInfoOverSkin Новые альбомы создаются в окне плеера нажатием на кнопку addOverSkin

VKPlayer - альбомы

В окне редактирования альбома можно задать его название и описание.

VKPlayer - редактирование

По клику на иконке альбома открывается окно со списком песен альбома.

VKPlayer - список песен

В окне альбома реализован поиск по названию. Просто начните вводить текст в поле “Поиск” и мгновенно увидите результат.

VKPlayer - поиск

Редактирование списка песен внутри альбома происходит перетаскиванием песни из одного альбома в другой. Перетаскивание работает как из альбома в альбом так и из альбома в плеер.

из альбома в альбом из альбома в плеер
VKPlayer из альбома в альбом VKPlayer из альбома в плеер

В окне “Друзья” можно посмотреть список друзей и количество альбомов которыми они поделились.

VKPlayer -друзьяХочу добавить, что идея с оконным интерфейсом была провальной. Казавшаяся изначально понятность такого интерфейса обернулось тем, что пользователи не понимали как им пользоваться. Если смотреть со стороны программирования то такой подход очень трудоемкий. Пришлось реализовывать событийную модель. Дело в том, что можно открыть несколько одинаковых окон, например список альбомов. При добавлении или редактировании альбома изменения должны произойти во всех окнах.

Запись опубликована в рубрике MySQL, PHP, VKPlayer. Добавьте в закладки постоянную ссылку.