#заметка дня
В @htmlshitchat всплыл вопрос: "А как вывести на экране блокировки смартфона виджеты управления музыкой и плейлистом? След, пред и проигрывание/пауза?"
Ведь если просто запустить audio, ничего такого не получится. Да и плейлист нужен же...
Как это часто бывает, автор вопроса сам на него и ответил.
Как это редко бывает, автор вопроса приложил решение!
Итак, весь секрет в MediaSessionAPI: добавляем обработчики действий previoustrack и nexttrack и вуаля.
Даже демо есть! Это прям нечто невероятное: https://codepen.io/ArsGal/pen/bGPbKML
Не стесняйтесь спрашивать и отвечать в чате. Это помогает всем :)
#js #music #controls
В @htmlshitchat всплыл вопрос: "А как вывести на экране блокировки смартфона виджеты управления музыкой и плейлистом? След, пред и проигрывание/пауза?"
Ведь если просто запустить audio, ничего такого не получится. Да и плейлист нужен же...
Как это часто бывает, автор вопроса сам на него и ответил.
Как это редко бывает, автор вопроса приложил решение!
Итак, весь секрет в MediaSessionAPI: добавляем обработчики действий previoustrack и nexttrack и вуаля.
Даже демо есть! Это прям нечто невероятное: https://codepen.io/ArsGal/pen/bGPbKML
Не стесняйтесь спрашивать и отвечать в чате. Это помогает всем :)
#js #music #controls
codepen.io
Responsive Audio Player
This audio player features playlist support via JSON data and step navigation. The version you're seeing now is a fresh new take on this project... by ...
👍12🤩2