diff --git a/src/utils/Player.js b/src/utils/Player.js index db594cf..d7f44ba 100644 --- a/src/utils/Player.js +++ b/src/utils/Player.js @@ -156,11 +156,11 @@ export default class { Howler.masterGain.disconnect(); const mediaStreamNode = Howler.ctx.createMediaStreamDestination(); Howler.masterGain.connect(mediaStreamNode); - let audio = ''; - if (document.querySelector('audio') !== null) { - audio = document.querySelector('audio'); + let audio = ""; + if (document.querySelector("audio") !== null) { + audio = document.querySelector("audio"); } else { - audio = document.createElement('audio'); + audio = document.createElement("audio"); document.body.append(audio); } audio.autoplay = true; diff --git a/src/views/playlist.vue b/src/views/playlist.vue index 5f678e3..b19a11f 100644 --- a/src/views/playlist.vue +++ b/src/views/playlist.vue @@ -345,10 +345,19 @@ export default { ); }, filteredTracks() { - return this.tracks.filter(song => - song.name.toLowerCase().includes(this.playlistKeyword.toLowerCase()) || - song.al.name.toLowerCase().includes(this.playlistKeyword.toLowerCase()) || - song.ar.find(artist => artist.name.toLowerCase().includes(this.playlistKeyword.toLowerCase())) + return this.tracks.filter( + (song) => + song.name + .toLowerCase() + .includes(this.playlistKeyword.toLowerCase()) || + song.al.name + .toLowerCase() + .includes(this.playlistKeyword.toLowerCase()) || + song.ar.find((artist) => + artist.name + .toLowerCase() + .includes(this.playlistKeyword.toLowerCase()) + ) ); }, }, @@ -397,7 +406,11 @@ export default { this.lastLoadedTrackIndex = data.playlist.tracks.length - 1; if (this.playlist.trackCount > this.tracks.length) { window.addEventListener("scroll", this.handleScroll, true); - window.addEventListener("input", this.handleSearch, this.playlistKeyword); + window.addEventListener( + "input", + this.handleSearch, + this.playlistKeyword + ); } return data; }) diff --git a/src/views/settings.vue b/src/views/settings.vue index 2084dcd..2a76737 100644 --- a/src/views/settings.vue +++ b/src/views/settings.vue @@ -80,7 +80,12 @@
@@ -286,12 +291,19 @@ export default { outputDevice: { get() { if (this.allOutputDevices.length == 0) this.getAllOutputDevices(); // Ensure devices loaded before get - const isValidDevice = this.allOutputDevices.find(device => device.deviceId === this.settings.outputDevice); - if (this.settings.outputDevice === undefined || isValidDevice === undefined) return "default"; // Default deviceId + const isValidDevice = this.allOutputDevices.find( + (device) => device.deviceId === this.settings.outputDevice + ); + if ( + this.settings.outputDevice === undefined || + isValidDevice === undefined + ) + return "default"; // Default deviceId return this.settings.outputDevice; }, set(deviceId) { - if (deviceId === this.settings.outputDevice || deviceId === undefined) return; + if (deviceId === this.settings.outputDevice || deviceId === undefined) + return; this.$store.commit("changeOutputDevice", deviceId); document.querySelector("audio").setSinkId(deviceId); // Change output device }, @@ -383,9 +395,14 @@ export default { }, methods: { getAllOutputDevices() { - return navigator.mediaDevices.enumerateDevices().then( - devices => this.allOutputDevices = devices.filter(device => device.kind == "audiooutput") - ); + return navigator.mediaDevices + .enumerateDevices() + .then( + (devices) => + (this.allOutputDevices = devices.filter( + (device) => device.kind == "audiooutput" + )) + ); }, logout() { doLogout();