如何给网页添加好看的HTML音乐播放器

<div id="app"></div>

### Script下 ###
<!-- 加载 cplayer 脚本 -->
<script src="https://cdn.jsdelivr.net/npm/cplayer/dist/cplayer.min.js"></script>
<script>
  let player = new cplayer({
    element: document.getElementById('app'),
    playlist: [
      {
        src: '歌曲资源链接...',
        poster: '封面链接...',
        name: '歌曲名称...',
        artist: '歌手名称...',
        lyric: '歌词...', ##例如abc.lrc
        sublyric: '副歌词，一般为翻译...'
      },
	  ##第二首歌
      {
        ...
      },
      ......
    ]
  })
</script>

          function loadTwikoo() {                 twikoo.init({                     el: '#twikoo-comment',                     envId: 'https://twikoo-vercel-server-nexmoe.vercel.app',                 });             }              if ('true') {                 const loadTwikooTimeout = setTimeout(() => {                     loadTwikoo();                     clearTimeout(loadTwikooTimeout);                 }, 1000);             } else {                 window.addEventListener('DOMContentLoaded', loadTwikoo);             }