Jquery+HTML5 или Web Audio API Плеер

Нужно создать плеер c возможностью добавления кодеков WAVE, MP3, FLAC

Аудио Спектр: https://www.youtube.com/watch?v=iq_M5hF9q3E или https://www.youtube.com/watch?v=wsmeTAazFaE

Работа может быть реализована в Jquery+HTML5 или HTML5+JAVA

Функции:

• Плейлист
• Эквалайзер
• Визуализатор

Кнопки, Play, Stop, Переключение <<<| |>>> ( http://www.elegantthemes.com/blog/theme-releases/d... ), гамбургер меню -Работа с плейлистом, возможность работать и загружать треки с мобильного устройства

------------------------------------------------------------------------------------------------------------------------------------------------------

Основной задачей играть музыку с серверов MixCloud, пример их плеера ниже.

<iframe width="660" height="360" src="www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" rel="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>

www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" rel="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>
------------------------------------------------------------------------------------------------------------------------------------------------------

www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" rel="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>
Пользователь должен иметь возможность слушать и Шоу и Использовать гаджет как плеер.

• www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" rel="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>
  Примерный вид: Скрин 1
• www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" rel="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>
  EQ: Скрин 2 (Страница EQ)
• www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" rel="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>
  Плейлист: Скрин 3

www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" rel="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>
Т3. Подробно!

www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" rel="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>
1. Движок Web Audio Api, Jquery+HTML5 (кроме PHP)

www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" rel="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>
2. Функционал:

• www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" rel="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>
  2 режима (Подкаст-Плеер)
• www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" rel="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>
  В режиме подкаст плеер играет Выпуски с Mixcloud конкретного канала
• www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" rel="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>
  В режиме плеер пользователь имеет возможность создавать свои плейлисты из собственной библиотеки аудио файлов на мобильном устройстве.

www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" rel="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>
- Свич опции (Кнопки)

• www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" rel="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>
  EQ - Еквалайзер - Краткий в кольце, кнопка полного - новая страница в режиме на весь экран
• www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" rel="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>
  PL - Плейлист - новая страница в режиме на весь экран

www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" rel="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>
-Аудио-Спектр

• www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" rel="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>
  Визуализатор волны звукового сигнал (По кругу)

www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" rel="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>
-Строка играющего трека

www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" rel="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>
-Кнопки

• www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" rel="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>
  Плей/пауза в одном, переключение трека, перемотка, стоп, MUTE, повторение композиции, в случайном порядке.

www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" rel="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>
-Гамбургер меню

www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" rel="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>
Настройка - Настройка Фона

www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" rel="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>

www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>
Изменения цвета аудио спектра

www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" rel="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>
О приложение - Информация о гаджете

www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" rel="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>
Контакты - Форма обратной связи

www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" rel="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>
Визуальный вид

www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" rel="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>

www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>

www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>

www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>
Внимание!

www.mixcloud.com/widget/i..." frameborder="0" ><="" iframe><di="" v="" style="clear: both; height: 3px; width: 652px;" rel="clear: both; height: 3px; width: 652px;" div><p="" ><a="" https:="" www.fl.ru="" a.php?href="https%3A%2F%2Fwww.mixcloud.com%2Fchriscoco%2Fmelodica-25-may-2015%2F%3Futm_source%3Dwidget%26utm_medium%3Dweb%26utm_campaign%3Dbase_links%26utm_term%3Dresource_link"" target="_blank" >melodica="" 25="" may="" 2015<="" a><span>="" by="" <="" span><a="" >chris="" coco<="" on="" >="" mixcloud<="" a><="" p><div="" div>
Прошу цену выше указанного бюджета не предлагать. Больше предложить нет возможности. Спасибо всем за проявленный интерес) На данный момент с указными задачами никто не справился и делали совсем не ту работу.