girineko/YesPlayMusic
1
0
Fork 0
mirror of https://github.com/GiriNeko/YesPlayMusic.git synced 2025-12-16 21:28:06 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix output switching outside electron

Browse source
This commit is contained in:
Vidocq 2021-03-04 01:16:15 +08:00
parent aaa68c5808
commit bcd05803e2
4 changed files with 32 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

39
src/views/settings.vue
View file

@ -79,14 +79,14 @@
<div class="title"> {{ $t("settings.deviceSelector") }} </div>
</div>
<div class="right">
<select v-model="outputDevice">
<select v-model="outputDevice" :disabled="withoutAudioPriviledge">
<option
v-for="device in allOutputDevices"
:key="device.deviceId"
:value="device.deviceId"
:selected="device.deviceId == outputDevice"
>
{{ device.label }}
{{ $t(device.label) }}
</option>
</select>
</div>
@ -244,7 +244,11 @@ export default {
size: "0KB",
length: 0,
},
allOutputDevices: [],
allOutputDevices: [{
deviceId: "default",
label: "settings.permissionRequired"
}],
withoutAudioPriviledge: true,
};
},
computed: {
@ -290,7 +294,7 @@ export default {
},
outputDevice: {
get() {
if (this.allOutputDevices.length == 0) this.getAllOutputDevices(); // Ensure devices loaded before get
if (this.withoutAudioPriviledge === true) this.getAllOutputDevices();
const isValidDevice = this.allOutputDevices.find(
(device) => device.deviceId === this.settings.outputDevice
);
@ -395,14 +399,25 @@ export default {
},
methods: {
getAllOutputDevices() {
return navigator.mediaDevices
.enumerateDevices()
.then(
(devices) =>
(this.allOutputDevices = devices.filter(
(device) => device.kind == "audiooutput"
))
);
navigator.mediaDevices.
getUserMedia({ audio: true })
.then(() => {
this.withoutAudioPriviledge = false;
navigator.mediaDevices
.enumerateDevices()
.then(
(devices) =>
(this.allOutputDevices = devices.filter(
(device) => device.kind == "audiooutput"
))
);
})
.catch(() => {
this.allOutputDevices = [{
deviceId: "default",
label: "settings.permissionDenied",
}];
})
},
logout() {
doLogout();