Eclypsed/Lazuli
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add perceived luminance scalars

Browse Source
This commit is contained in:
Eclypsed
2024-04-10 16:26:28 -04:00
parent 54ab748c99
commit faf3794c8f
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/lib/components/media/mediaPlayer.svelte
View File

@@ -51,10 +51,14 @@
const fac = new FastAverageColor() const fac = new FastAverageColor()
$: fac.getColorAsync(`/api/remoteImage?url=${song.thumbnail}`, { algorithm: 'dominant' }).then((color) => { $: fac.getColorAsync(`/api/remoteImage?url=${song.thumbnail}`, { algorithm: 'dominant' }).then((color) => {
const [red, green, blue] = color.value const [red, green, blue] = color.value
const percievedLightness = Math.sqrt(0.299 * red ** 2 + 0.587 * green ** 2 + 0.114 * blue ** 2)
const redScalar = 0.547,
greenScalar = 0.766,
blueScalar = 0.338
// const [hue, staturation, lightness] = rgbToHsl(red, green, blue) // const [hue, staturation, lightness] = rgbToHsl(red, green, blue)
// bgColor = `hsl(${hue * 359} ${staturation * 100}% 20%)` // bgColor = `hsl(${hue * 359} ${staturation * 100}% 20%)`
// primaryColor = `hsl(${hue * 359} ${staturation * 100}% 70%)` // primaryColor = `hsl(${hue * 359} ${staturation * 100}% 70%)`
bgColor = `rgb(${red / 2}, ${green / 2}, ${blue / 2})` bgColor = `rgb(${red}, ${green}, ${blue})`
primaryColor = `rgb(${red}, ${green}, ${blue})` primaryColor = `rgb(${red}, ${green}, ${blue})`
}) })
</script> </script>