Build it, lets go!

[JesusGod-Pope666-Info]

Lets see if I can make anything happen today, I am on the library - seeing if I can build my own thing.

https://audiomotion.app/docs/#/building

cd audioMotion.js

I guess this is just the source directory.

npm install

darkijah@Darkijah-USBSSD:~/downloads/BUILD IT/audioMotion.js-25.9/src$ npm install
npm WARN deprecated [email protected]: No longer support, superseded by music-metadata

added 440 packages, and audited 441 packages in 12s

94 packages are looking for funding
run npm fund for details

found 0 vulnerabilities

run build

darkijah@Darkijah-USBSSD:~/downloads/BUILD IT/audioMotion.js-25.9/src$ npm run build

[email protected] build
webpack

asset vendors.js 421 KiB [emitted] [minimized] [big] (name: vendors) (id hint: vendor) 1 related asset
asset audioMotion.js 70.8 KiB [emitted] [minimized] (name: main) 1 related asset
asset styles.css 29.1 KiB [compared for emit] [minimized] (name: main)
Entrypoint main [big] 521 KiB = vendors.js 421 KiB styles.css 29.1 KiB audioMotion.js 70.8 KiB
orphan modules 57.7 KiB (javascript) 1.83 KiB (runtime) [orphan] 16 modules
runtime modules 3.04 KiB 5 modules
modules by path ./node_modules/ 1.01 MiB 131 modules
modules by path ./src/ 191 KiB (javascript) 35.7 KiB (css/mini-extract)
javascript modules 191 KiB
./src/index.js + 2 modules 189 KiB [built] [code generated]
./src/scrollIntoViewIfNeeded-polyfill.js 1.52 KiB [built] [code generated]
modules by path ./src/*.css 35.7 KiB
css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/notie.css 2.11 KiB [built] [code generated]
css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/styles.css 33.6 KiB [built] [code generated]

WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets:
vendors.js (421 KiB)

WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
Entrypoints:
main (521 KiB)
vendors.js
styles.css
audioMotion.js

WARNING in webpack performance recommendations:
You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
For more info visit https://webpack.js.org/guides/code-splitting/

webpack 5.102.1 compiled with 3 warnings in 3808 ms

npm start
localhost:8080

darkijah@Darkijah-USBSSD:~/downloads/BUILD IT/audioMotion.js-25.9/src$ npm start

[email protected] start
http-server

Starting up http-server, serving ./public

http-server version: 14.1.1

http-server settings:
CORS: disabled
Cache: 3600 seconds
Connection Timeout: 120 seconds
Directory Listings: visible
AutoIndex: visible
Serve GZIP Files: false
Serve Brotli Files: false
Default File Extension: none

Available on:
http://127.0.0.1:8080
http://172.16.16.33:8080
Hit CTRL-C to stop the server

[2025-11-13T10:07:25.955Z] "GET /" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36"
(node:4133) [DEP0066] DeprecationWarning: OutgoingMessage.prototype._headers is deprecated
(Use node --trace-deprecation ... to show where the warning was created)
[2025-11-13T10:07:25.994Z] "GET /fonts/styles.css" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36"
[2025-11-13T10:07:25.996Z] "GET /styles.css" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36"
[2025-11-13T10:07:25.997Z] "GET /img/icons/css/styles.css" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36"
[2025-11-13T10:07:25.998Z] "GET /vendors.js" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36"
[2025-11-13T10:07:25.999Z] "GET /audioMotion.js" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36"
[2025-11-13T10:07:26.042Z] "GET /img/brushed-knob.png" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36"
[2025-11-13T10:07:26.043Z] "GET /img/icons/mousescroll.png" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36"
[2025-11-13T10:07:26.119Z] "GET /config.yaml" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36"
[2025-11-13T10:07:26.120Z] "GET /fonts/SofiaSansSemiCondensed/SofiaSansSemiCondensed-Regular.woff2" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36"
[2025-11-13T10:07:26.121Z] "GET /config.yaml" Error (404): "Not found"
[2025-11-13T10:07:26.122Z] "GET /fonts/Orbitron/orbitron-black-webfont.woff" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36"
[2025-11-13T10:07:26.122Z] "GET /fonts/SofiaSansSemiCondensed/SofiaSansSemiCondensed-Bold.woff2" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36"
[2025-11-13T10:07:26.123Z] "GET /fonts/JetBrainsMono/JetBrainsMono-SemiBold-latin.woff2" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36"
[2025-11-13T10:07:26.123Z] "GET /img/icons/fonts/audioMotion.woff2" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36"
[2025-11-13T10:07:26.124Z] "GET /fonts/SofiaSansSemiCondensed/SofiaSansSemiCondensed-SemiBold.woff2" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36"
[2025-11-13T10:07:26.129Z] "GET /fonts/JetBrainsMono/JetBrainsMono-Regular-latin.woff2" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36"
[2025-11-13T10:07:26.129Z] "GET /fonts/MaterialSymbolsRounded.woff2" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36"
[2025-11-13T10:07:26.130Z] "GET /fonts/SofiaSansSemiCondensed/SofiaSansSemiCondensed-Italic.woff2" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36"
[2025-11-13T10:07:26.175Z] "GET /backgrounds/" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36"
[2025-11-13T10:07:26.197Z] "GET /music/" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36"
[2025-11-13T10:07:26.203Z] "GET /img/favicon32.png" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36"

Seemed to work, I think.... Lets make some changes so I can see if it actually does it. :)

[JesusGod-Pope666-Info]

Battle it out.... sigh

{
  "name": "z Jisra'ayl Blue Combi Left",
  "bgColor": "#77afca",
  "disabled": false,
  "key": "custom-gradient-3",
  "colorStops": [
    {
      "pos": 0,
      "color": "#002aff",
      "level": 1
    },
    {
      "pos": 1,
      "color": "#002aff",
      "level": 0.5
    }
  ]
}

{
  "name": "z Jisra'ayl White Combi Right",
  "bgColor": "#77afca",
  "disabled": false,
  "key": "custom-gradient-2",
  "colorStops": [
    {
      "pos": 0,
      "color": "#ffffff",
      "level": 1
    },
    {
      "pos": 1,
      "color": "#ffffff",
      "level": 0.5
    }
  ]
}

blue:  { name: 'z Jisraayl Blue Combi Left', 
bgColor: '#77afca', colorStops: [
{ pos: 0, level: 1, color: '#002aff' },
{ pos: 1, level: 0.5, color: '#002aff' }
], disabled: false },

white:  { name: 'z Jisraayl White Combi Right', 
bgColor: '#77afca', colorStops: [
{ pos: 0, level: 1, color: '#ffffff' },
{ pos: 1, level: 0.5, color: '#ffffff' }
], disabled: false },

Not sure what this level is, I do not seem to see it in the options either.... not sure.... But finally, I guess I got the first 2 to work.
Unto the next....

[JesusGod-Pope666-Info]

Did you flip the Visualizers to the correct, vertical and horizontal - or is it just me. I'll have to check that further, my brain is as always not with me, but lets see what I can do today.

[JesusGod-Pope666-Info]

Typically getting issues with the computer and the network, just came back from a Coffee break, but here is what I have made so far:

jisraaylblue:  { name: 'z Jisraayl Blue Combi Left', 
bgColor: '#77afca', colorStops: [
{ pos: 0, level: 1.0, color: '#002aff' },
{ pos: 1, level: 0.5, color: '#002aff' }
], disabled: false },

jisraaylwhite:  { name: 'z Jisraayl White Combi Right', 
bgColor: '#77afca', colorStops: [
{ pos: 0, level: 1.0, color: '#ffffff' },
{ pos: 1, level: 0.5, color: '#ffffff' }
], disabled: false },

jewclothing:  { name: 'z Who came home?', 
bgColor: '#0b202b', colorStops: [
{ pos: 0.30, level: 1.0, color: '#002aff' },
{ pos: 0.70, level: 0.5, color: '#ffffff' },
], disabled: false },

fire:  { name: 'z Fire', 
bgColor: '#2e2e2e', colorStops: [
{ pos: 0.15, level: 1.0, color: '#ff0000' },
{ pos: 0.50, level: 0.8, color: '#ffab5c' },
{ pos: 0.70, level: 0.6, color: '#fbff00' },
{ pos: 0.87, level: 0.4, color: '#ffffff' },
{ pos: 0.94, level: 0.19999999999999996, color: '#00aaff' }
], disabled: false },

z7rainbow:  { name: 'z 7 Rainbow', 
bgColor: '#111111', colorStops: [
{ pos: 0.100, level: 1.0000000000000000, color: '#ba00ff' },
{ pos: 0.233, level: 0.8571428571428572, color: '#364aff' },
{ pos: 0.367, level: 0.7142857142857143, color: '#25c7ef' },
{ pos: 0.500, level: 0.5714285714285714, color: '#00ff00' },
{ pos: 0.633, level: 0.4285714285714286, color: '#e5ff00' },
{ pos: 0.767, level: 0.2857142857142857, color: '#ff940d' },
{ pos: 0.900, level: 0.1428571428571429, color: '#ff0000' }
], disabled: false },

zh7rainbow:  { name: 'zH 7 Rainbow', 
bgColor: '#000000', dir: 'h', colorStops: [
{ pos: 0.00000000000000000, level: 1.0000000000000000, color: '#ff0000' },
{ pos: 0.16666666666666666, level: 0.8571428571428572, color: '#ff940d' },
{ pos: 0.3333333333333333, level: 0.7142857142857143, color: '#e5ff00' },
{ pos: 0.5000000000000000, level: 0.5714285714285714, color: '#00ff00' },
{ pos: 0.6666666666666666, level: 0.4285714285714286, color: '#25c7ef' },
{ pos: 0.8333333333333334, level: 0.2857142857142857, color: '#364aff' },
{ pos: 1.0000000000000000, level: 0.1428571428571429, color: '#ba00ff' }
], disabled: false },

piano12rainbow:  { name: 'z Piano 12 Rainbow (16,≥250hz)', 
bgColor: '#727272', dir: 'h', colorStops: [
{ pos: 0.025, level: 1.0000000000000000, color: '#ff0000' },
{ pos: 0.130, level: 0.8888888888888888, color: '#181818' },
{ pos: 0.183, level: 0.8750000000000000, color: '#ff940d' },
{ pos: 0.288, level: 0.8571428571428572, color: '#181818' },
{ pos: 0.341, level: 0.7500000000000000, color: '#e5ff00' },
{ pos: 0.446, level: 0.7142857142857143, color: '#00ff00' },
{ pos: 0.551, level: 0.6666666666666667, color: '#181818' },
{ pos: 0.604, level: 0.5714285714285714, color: '#25c7ef' },
{ pos: 0.709, level: 0.4285714285714286, color: '#181818' },
{ pos: 0.762, level: 0.33333333333333337, color: '#364aff' },
{ pos: 0.867, level: 0.33333333333333337, color: '#181818' },
{ pos: 0.920, level: 0.2857142857142857, color: '#ba00ff' }
], disabled: false },

Although not sure what this level thing is.... What it does and so forth, no idea. But I think I got all home made gradients fixed into it - beside the one that I lost that I need to remake. Got another idea, but not sure if that gradient will work out good, but ideas usually comes my way, so..... But we will see if it is any good, no sure it is. But anyway, so far so good and I am building my own version now :)

And yea, the Horizontal thing vs Vertical is still flipped wrong in my view. Like if you have red in the lowest vibration it should also begin at the lowest point when flipped.

[JesusGod-Pope666-Info]

// Background Image Fit options
const bgFitOptions = [
{ value: BGFIT_ADJUST,   text: 'Adjust',      disabled: false },
{ value: BGFIT_CENTER,   text: 'Center',      disabled: false },
{ value: BGFIT_PULSE,    text: 'Pulse',       disabled: true },
{ value: BGFIT_REPEAT,   text: 'Repeat',      disabled: true },
{ value: BGFIT_WARP,     text: 'Warp',        disabled: true },
{ value: BGFIT_WARP_ANI, text: 'Warp Drive',  disabled: true },
{ value: BGFIT_WARP_ROT, text: 'Wormhole',    disabled: true },
{ value: BGFIT_ZOOM_IN,  text: 'Zoom In',     disabled: true },
{ value: BGFIT_ZOOM_OUT, text: 'Zoom Out',    disabled: true },
];

[JesusGod-Pope666-Info]

const peakOptionsDefaults = {
gravity : 0.01,
peakFade: 5000,
peakHold: 5000,
}

[JesusGod-Pope666-Info]

invertVol : true,

[JesusGod-Pope666-Info]

const infoDisplayDefaults = {
info  : 0,	  // display time (secs) when requested via click or keyboard shortcut
track : 0,   // display time (secs) on track change
end   : 0,   // display time (secs) at the end of the song
covers: true, // show album covers in song information
count : true, // show song number and play queue count
osdFontSize: OSD_SIZE_M
}

[JesusGod-Pope666-Info]

preserveFilenames: true,

[JesusGod-Pope666-Info]

for ( const i of [16,32,64,128,256,512,1024,2024] )
elRangeMin[ elRangeMin.options.length ] = new Option( ( i >= 1000 ? ( i / 1000 ) + 'k' : i ) + 'Hz', i );

for ( const i of [1024,2024,4048,8096,12288,16384,20480,22528] )
elRangeMax[ elRangeMax.options.length ] = new Option( ( i / 1000 ) + 'kHz', i );

[JesusGod-Pope666-Info]

classic:{name:'Classic',colorStops:[
{color:'#ff0000',pos:0.0,level:1.0},
{color:'#d9d900',pos:0.6,level:0.85},
{color:'#007900',pos:1.0,level:0.475}
],disabled:false},

classichsl:{name:'Classic HSL',colorStops:[
{color:'hsl(0.0,100.0%,50.0%)',pos:0.0,level:1.0},
{color:'hsl(60.0,100.0%,42.55%)',pos:0.6,level:0.85},
{color:'hsl(120.0,100.0%,23.73%)',pos:1.0,level:0.475}
],disabled:false},

jisraaylblue:{name:'Jisraayl Blue Combi Left',bgColor:'#77afca',colorStops:[
{pos:0,level:1.0,color:'#002aff'},
{pos:1,level:0.5,color:'#002aff'}
],disabled:false},

jisraaylbluehsl:{name:'Jisraayl Blue Combi Left HSL',bgColor:'hsl(197.14,41.37%,56.47%)',colorStops:[
{pos:0,level:1.0,color:'hsl(230.12,100.0%,50.0%)'},
{pos:1,level:0.5,color:'hsl(230.12,100.0%,50.0%)'}
],disabled:false},

jisraaylwhite:{name:'Jisraayl White Combi Right',bgColor:'#77afca',colorStops:[
{pos:0,level:1.0,color:'#ffffff'},
{pos:1,level:0.5,color:'#ffffff'}
],disabled:false},

jisraaylwhitehsl:{name:'Jisraayl White Combi Right HSL',bgColor:'hsl(197.14,41.37%,56.47%)',colorStops:[
{pos:0,level:1.0,color:'hsl(0,0%,100.0%)'},
{pos:1,level:0.5,color:'hsl(0,0%,100.0%)'}
],disabled:false},

jewclothing:{name:'Who came home?',bgColor:'#0b202b',colorStops:[
{pos:0.30,level:1.0,color:'#002aff'},
{pos:0.70,level:0.5,color:'#ffffff'}
],disabled:false},

jewclothinghsl:{name:'Who came home? HSL',bgColor:'hsl(200,59%,10.2%)',colorStops:[
{pos:0.30,level:1.0,color:'hsl(230.12,100.0%,50.0%)'},
{pos:0.70,level:0.5,color:'hsl(0,0%,100.0%)'}
],disabled:false},

fire:{name:'Fire',bgColor:'#2e2e2e',colorStops:[
{pos:0.15,level:1.0,color:'#ff0000'},
{pos:0.50,level:0.8,color:'#ffab5c'},
{pos:0.70,level:0.6,color:'#fbff00'},
{pos:0.87,level:0.4,color:'#ffffff'},
{pos:0.94,level:0.2,color:'#00aaff'}
],disabled:false},

firehsl:{name:'Fire HSL',bgColor:'hsl(0,0%,18%)',colorStops:[
{pos:0.15,level:1.0,color:'hsl(0,100%,50%)'},
{pos:0.50,level:0.8,color:'hsl(28,100%,63%)'},
{pos:0.70,level:0.6,color:'hsl(60,100%,50%)'},
{pos:0.87,level:0.4,color:'hsl(0,0%,100%)'},
{pos:0.94,level:0.2,color:'hsl(195,100%,50%)'}
],disabled:false},

v7rainbow:{name:'7 Rainbow (V)',bgColor:'#111111',colorStops:[
{pos:0.100,level:1.0,color:'#ba00ff'},
{pos:0.233,level:0.857,color:'#364aff'},
{pos:0.367,level:0.714,color:'#25c7ef'},
{pos:0.500,level:0.571,color:'#00ff00'},
{pos:0.633,level:0.428,color:'#e5ff00'},
{pos:0.767,level:0.285,color:'#ff940d'},
{pos:0.900,level:0.143,color:'#ff0000'}
],disabled:false},

v7rainbowhsl:{name:'7 Rainbow (V) HSL',bgColor:'hsl(0,0%,6.67%)',colorStops:[
{pos:0.100,level:1.0,color:'hsl(283.76,100.0%,50.0%)'},
{pos:0.233,level:0.857,color:'hsl(234.03,100.0%,60.59%)'},
{pos:0.367,level:0.714,color:'hsl(191.88,86.32%,54.12%)'},
{pos:0.500,level:0.571,color:'hsl(120.0,100.0%,50.0%)'},
{pos:0.633,level:0.428,color:'hsl(66.12,100.0%,50.0%)'},
{pos:0.767,level:0.285,color:'hsl(33.47,100.0%,52.55%)'},
{pos:0.900,level:0.143,color:'hsl(0.0,100.0%,50.0%)'}
],disabled:false},

h7rainbow:{name:'7 Rainbow (H)',bgColor:'#000000',dir:'h',colorStops:[
{pos:0.0,level:1.0,color:'#ff0000'},
{pos:0.1667,level:0.857,color:'#ff940d'},
{pos:0.3333,level:0.714,color:'#e5ff00'},
{pos:0.5000,level:0.571,color:'#00ff00'},
{pos:0.6667,level:0.429,color:'#25c7ef'},
{pos:0.8333,level:0.286,color:'#364aff'},
{pos:1.0,level:0.143,color:'#ba00ff'}
],disabled:false},

h7rainbowhsl:{name:'7 Rainbow (H) HSL',bgColor:'hsl(0,0%,0%)',dir:'h',colorStops:[
{pos:0.0,level:1.0,color:'hsl(0.0,100.0%,50.0%)'},
{pos:0.1667,level:0.857,color:'hsl(33.47,100.0%,52.55%)'},
{pos:0.3333,level:0.714,color:'hsl(66.12,100.0%,50.0%)'},
{pos:0.5000,level:0.571,color:'hsl(120.0,100.0%,50.0%)'},
{pos:0.6667,level:0.429,color:'hsl(191.88,86.32%,54.12%)'},
{pos:0.8333,level:0.286,color:'hsl(234.03,100.0%,60.59%)'},
{pos:1.0,level:0.143,color:'hsl(283.76,100.0%,50.0%)'}
],disabled:false},

piano12rainbow:{name:'Piano 12 Rainbow (16,≥250hz)',bgColor:'#727272',dir:'h',colorStops:[
{pos:0.025,level:1.0,color:'#ff0000'},
{pos:0.130,level:0.889,color:'#181818'},
{pos:0.183,level:0.875,color:'#ff940d'},
{pos:0.288,level:0.857,color:'#181818'},
{pos:0.341,level:0.75,color:'#e5ff00'},
{pos:0.446,level:0.714,color:'#00ff00'},
{pos:0.551,level:0.667,color:'#181818'},
{pos:0.604,level:0.571,color:'#25c7ef'},
{pos:0.709,level:0.429,color:'#181818'},
{pos:0.762,level:0.333,color:'#364aff'},
{pos:0.867,level:0.333,color:'#181818'},
{pos:0.920,level:0.286,color:'#ba00ff'}
],disabled:false},

piano12rainbowhsl:{name:'Piano 12 Rainbow (16,≥250hz) HSL',bgColor:'hsl(0,0%,44.71%)',dir:'h',colorStops:[
{pos:0.025,level:1.0,color:'hsl(0.0,100.0%,50.0%)'},
{pos:0.130,level:0.889,color:'hsl(0,0%,9.41%)'},
{pos:0.183,level:0.875,color:'hsl(33.47,100.0%,52.55%)'},
{pos:0.288,level:0.857,color:'hsl(0,0%,9.41%)'},
{pos:0.341,level:0.75,color:'hsl(66.12,100.0%,50.0%)'},
{pos:0.446,level:0.714,color:'hsl(120.0,100.0%,50.0%)'},
{pos:0.551,level:0.667,color:'hsl(0,0%,9.41%)'},
{pos:0.604,level:0.571,color:'hsl(191.88,86.32%,54.12%)'},
{pos:0.709,level:0.429,color:'hsl(0,0%,9.41%)'},
{pos:0.762,level:0.333,color:'hsl(234.03,100.0%,60.59%)'},
{pos:0.867,level:0.333,color:'hsl(0,0%,9.41%)'},
{pos:0.920,level:0.286,color:'hsl(283.76,100.0%,50.0%)'}
],disabled:false},

Not tested, and some colors might be off - was just testing it - if it was better to use hsl maybe, but not sure.

[JesusGod-Pope666-Info]

C C C C, Red Red Red Red - all working :)

[JesusGod-Pope666-Info]

Well.... Kinda tired and worn out, but I will try to see if I can make a little. Not sure about those HSL colors, or if it is better or what - I have come pretty close to having the same colors as the HEX. Anyway.... Lets see what I can do.

Kinda lost the remake of the new gradient, that I had sorted out - so I guess I need to try to get that once again again again. Like really having some issues with keeping it. Anyway....

[JesusGod-Pope666-Info]

Some corrections:

for ( const i of [16,32,64,128,256,512,1024,2048] )
elRangeMin[ elRangeMin.options.length ] = new Option( ( i >= 1000 ? ( i / 1000 ) + 'k' : i ) + 'Hz', i );

for ( const i of [1024,2048,4096,8192,12288,14336,16384,20480,22528] )
elRangeMax[ elRangeMax.options.length ] = new Option( ( i / 1000 ) + 'kHz', i );

[JesusGod-Pope666-Info]

Some virus nonsense or something attacked Chrome and now pestering me with its utter disgusting filth stalling my progress - as it usually goes..... Like it is nearly a continual thing of fixing things and no work and no progress, or a 1000 steps backwards.

[JesusGod-Pope666-Info]

const infoDisplayDefaults = {
info  : 0,	  // display time (secs) when requested via click or keyboard shortcut
track : 0,   // display time (secs) on track change
end   : 0,   // display time (secs) at the end of the song
covers: true, // show album covers in song information
count : true, // show song number and play queue count
osdFontSize: OSD_SIZE_S
}

I feel like the S is to small on one level window and fine in the fullscreen mode - and medium is find in window but to big in fullscreen - not sure, but it just seems a little off to me, I need to do more testing.

[JesusGod-Pope666-Info]

Small

[JesusGod-Pope666-Info]

A background image with Keyboard shortcuts could be awesome I think, so you hit into it just a little. Just an idea. Of cause you still have it at the side, but it could be cool as a background as well, fixing something.

[JesusGod-Pope666-Info]

const subsOptionsDefaults = {
background   : SUBS_BG_SOLID,
color        : SUBS_COLOR_GOLD,
posAudio     : SUBS_POS_TOP,
position     : SUBS_POS_TOP,
noDimSubs    : true,
reduceOnSubs : false,
noDimVideo   : true,
reduceOnVideo: false,
videoFill    : false
}

[JesusGod-Pope666-Info]

option to Randomize Channel Layout? Maybe in Demo mode.

[JesusGod-Pope666-Info]

Placement of FPS is not so good for now:

[JesusGod-Pope666-Info]

And, moving forward, although still a lot to do, but it is getting closer for sure. But I am very tired, and it is hard to move forward at the moment, I did get some good hours - but I am pretty near finished in my brain now.

[JesusGod-Pope666-Info]

Just enjoying the mobile demo's going along the screen - it is pretty awesome :D I will absolutely do some stuff in my Tuk Tuk listening to some songs and seeing what I can do, even with not so mobile friendly interface. But I'll see what I can figure out and sort out.

Love it!

[JesusGod-Pope666-Info]

I thought I wrote it some place and posted an image, and maybe did, but cannot find it. I'll just do another one, if I did not post the other. When you zoom out the right button tend to fall off. Just weird as i am zooming out, not in - so there should not be a problem with Space, one would think.

[JesusGod-Pope666-Info]

So far so good, not sure what I really did today, but something I must have done as the hours passed by.
But sure is a lot of things to sort out still, but a little closer - I uploaded the latest version to the aM.JesusGod-Pope666.Info address.

[JesusGod-Pope666-Info]

I was not dreaming or remembering wrong, apparently the FPS or HZ changes on this computer when I change resolution. Over 100 FPS here on the computer....

[JesusGod-Pope666-Info]

An issue here with the FPS, being blocked by the other data:

[JesusGod-Pope666-Info]

But yea, over 100 FPS :)

[JesusGod-Pope666-Info]

Just a reminder to myself when my brain does not work. Had a stall mate yesterday I think it was.... And did things in the Tuk Tuk, my Home sweet home, which is fine - but i was like.... What do I actually need to do, sitting getting some breakfast on the Library..... Like come on..... Although sorta went out in the Tuk Tuk to get some more sleep. Not that easy living in a Tuk Tuk, and it was snowing today but.... Should have enough Diesel and Energy to keep it going for the night.
Ordered some merino wool today for warmth and some tech stuff and MY OH SO MISSING WORK CHAMP MULTITOOL that the PooLice stole from me, stinking criminals as they are. I used it near every single day - but what do I need that for the Blue Woman turd asked me, stealing it from my bag. Anyway..... Forgiveness...... Hard to keep steady when they steal and burn near all your stuff from a lifetime. I did get the laptop and 2 of my mobiles with me, and pretty much all my data with me at the very least.
What a world.... for some solar panels, that I do not have any longer either.

It goes up and down on things, have my difficulties for sure with my thoughts and mood - hard to get some good sleep and further difficulties with life living in the Tuk Tuk for sure. Was snowing today, so..... going to get into some harder times in the Tuk Tuk. I am sick and tired of struggling, it does only seem to get worse and worse. It lifts my mood when I do something on my page, it feels a little normal then, but you never know when you are hit with something, things can quickly go from positive to negative.

Anyway....

Make some PRESESTS!!!!!
And maybe a customized theme.

And of cause the cursor thing needs to be look at, at some point again.

[JesusGod-Pope666-Info]

Library closing, have to go :)

[hvianna]

Sorry to hear about you current housing situation. It's outrageous that they can do this to a person.

[JesusGod-Pope666-Info]

Yea, it does make things harder for sure, I am at the Library again - but my brain is just blanked out. I wanna do something but.... I just can't seem to get my act together, by brain seem to be stalling me. I did not get that much sleep last night, we are now at 0 Degrees, and had the first snow yesterday. Sure makes the heater need more energy and power to keep it hot inside the Tuk tuk - and I do not have a lot of that and trying to save on that. Anyway..... It goes up and down on things. At the moment not so up, like I wanna do a little coding but, or whatever one wanna call my small things..... But it does not not seem to be fore today.

Yea they destroyed near all my stuff, I kinda do not know how that works out - like.... beyond sick to do a thing like that. I have had the same clothing on for over a moonth, have some merino wool underwear coming my way to help me with the heat. But of cause the winter is not so nice overall becoming homeless.

[JesusGod-Pope666-Info]

Your building instructions was very nice, the only thing that had me going for a little was the folder having the .js in the instruction, because usually a folder does not have .js ending. Not sure if that would just be me - but just to give you the data point on it.

Maybe I would have preferred Cd audioMotionFolder or just not the .js on it - at least that kinda had me going a little to figure out what was going on.

[JesusGod-Pope666-Info]

Here are the 3 files that are build, just to have a backup and if anyone wanna have a go with the settings them self - still a work in progress for sure.

public.zip

[JesusGod-Pope666-Info]

@hvianna How do I turn off the Question box, just reminds me of Windows nonsense of, ARE YOU SURE YOU WANNA DO THIS..... Like I pushed the button, did I not? I THINK I FIXED IT, BUT IF YOU COULD GO THROUGH IT ANYWAY TO CONFIRM I DID IT THE RIGHT WAY AND NOT MY WAY, OR THE HELP FROM THE CHATGPT TO BE MORE CORRECT.

[JesusGod-Pope666-Info]

I have something here.... But there might be another place to turn it off.

// load / save presets

elPresets.addEventListener( 'input', () => {
const key = elPresets.value;
if ( key ) {
notie.confirm({
text: `Load preset ${ getText( elPresets ) }?`,
submitText: 'LOAD',
submitCallback: () => loadPreset( key )
});
elPresets.value = '';
}
});

[JesusGod-Pope666-Info]

I guess it would be something of the confirm that needs to be turned off - what is the best way to turn it off? You have a button for it, or does this code needs to be rewritten to remove the CONFIRM?

[JesusGod-Pope666-Info]

Seems this fixes it:

elPresets.addEventListener( 'input', () => {
const key = elPresets.value;
if ( key ) {
loadPreset(key);
elPresets.value = '';
}
});

[JesusGod-Pope666-Info]

Like if you want to have the name, in regards of the loading - you could put it in the load popup in replacement Name, settings loaded or something - just do not like extra clicks and the clicking game overall that has been put on us from so many angles. And here I do not see, at least for now, a reason to have the extra popup and clicking, beside wasting my time.

Or, Preset Classic LED bars loaded, or something of that nature..... Settings Classic LED bars loaded - I do not know, something of that nature, you get the point I am sure. If.... One wants the name to be pointed out. I guess it could not hurt, but what is there now, I guess is fine as well, more usage would be needed to get me to the point of refined conclusion.

Or just the name on top like:
Classic LED bars
Settings loaded
Seems there are room for it, it seems.

One could always toy around with it, but the pop up click thing, that seems to me a Pope and unnecessary! :P

[JesusGod-Pope666-Info]

@hvianna Would it not be better to have the Presets, if you want to have the Select Presets to load at the setting name, although not sure that is neeeded really - and then have the box for the preset that is on at the very moment? Like the standard activated preset would be the default I guess, and then have it show whatever was turned on last.
Or have it jumped to custom if changed but that might be somewhat extreme, and might be nice to be able to see what was last turned on as preset and what you are changing that was last activated.

Just some thoughts.

[JesusGod-Pope666-Info]

@hvianna
Anyway to have the top information activated by default when I enter the player? Seems I am only getting the button information in the window by default and need to press on the screen by mouse click to activate the top information. I would like it to be on by default.

Thinking.....

// On-screen information display options
const infoOptionsElements = [ elEndTimeout, elInfoTimeout, elOSDFontSize, elShowCount, elShowCover, elTrackTimeout ];

const infoDisplayDefaults = {
info  : 0,	  // display time (secs) when requested via click or keyboard shortcut
track : 0,   // display time (secs) on track change
end   : 0,   // display time (secs) at the end of the song
covers: true, // show album covers in song information
count : true, // show song number and play queue count
osdFontSize: OSD_SIZE_S
}

Like I do not directly see anything on first eyes.

Like you have the 3 clicks, no information, button information and button and top information - I would like the later to be activated - I am sure you know what I mean, most likely already.

[JesusGod-Pope666-Info]

Seems to be a max length to this, I was thinking of making it fit to the bottom of the screen in its full length. Anyway.... Just some testing. But like while doing other things, it could be cool to have it on top of things although not in the way. Not sure what is possible here, but if one could make it automated go into this mode when going away from it - maybe a little to much, dunno. Was just thinking.

Anyway Library is closing now, need to pack and get moving.