cPlayer

默认样式

チルドレンレコード96猫,伊東歌詞太郎
00:00
00:00
チルドレンレコード - 96猫,伊東歌詞太郎
  • チルドレンレコード - 96猫,伊東歌詞太郎
  • ひねくれネジと雨 - ねこぼーろ
  • In my room - FELT
  • ボーカロイドたちがただテッテーテレッテーするだけ

暗黑样式

ひねくれネジと雨ねこぼーろ
00:00
00:00
ひねくれネジと雨 - ねこぼーろ
  • ひねくれネジと雨 - ねこぼーろ
  • In my room - FELT
  • ボーカロイドたちがただテッテーテレッテーするだけ
  • チルドレンレコード - 96猫,伊東歌詞太郎

大图样式

In my roomFELT
00:00
00:00
In my room - FELT
  • In my room - FELT
  • ボーカロイドたちがただテッテーテレッテーするだけ
  • チルドレンレコード - 96猫,伊東歌詞太郎
  • ひねくれネジと雨 - ねこぼーろ

大图暗黑样式

ボーカロイドたちがただテッテーテレッテーするだけ
00:00
00:00
ボーカロイドたちがただテッテーテレッテーするだけ -
  • ボーカロイドたちがただテッテーテレッテーするだけ
  • チルドレンレコード - 96猫,伊東歌詞太郎
  • ひねくれネジと雨 - ねこぼーろ
  • In my room - FELT

Getting Started

<div id="app"></div>
<!-- 加载 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: '歌词...',
        sublyric: '副歌词,一般为翻译...'
      },
      {
        ...
      },
      ......
    ]
  })
</script>
Fork me on GitHub