revert some queue extension tricks as MKjs does not like it

This commit is contained in:
vapormusic 2022-01-09 23:33:30 +07:00
parent 4a9ddd0f3a
commit c07d650a69
4 changed files with 163 additions and 190 deletions

View file

@ -1202,72 +1202,74 @@ const app = new Vue({
app.mk.setStationQueue({artist: 'a-' + id}).then(() => { app.mk.setStationQueue({artist: 'a-' + id}).then(() => {
app.mk.play() app.mk.play()
}) })
} else if (kind.includes("playlist") && (id.startsWith("p.") || id.startsWith("pl."))){
/* Randomize array in-place using Durstenfeld shuffle algorithm */
function shuffleArray(array) {
for (var i = array.length - 1; i > 0; i--) {
var j = Math.floor(Math.random() * (i + 1));
var temp = array[i];
array[i] = array[j];
array[j] = temp;
} }
} // else if (kind.includes("playlist") && (id.startsWith("p.") || id.startsWith("pl."))){
app.mk.clearQueue().then(function () { { // /* Randomize array in-place using Durstenfeld shuffle algorithm */
app.mk.setQueue({[truekind]: [item.attributes.playParams.id ?? item.id]}).then(function () { // function shuffleArray(array) {
app.mk.play().then(function (){ // for (var i = array.length - 1; i > 0; i--) {
app.mk.clearQueue().then(function (){ // var j = Math.floor(Math.random() * (i + 1));
var playlistId = id // var temp = array[i];
const params = { // array[i] = array[j];
include: "tracks", // array[j] = temp;
platform: "web", // }
"include[library-playlists]": "catalog,tracks", // }
"fields[playlists]": "curatorName,playlistType,name,artwork,url", // app.mk.clearQueue().then(function () { {
"include[library-songs]": "catalog,artists,albums", // app.mk.setQueue({[truekind]: [item.attributes.playParams.id ?? item.id]}).then(function () {
"fields[catalog]": "artistUrl,albumUrl", // app.mk.play().then(function (){
"fields[songs]": "artistUrl,albumUrl" // app.mk.clearQueue().then(function (){
} // var playlistId = id
var playlistId = '' // const params = {
// include: "tracks",
// platform: "web",
// "include[library-playlists]": "catalog,tracks",
// "fields[playlists]": "curatorName,playlistType,name,artwork,url",
// "include[library-songs]": "catalog,artists,albums",
// "fields[catalog]": "artistUrl,albumUrl",
// "fields[songs]": "artistUrl,albumUrl"
// }
// var playlistId = ''
try { // try {
function getPlaylist(id, params, isLibrary){ // function getPlaylist(id, params, isLibrary){
if (isLibrary){ // if (isLibrary){
return app.mk.api.library.playlist(id, params) // return app.mk.api.library.playlist(id, params)
} else { return app.mk.api.playlist(id, params)} // } else { return app.mk.api.playlist(id, params)}
} // }
getPlaylist(id, params, isLibrary).then(res => { // getPlaylist(id, params, isLibrary).then(res => {
let query = res.relationships.tracks.data.map(item => new MusicKit.MediaItem(item)); // let query = res.relationships.tracks.data.map(item => new MusicKit.MediaItem(item));
if (app.mk.shuffleMode == 1){shuffleArray(query); console.log('shf')} // if (app.mk.shuffleMode == 1){shuffleArray(query); console.log('shf')}
app.mk.queue.append(query) // app.mk.queue.append(query)
if (!res.relationships.tracks.next) { // if (!res.relationships.tracks.next) {
return // return
} else { // } else {
getPlaylistTracks(res.relationships.tracks.next) // getPlaylistTracks(res.relationships.tracks.next)
} // }
function getPlaylistTracks(next) { // function getPlaylistTracks(next) {
app.apiCall(app.musicBaseUrl + next, res => { // app.apiCall(app.musicBaseUrl + next, res => {
if (res.id != playlistId) { // if (res.id != playlistId) {
return // return
} // }
let query = res.data.map(item => new MusicKit.MediaItem(item)) // let query = res.data.map(item => new MusicKit.MediaItem(item))
if (app.mk.shuffleMode == 1){shuffleArray(query); console.log('shf')} // if (app.mk.shuffleMode == 1){shuffleArray(query); console.log('shf')}
app.mk.queue.append(query) // app.mk.queue.append(query)
if (res.next) { // if (res.next) {
getPlaylistTracks(res.next) // getPlaylistTracks(res.next)
} // }
}) // })
} // }
}) // })
} catch (e) {} // } catch (e) {}
}) // })
}) // })
}) // })
} // }
}) // })
} else { // }
else {
app.playMediaItemById((id), (kind), (isLibrary), item.attributes.url ?? '') app.playMediaItemById((id), (kind), (isLibrary), item.attributes.url ?? '')
} }
}) })
@ -2371,10 +2373,7 @@ const app = new Vue({
} }
}) })
} else { } else {
try { app.mk.stop().then(() => {
app.mk.stop()
} catch (e) {
}
if (truekind == "playlists" && (id.startsWith("p.") || id.startsWith("pl.u"))){ if (truekind == "playlists" && (id.startsWith("p.") || id.startsWith("pl.u"))){
app.mk.playNext({[item.attributes.playParams.kind ?? item.type]: item.attributes.playParams.id ?? item.id}).then(function () { app.mk.playNext({[item.attributes.playParams.kind ?? item.type]: item.attributes.playParams.id ?? item.id}).then(function () {
app.mk.changeToMediaAtIndex(app.mk.queue._itemIDs.indexOf(item.id) ?? 1) app.mk.changeToMediaAtIndex(app.mk.queue._itemIDs.indexOf(item.id) ?? 1)
@ -2412,7 +2411,7 @@ const app = new Vue({
app.mk.play() app.mk.play()
} }
})} })}
} })}
} catch (err) { } catch (err) {
console.log(err) console.log(err)
try { try {

View file

@ -1,5 +1,5 @@
<script type="text/x-template" id="fullscreen-view"> <script type="text/x-template" id="fullscreen-view">
<div class="fullscreen-view"> <div class="fullscreen-view" tabindex="0">
<div class="background"> <div class="background">
<div class="bgArtworkMaterial"> <div class="bgArtworkMaterial">
<div class="bg-artwork-container"> <div class="bg-artwork-container">
@ -140,10 +140,19 @@
tabMode: "lyrics", tabMode: "lyrics",
} }
}, },
beforeMount() {
window.addEventListener('keyup', this.onEscapeKeyUp);
},
beforeDestroy() {
window.removeEventListener('keyup', this.onEscapeKeyUp)
},
methods: { methods: {
sayHello: function () { onEscapeKeyUp(event) {
alert('Hello world!'); if (event.which === 27) {
app.fullscreen(false);
console.log('js')
} }
},
} }
}); });
</script> </script>

View file

@ -415,73 +415,75 @@
app.mk.stop().then(() => { app.mk.stop().then(() => {
if (parent != null && childIndex != null) { if (parent != null && childIndex != null) {
app.queueParentandplayChild(parent, childIndex, item); app.queueParentandplayChild(parent, childIndex, item);
} else if (kind.includes("playlist") && (id.startsWith("p.") || id.startsWith("pl."))){
function shuffleArray(array) {
for (var i = array.length - 1; i > 0; i--) {
var j = Math.floor(Math.random() * (i + 1));
var temp = array[i];
array[i] = array[j];
array[j] = temp;
} }
} // else if (kind.includes("playlist") && (id.startsWith("p.") || id.startsWith("pl."))){
app.mk.clearQueue().then(function () { // function shuffleArray(array) {
app.mk.setQueue({[truekind]: [item.attributes.playParams.id ?? item.id]}).then(function () { // for (var i = array.length - 1; i > 0; i--) {
app.mk.play().then(function (){ // var j = Math.floor(Math.random() * (i + 1));
app.mk.clearQueue().then(function (){ // var temp = array[i];
var playlistId = id // array[i] = array[j];
const params = { // array[j] = temp;
// include: "tracks",
// platform: "web",
// "include[library-playlists]": "catalog,tracks",
// "fields[playlists]": "curatorName,playlistType,name,artwork,url",
// "include[library-songs]": "catalog,artists,albums",
// "fields[catalog]": "artistUrl,albumUrl",
// "fields[songs]": "artistUrl,albumUrl, playParams"
}
// var playlistId = ''
function getPlaylist(id, params, isLibrary){
if (isLibrary){
return app.mk.api.library.playlist(id, params)
} else { return app.mk.api.playlist(id, params)}
}
try {
getPlaylist(id, params, isLibrary).then(res => {
let query = res.relationships.tracks.data.map(item => new MusicKit.MediaItem(item));
if (app.mk.shuffleMode == 1){shuffleArray(query); }
console.log(query)
app.mk.queue.append(query)
if (!res.relationships.tracks.next) {
return
} else {
getPlaylistTracks(res.relationships.tracks.next)
}
function getPlaylistTracks(next) {
app.apiCall(app.musicBaseUrl + next, res => {
// if (res.id != playlistId || next.includes(playlistId)) {
// return
// } // }
console.log('nextres', res) // }
let query = res.data.map(item => new MusicKit.MediaItem(item)) // app.mk.clearQueue().then(function () {
if (app.mk.shuffleMode == 1){shuffleArray(query); console.log('shf')} // app.mk.setQueue({[truekind]: [item.attributes.playParams.id ?? item.id]}).then(function () {
app.mk.queue.append(query) // app.mk.play().then(function (){
// app.mk.clearQueue().then(function (){
// var playlistId = id
// const params = {
// // include: "tracks",
// // platform: "web",
// // "include[library-playlists]": "catalog,tracks",
// // "fields[playlists]": "curatorName,playlistType,name,artwork,url",
// // "include[library-songs]": "catalog,artists,albums",
// // "fields[catalog]": "artistUrl,albumUrl",
// // "fields[songs]": "artistUrl,albumUrl, playParams"
// }
// // var playlistId = ''
// function getPlaylist(id, params, isLibrary){
// if (isLibrary){
// return app.mk.api.library.playlist(id, params)
// } else { return app.mk.api.playlist(id, params)}
// }
// try {
if (res.next) { // getPlaylist(id, params, isLibrary).then(res => {
getPlaylistTracks(res.next) // let query = res.relationships.tracks.data.map(item => new MusicKit.MediaItem(item));
} // if (app.mk.shuffleMode == 1){shuffleArray(query); }
}) // console.log(query)
} // app.mk.queue.append(query)
}) // if (!res.relationships.tracks.next) {
} catch (e) {} // return
// } else {
// getPlaylistTracks(res.relationships.tracks.next)
// }
// function getPlaylistTracks(next) {
// app.apiCall(app.musicBaseUrl + next, res => {
// // if (res.id != playlistId || next.includes(playlistId)) {
// // return
// // }
// console.log('nextres', res)
// let query = res.data.map(item => new MusicKit.MediaItem(item))
// if (app.mk.shuffleMode == 1){shuffleArray(query); console.log('shf')}
// app.mk.queue.append(query)
// if (res.next) {
// getPlaylistTracks(res.next)
// }
// })
// }
// })
// } catch (e) {}
}) // })
}) // })
}) // })
}) // })
} else { // }
else {
app.playMediaItemById(item.attributes.playParams.id ?? item.id, item.attributes.playParams.kind ?? item.type, item.attributes.playParams.isLibrary ?? false, item.attributes.url) app.playMediaItemById(item.attributes.playParams.id ?? item.id, item.attributes.playParams.kind ?? item.type, item.attributes.playParams.isLibrary ?? false, item.attributes.url)
}}) }})
} }

View file

@ -63,7 +63,7 @@
Play Play
</button> </button>
<button class="wr-btn" style="min-width: 120px;" <button class="wr-btn" style="min-width: 120px;"
@click="shufflePlay()"> @click="app.mk.shuffleMode = 1; app.mk.stop().then(function() {app.playMediaItemById(data.attributes.playParams.id ?? data.id, data.attributes.playParams.kind ?? data.type, data.attributes.playParams.isLibrary ?? false, data.attributes.url)})">
Shuffle Shuffle
</button> </button>
<button class="wr-btn" style="min-width: 120px;" v-if="inLibrary!=null" <button class="wr-btn" style="min-width: 120px;" v-if="inLibrary!=null"
@ -323,72 +323,35 @@
array[j] = temp; array[j] = temp;
} }
} }
var id = this.data.attributes.playParams.id ?? this.data.id //var id = this.data.attributes.playParams.id ?? this.data.id;
let kind = this.data.attributes.playParams.kind ?? this.data.type ?? ''; //console.log("1")
let truekind = (!kind.endsWith("s")) ? (kind + "s") : kind; var kind = this.data.attributes.playParams.kind ?? this.data.type ?? '';
let isLibrary = this.data.attributes.playParams ? (this.data.attributes.playParams.isLibrary ?? false) : false; //console.log("1")
app.mk.stop().then(function() { var truekind = (!kind.endsWith("s")) ? (kind + "s") : kind;
app.mk.clearQueue().then(function () { // console.log("1")
app.mk.setQueue({ [truekind] : [id] }).then(function () { // var isLibrary = this.data.attributes.playParams ? (this.data.attributes.playParams.isLibrary ?? false) : false;
console.log("1")
app.mk.stop().then(function () {
console.log("2")
app.mk.setQueue({ [truekind]: [id] }).then(function () {
app.mk.play().then(function () { app.mk.play().then(function () {
if (!kind.includes("album"))
app.mk.clearQueue().then(function () { app.mk.clearQueue().then(function () {
const params = {
// include: "tracks",
// platform: "web",
// "include[library-playlists]": "catalog,tracks",
// "fields[playlists]": "curatorName,playlistType,name,artwork,url",
// "include[library-songs]": "catalog,artists,albums",
// "fields[catalog]": "artistUrl,albumUrl",
// "fields[songs]": "artistUrl,albumUrl, playParams"
}
function getList(kind, id, params, isLibrary) {
if (kind.includes("album")){
if (isLibrary) {
return app.mk.api.library.album(id, params)
} else { return app.mk.api.album(id, params) }
} else {
if (isLibrary) {
return app.mk.api.library.playlist(id, params)
} else { return app.mk.api.playlist(id, params) }}
}
try { try {
let query = (this.data ?? app.showingPlaylist).relationships.tracks.data.map(item => new MusicKit.MediaItem(item));
getList(kind, id, params, isLibrary).then(res => { if (app.mk.shuffleMode == 1) { shuffleArray(query) }
console.log(res)
let query = res.relationships.tracks.data.map(item => new MusicKit.MediaItem(item));
if (app.mk.shuffleMode == 1) { shuffleArray(query); console.log('shf') }
app.mk.queue.append(query) app.mk.queue.append(query)
if (!res.relationships.tracks.next) { } catch (e) { console.log(e) }
return
} else {
getPlaylistTracks(res.relationships.tracks.next) })
} })
})
function getPlaylistTracks(next) {
app.apiCall(app.musicBaseUrl + next, res => {
// if (res.id != playlistId) {
// return
// }
let query = res.data.map(item => new MusicKit.MediaItem(item))
if (app.mk.shuffleMode == 1) { shuffleArray(query); console.log('shf') }
app.mk.queue.append(query)
if (res.next) {
getPlaylistTracks(res.next)
}
}) })
} }
})
} catch (e) {console.log(e) }
})
})
})
})
})}
} }
}) })