added animated artwork quality, settings now uses approute

This commit is contained in:
booploops 2021-12-25 00:00:46 -08:00
parent 489340f237
commit 599a9130a9
4 changed files with 17 additions and 2 deletions

View file

@ -23,6 +23,7 @@ const configSchema = {
"scrollbars": 0, // 0 = show on hover, 2 = always hide, 3 = always show "scrollbars": 0, // 0 = show on hover, 2 = always hide, 3 = always show
"refresh_rate": 0, "refresh_rate": 0,
"animated_artwork": "always", // 0 = always, 1 = limited, 2 = never "animated_artwork": "always", // 0 = always, 1 = limited, 2 = never
"animated_artwork_qualityLevel": 1,
"hw_acceleration": "default", // default, webgpu, disabled "hw_acceleration": "default", // default, webgpu, disabled
"window_transparency": "default" "window_transparency": "default"
}, },

View file

@ -59,7 +59,7 @@
} }
this.hls.attachMedia(this.$refs.video); this.hls.attachMedia(this.$refs.video);
this.hls.loadSource(this.video); this.hls.loadSource(this.video);
this.hls.loadLevel = 0; this.hls.loadLevel = parseInt(app.cfg.visual.animated_artwork_qualityLevel || 1);
} }
}) })
} }

View file

@ -210,7 +210,7 @@
<button class="usermenu-item" @click="window.open('https://discord.gg/applemusic')"> <button class="usermenu-item" @click="window.open('https://discord.gg/applemusic')">
Discord Discord
</button> </button>
<button class="usermenu-item" @click="page = 'settings'"> <button class="usermenu-item" @click="appRoute('settings')">
Settings Settings
</button> </button>
<button class="usermenu-item" @click="mk.unauthorize()"> <button class="usermenu-item" @click="mk.unauthorize()">

View file

@ -35,6 +35,20 @@
</select> </select>
</div> </div>
</div> </div>
<div class="md-option-line" v-if="app.cfg.visual.animated_artwork == 'always' || app.cfg.visual.animated_artwork == 'limited'">
<div class="md-option-segment">
Animated Artwork Quality
</div>
<div class="md-option-segment md-option-segment_auto">
<select class="md-select" v-model="app.cfg.visual.animated_artwork_qualityLevel">
<option value="0">Low</option>
<option value="1">Medium</option>
<option value="2">High</option>
<option value="3">Very High</option>
<option value="4">Extreme</option>
</select>
</div>
</div>
<div class="md-option-line"> <div class="md-option-line">
<div class="md-option-segment"> <div class="md-option-segment">
Discord Rich Presence Discord Rich Presence