87 lines
No EOL
2.4 KiB
JavaScript
87 lines
No EOL
2.4 KiB
JavaScript
Vue.component('mediaitem-square', {
|
|
template: '#mediaitem-square',
|
|
props: ['item'],
|
|
methods: {
|
|
}
|
|
});
|
|
|
|
const app = new Vue({
|
|
el: "#app",
|
|
data: {
|
|
drawertest: false,
|
|
mk: {},
|
|
quickPlayQuery: "",
|
|
search: {
|
|
term: "",
|
|
results: {}
|
|
},
|
|
page: "browse"
|
|
},
|
|
methods: {
|
|
init() {
|
|
this.mk = MusicKit.getInstance()
|
|
this.mk.authorize()
|
|
this.$forceUpdate()
|
|
},
|
|
showSearch() {
|
|
this.page = "search"
|
|
},
|
|
playMediaItemById(id, kind) {
|
|
this.mk.setQueue({ [kind]: [id] }).then(function (queue) {
|
|
MusicKit.getInstance().play()
|
|
})
|
|
},
|
|
searchQuery() {
|
|
let self = this
|
|
this.mk.api.search(this.search.term,
|
|
{
|
|
types: "songs,artists,albums,playlists",
|
|
limit: 32
|
|
}).then(function(results) {
|
|
self.search.results = results
|
|
})
|
|
},
|
|
mkReady() {
|
|
if(this.mk["nowPlayingItem"]) {
|
|
return true
|
|
}else{
|
|
return false
|
|
}
|
|
},
|
|
getMediaItemArtwork(url, size = 64) {
|
|
return `url("${url.replace('{w}', size).replace('{h}', size)}")`;
|
|
},
|
|
getNowPlayingArtwork(size = 600) {
|
|
if (this.mk["nowPlayingItem"]["attributes"]["artwork"]["url"]) {
|
|
return `url("${this.mk["nowPlayingItem"]["attributes"]["artwork"]["url"].replace('{w}', size).replace('{h}', size)}")`;
|
|
} else {
|
|
return "";
|
|
}
|
|
},
|
|
quickPlay(query) {
|
|
let self = this
|
|
MusicKit.getInstance().api.search(query, { limit: 2, types: 'songs' }).then(function (data) {
|
|
MusicKit.getInstance().setQueue({ song: data["songs"]['data'][0]["id"] }).then(function (queue) {
|
|
MusicKit.getInstance().play()
|
|
setTimeout(()=>{
|
|
self.$forceUpdate()
|
|
}, 1000)
|
|
})
|
|
})
|
|
}
|
|
}
|
|
})
|
|
|
|
document.addEventListener('musickitloaded', function() {
|
|
// MusicKit global is now defined
|
|
MusicKit.configure({
|
|
developerToken: '',
|
|
app: {
|
|
name: 'My Cool Web App',
|
|
build: '1978.4.1'
|
|
}
|
|
});
|
|
setTimeout(()=>{
|
|
app.init()
|
|
}, 1000)
|
|
}); |