A programable music player built for compatibility and extensibility.
<link rel="stylesheet" type="text/css" href="http://cdn.lwio.me/yuefu/1.0.1/yuefu.core.css"></link>
<div id="yuefu-demo"></div>
<script src="http://cdn.lwio.me/yuefu/1.0.1/yuefu.js"></script>
const yuefu = new Yuefu({
element: document.getElementById("yuefu-demo"),
});
yuefu.addModule(Yuefu.import('progress'), {
})
yuefu.addModule(Yuefu.import('list'), {
audios: [{
name: "peace sign",
artist: "JAKI",
type: "normal",
url: "http://lwio.me/api/storeroom/1526123245516.mp3",
cover: "",
lrc: "http://cdn.lwio.me/yuefu/lrc/demo.lrc",
}, {
name: "胖子非野子",
artist: "JAKI",
type: "normal",
url: "http://lwio.me/api/storeroom/1528112620919.mp3",
cover: "",
lrc: "http://cdn.lwio.me/yuefu/lrc/demo2.lrc",
}]
})
yuefu.addModule(Yuefu.import('controller'), {
controllers: [{
name: 'play',
tag: 'button',
innerHTML: '播放',
handler: (player) => {
player.play()
}
}, {
name: 'pause',
tag: 'button',
innerHTML: '暂停',
handler: (player) => {
player.pause()
}
}]
})
yuefu.addModule(Yuefu.import('lrc'), {
})
import 'yuefu/dist/yuefu.core.css';
import Yuefu from 'yuefu';
const yuefu = new Yuefu(options);
yuefu.on('ended', function () {
console.log('player ended');
});
