Музыка на сайт из ВК

Доброго времени суток дорогой читатель! В этой статье я покажу, как добавить музыку (а именно плейлист) из социальной сети Вконтакте на свой сайт!

Как вставить музыку из ВК на сайт?

Для чего может понадобиться музыка? Например, вы создали свой сайт и теперь хотите выкладывать на нем:

  • подборки музыки;
  • запись ваших песен – то, как вы поете;
  • аудио подкасты;
  • и так далее.

В общем не будет вдаваться в подробности того, что можно выложить у себя на сайте, а просто рассмотрим процесс получения кода для вставки музыки на сайт!

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

Итак, теперь, когда у вас уже есть ссылку (я на это надеюсь), приступим к выполнению простой инструкции!

Инструкция

Шаг № 1

Заходим на свою станицу в Контакт.

Шаг № 2

В левой колонке в самом низу имеются ссылки, нажимаем на ссылку – Разработчикам:

Разработчикам

 

Шаг № 3

Перед вами появится страница для разработчиков, где будут ссылки на различные справочники по работе с API, нас интересует синяя кнопка примерно по центру экрана – Показать все – нажимаем на нее:

Показать все

 

Шаг № 4

Теперь, в самом верху нажимаем на ссылку – Виджеты для сайтов:

Виджеты для сайтов

 

Шаг № 5

Далее, пролистываем немного вниз и находим раздел с музыкальной иконкой под названием – Плейлист (нажимаем на ссылку или на иконку):

Плейлист

 

Шаг № 6

Появится вот такая форма – здесь все просто:

Добавление плейлиста

Описание цифр с картинки:

  1. Сюда вставляем ссылку на плейлист (как создать плейлист и получить на него ссылку я говорил в самом начале статьи);
  2. Выделяем весь код из этого поля (он выделяется по клику) и вставляем на страницу своего сайта.
Внимание: после вставки на сайт, музыка отобразится и будет видна всем, но вот прослушать её смогут только авторизованные в вк пользователи, если пользователь не авторизован, то по клику на кнопку "плей" вылезет окно от Вконтакте с формой, где нужно будет ввести логин и пароль.

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

На этом у меня все, желаю вам удачи, пока!

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