1.0.6 • Published 4 years ago
seec-player v1.0.6
SEEC课堂练习用音乐播放器
安装
npm install seec-player
import Player from 'seec-player';
Vue.use(Player);
使用
props属性:
- playing 控制播放/暂停(Boolean)
- playlist 为播放列表(Array)
- currentIndex 当前播放歌曲的下标(Number)
派发事件: 1. set-playing 设置播放/暂停状态 2. set-playlist 设置播放列表 3. set-current-index 切歌
示例(结合Vuex):
<player
:playing="$store.state.playing"
:playlist="$store.state.playlist"
:currentIndex="$store.state.currentIndex"
@set-playing="$store.commit('setPlaying', $event)"
@set-playlist="$store.commit('setPlaylist', $event)"
@set-current-index="$store.commit('setCurrentIndex', $event)"
/>
歌曲接口:
baseURL: http://m.jxsjs.com/api
- 热门单曲推荐 GET /hit-single-list
- 歌手列表 GET /singer-list
- 歌手详情 GET /singer-detail?id=002pUZT93gF4Cu
- 歌曲搜索 POST /song-search 参数为 { keyword: 'Beyond' }