vue-audio-player-j v1.0.0-beta.4

vue-audio-player-j

step1

import VueAudioPlayerJ from 'vue-audio-player-j';

step2

interface ISong {
  name: string
  artist: string
  playurl: string
  picurl: string
}

// 传入songlist 类型为ISong[]
<VueAudioPlayerJ :songlist="songlist"></VueAudioPlayerJ>

用于测试的数据

const songlist = [
  {
    name: 'Downtown Baby',
    artist: '忆迟',
    picurl: 'https://p1.music.126.net/Ft3chkZxDRiTymaN1cDL3w==/109951165302177522.jpg',
    playurl: 'https://music.163.com/song/media/outer/url?id=1477405484.mp3',
  },
  {
    name: '穷极一生到不了的天堂',
    artist: '喻言家',
    picurl: 'https://p1.music.126.net/hFVyYmFTlRtEj2EHayY3IA==/109951164608590725.jpg',
    playurl: 'https://music.163.com/song/media/outer/url?id=1880894132.mp3',
  },
  {
    name: '老鼠爱大米',
    artist: '沈温妤icy',
    picurl: 'https://p2.music.126.net/rTX80tmyPR2Ur6YlXGPd0Q==/109951166447167750.jpg',
    playurl: 'https://music.163.com/song/media/outer/url?id=1414849990.mp3',
  },
]