До появления HTML5, то есть еще несколько лет назад, для того чтобы отобразить на веб-странице аудио или видео, сайтостроителям приходилось использовать неуклюжие и громоздкие флеш-плееры. Это было неудобно, и в большинстве случаев итог выглядел малоэстетично, особенно на мобильных устройствах.
Сейчас вставить на страницу аудиозапись или видеоролик не сложнее, чем картинку. Достаточно вписать соответствующий HTML5-тег или :
Однако, закончив воспроизведение одного трека, плеер замолчит, даже если разместить подряд несколько аудиозаписей. Посетителю сайта придется вручную включать каждую композицию. Чему он, конечно, не обрадуется.
Как настроить автоматическое воспроизведение плейлиста на сайте
Как вставить плейлист вк на сайт
Я уже рассказывала об англоязычном сервисе, где можно создать аудио-плеер и затем вставить его в блог или на сайт. Сегодня читайте о русском сервисе, который дает возможность добавлять на сайт как отдельные треки, так и созданные плейлисты.
Как создать плейлист Вконтакте? Как отредактировать, опубликовать и удалить плейлист в ВК?
Название у сервиса легко запомнить — простоплеер.
Поиск музыки можно осуществлять по исполнителям, жанрам или просто вписать строки песни.
Поскольку сегодня 14 февраля — День влюбленных — я решила найти песню Веры Брежневой «Любовь спасет мир».
Любую найденную песню (кстати, есть возможность самим загружать треки на сайт), можно вставить в виде аудио-плеера на сайт или блог. Для этого нажмите на значок шестеренки справа и в выпадающем меню выберите «код для вставки».
Сервис замечателен тем, что можно выбрать цвет и размер плеера.
Для стандартного и уменьшенного размеров плеера есть 3 цвета: черный, зеленый и серый.
А для «мини» размера — 6 цветов (черный, синий, коричневый, зеленый, серый и даже оранжевый), подходящих под цвета Вашего сайта.
Вот пример плеера стандартного размера:
Как Выложить Трек На Все Площадки Бесплатно? / Дистрибуция Музыки в 2023
А этот — мини плеер можно добавлять не только в сообщения, но и на боковую панель:
Если Вы хотите добавить в пост несколько плееров с музыкой, разделяя их комментариями, текстом, то можно сделать так.
В режиме создания статьи написать много каких-либо цифр, затем перейти в режим HTML и между символами вставить скопированный код плеера.
Тогда Вам будет легко, перейдя в режим создания поста, добавлять вместо символов текст и комментарии.
Кстати, плеер будет работать только после публикации статьи.
Если Вы хотите добавить на сайт плейлист , а не один трек.
В правой верхнем углу на том же сайте «простоплеер» нажмите «создать плейлист». (Можно зарегистрироваться на сайте, я пока не стала).
Затем дать название плейлисту и нажать Enter:
Далее нажмите на треугольник слева от названия плейлиста, после чего откроется поле, куда можно перетаскивать найденные песни
Ищем музыкальные композиции и перетаскиваем их в правую часть или просто нажимаем на «плюсик» справа в блоке любой песни:
Для настроек плейлиста есть значок шестеренки справа от названия (не отдельного трека, а самого плейлиста):
Там же можно скачать, удалить плейлист.
И там же есть код для вставки на сайт или блог.
Готовый код копируем и вставляем в текст сообщения в режиме HTML.
Ниже пример моего плейлиста, созданного из песен Веры.
Вот так несложно можно добавить на свой сайт или блог музыку в виде плеера с отдельными треками или сразу плейлистами из своих любимых песен.
Любви и счастья Вам, дорогие читатели!
Источник: samasajt.blogspot.com
Тест взаимодействия с ВК. Добавляем плейлист
Справочно: специальный скрипт добавляет на страницу сайта блок с плейлистом пользователя или сообщества ВКонтакте. Первые пять композиций можно прослушать, не покидая сайт, полный список доступен по ссылке на vk.com. Пользователь может добавить весь плейлист или отдельные песни в свой список аудио, а также поделиться им с друзьями или сообществом.
Пример
Пример двойного использования с плейлистом Яндекса
- Альбом на Яндекс.Музыке
- Альбом ВКонтакте
Альбом на Яндекс.Музыке
Слушайте Подари мне любовь — Ислам Мальсуйгенов на Яндекс.Музыке
Альбом ВКонтакте
Похожие статьи
Свежие премьеры
MAGAS. «Манила»
Сангин. «Роза»
Вусал Мирзаев. «Простить не смогу»
Аброр Джан. «Вправо, влево»
Присоединяйтесь к нам в сети
3 010 000 Подписчиков
40 740 Читателей
9 320 подписчиков
Odnoklassniki icon
12 780 в сообществе
1 240 на канале
3 074 080 подписчиков
СМОТРИТЕ ВИДЕОКЛИП СМОТРИТЕ ВИДЕОКЛИП
Источник: zvuk-m.com