Luna Music Player
Music player with playlist support.
Demo
https://luna.liriliri.io/?path=/story/music-player
Install
Add the following script and style to your page.
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/luna-music-player/luna-music-player.css" />
<script src="//cdn.jsdelivr.net/npm/luna-music-player/luna-music-player.js"></script>You can also get it on npm.
npm install luna-music-player --saveimport 'luna-music-player/luna-music-player.css'
import LunaMusicPlayer from 'luna-music-player'Usage
const container = document.getElementById('container')
const musicPlayer = new LunaMusicPlayer(container, {
audio: {
url: 'https://test.surunzi.com/audio/Get_along.mp3',
cover: 'https://test.surunzi.com/audio/Get_along.jpg',
title: 'Get Along',
artist: '林原めぐみ',
}
})
musicPlayer.play()