@LauraQ
Maybe you should read the thread a bit more and play around with the options.

This playlist manager is bundled with the component itself ....

https://jscript-panel.github.io/gallery/smooth-playlist-manager/

is better looking without weird yellow/red bits, obeys your UI colours by default and has a whole bunch of features detailed below the image on that page.

But the item count is not optional.

I said it was bundled with the component. Open the configuration window>click the samples button.

Reply #1748 By: marc2k3
https://hydrogenaud.io/index.php/topic,110499.msg1049256.html#msg1049256

rainbow_stops = [
   [ 0.0, RGB(180, 220, 255) ],
   [ 0.33, RGB(45, 170, 255) ],
   [ 0.66, RGB(5, 71, 219) ],
   [ 1.0, RGB(0, 16, 93) ],
];
init();

JSP3 VU Meter - Blue

Reply #1748 By: marc2k3
https://hydrogenaud.io/index.php/topic,110499.msg1049256.html#msg1049256

rainbow_stops = [
   [ 0.0, RGB(180, 220, 255) ],
   [ 0.33, RGB(45, 170, 255) ],
   [ 0.66, RGB(5, 71, 219) ],
   [ 1.0, RGB(0, 16, 93) ],
];
init();

JSP3 VU Meter - Blue

// ==PREPROCESSOR==
// @name "VU Meter"
// 4 color bars
// @author "ilovefb2k + Case + marc2003"
// @import "%fb2k_component_path%helpers.txt"
// ==/PREPROCESSOR==

var timer_interval = 60; //ms
var timer_id = 0;

var font = CreateFontString("Segoe UI", 8);
var ww = 0, wh = 0;

var minDB = -60;
var RMS_level1 = RMS_level2 = Peak_level1 = Peak_level2 = prev_time = 0;

//var stops = [
//	[ 1.0, RGB(227, 9, 64) ],
//	[ 0.66, RGB(231, 215, 2) ],
//	[ 0.33, RGB(15, 168, 149) ],
//	[ 0.0, RGB(19, 115, 232) ]
//];

var stops = [
   [ 0.0, RGB(180, 220, 255) ],
   [ 0.33, RGB(45, 170, 255) ],
   [ 0.66, RGB(5, 71, 219) ],
   [ 1.0, RGB(0, 16, 93) ],
];

var brush = {
	Stops : stops,
	Start : [0, 0], // x and y values
	End : [0, 0], // x and y values
};
var brush_str = "";

var colours = {
	text : 0,
	background : 0,
};

update_colours();
if (fb.IsPlaying) start_timer();

function update_colours() {
	if (window.IsDefaultUI) {
		colours.text = window.GetColourDUI(ColourTypeDUI.text);
		colours.background = window.GetColourDUI(ColourTypeDUI.background);
	} else {
		colours.text = window.GetColourCUI(ColourTypeCUI.text);
		colours.background = window.GetColourCUI(ColourTypeCUI.background);
	}
}

function to_db(num) {
	var ret = (2000 * Math.log(num) / Math.LN10 / 100);
	return clamp(ret, minDB, 0);
}

function clamp(value, min, max) {
	if (value < min) return min;
	if (value > max) return max;
	return value;
}

function start_timer() {
	if (timer_id)
		return;

	timer_id = window.SetInterval(function() {
		var cur_time = fb.PlaybackTime;
		if (cur_time) {
			var chunk = fb.GetAudioChunk(cur_time - prev_time);
			if (chunk) {
				prev_time = cur_time;
				var data = chunk.Data.toArray();
				if (data) {
					var ch_count = chunk.ChannelCount;
					var frame_len = chunk.SampleCount;
					var ch2_idx = 1;
					if (ch_count < 2) ch2_idx = 0;
					var sum1 = 0;
					var sum2 = 0;
					var peak1 = 0;
					var peak2 = 0;
					for (var i = 0; i < data.length; i += ch_count) {
					  var l = data[i];
					  var r = data[i + ch2_idx];
					  if (l > peak1) peak1 = l;
					  if (r > peak2) peak2 = r;
					  sum1 += l * l;
					  sum2 += r * r;
					}
					RMS_level1 = Math.sqrt(sum1/frame_len);
					RMS_level2 = Math.sqrt(sum2/frame_len);
					Peak_level1 = peak1;
					Peak_level2 = peak2;
				}
			}
		}
		window.Repaint();
	}, timer_interval);
}

function stop_timer(clear) {
	if (timer_id)
		window.ClearInterval(timer_id);

	timer_id = 0;

	if (clear)
		clear_meter();
}

function clear_meter() {
	RMS_level1 = RMS_level2 = Peak_level1 = Peak_level2 = prev_time = 0
	window.Repaint();
}

function FillRectangle(gr, x, y, w, h) {
	var db = to_db(w);
	var rw = Math.round(ww * ((100 + db) / 65 - 40 / 65));
	gr.FillRectangle(x, y, rw, h - 1, brush_str);
}

function on_colours_changed() {
	update_colours();
	window.Repaint();
}

function on_paint(gr) {
	gr.FillRectangle(0, 0, ww, wh, colours.background);

	var h = 20;
	var VU_x = 20;;
	var VUy = 5;
	var VUw = ww - 20;

	var yL = VUy + h;
	var yLM = VUy + (h * 2);
	var yRM = VUy + (h * 3);
	var yR = VUy + (h * 4);

	// labels
	gr.WriteTextSimple("FL", font, colours.text, 0, yL, VU_x, h, 2, 2);
	gr.WriteTextSimple("FL", font, colours.text, 0, yLM, VU_x, h, 2, 2);
	gr.WriteTextSimple("FR", font, colours.text, 0, yRM, VU_x, h, 2, 2);
	gr.WriteTextSimple("FR", font, colours.text, 0, yR, VU_x, h, 2, 2);
	
	var label_width = (ww - VU_x) / 13;
	var labels = [-60, -55, -50, -45, -40, -35, -30, -25, -20, -15, -10, -5, 0];
	labels.forEach(function (label, i) {
		gr.WriteTextSimple(label + "dB", font, colours.text, 10 + (i * label_width), yR + h + 10, label_width, h);
	});
	gr.DrawLine(VU_x, yR + h + 5, ww - VU_x, yR + h + 5, 1, colours.text);

	// bars
	FillRectangle(gr, VU_x, yLM, RMS_level1, h);
	FillRectangle(gr, VU_x, yRM, RMS_level2, h);
	FillRectangle(gr, VU_x, yL, Peak_level1, h);
	FillRectangle(gr, VU_x, yR, Peak_level1, h);
}

function on_playback_new_track(handle) {
	start_timer();
}

function on_playback_pause(state) {
	state ? stop_timer() : start_timer();
}

function on_playback_stop(reason) {
	if (reason != 2) {
		stop_timer(true);
	}
}

function on_size() {
	ww = window.Width;
	wh = window.Height;

	brush.End = [ww, 0];
	brush_str = JSON.stringify(brush);
}

Quote from: Air KEN on 2024-08-17 20:42:32

Reply #1748 By: marc2k3
https://hydrogenaud.io/index.php/topic,110499.msg1049256.html#msg1049256

rainbow_stops = [
   [ 0.0, RGB(180, 220, 255) ],
   [ 0.33, RGB(45, 170, 255) ],
   [ 0.66, RGB(5, 71, 219) ],
   [ 1.0, RGB(0, 16, 93) ],
];
init();

JSP3 VU Meter - Blue

rainbow_stops = [
   [ 0.0, RGB(151, 196, 199) ],
   [ 0.33, RGB(62, 160, 180) ],
   [ 0.66, RGB(31, 80, 89)],
   [ 1.0, RGB(11, 27, 31) ],
];

JSP3 VU Meter - Green

I said it was bundled with the component. Open the configuration window>click the samples button.

If possible, I would also like a Reset Option.

I wanted to ask you two things, I added the cover, but it bothers me that when I go over it with the mouse a text with the path appears, is it possible not to make it appear?

function _tt() {}

rainbow_stops = [
	[ 1.0, RGB(255, 0, 0) ],
	[ 0.66, RGB(255, 60, 1) ],
	[ 0.33, RGB(255, 128, 0) ],
	[ 0.0, RGB(255, 160, 75) ]
];

orange to red gradient VU meter colors

Code: [Select]

rainbow_stops = [
	[ 1.0, RGB(255, 0, 0) ],
	[ 0.66, RGB(255, 60, 1) ],
	[ 0.33, RGB(255, 128, 0) ],
	[ 0.0, RGB(255, 160, 75) ]
];

how do you get it to show the full bars for screenshots have a tone that peaks or?

Quote from: DClaville on 2024-08-20 08:21:46

orange to red gradient VU meter colors

Code: [Select]

rainbow_stops = [
	[ 1.0, RGB(255, 0, 0) ],
	[ 0.66, RGB(255, 60, 1) ],
	[ 0.33, RGB(255, 128, 0) ],
	[ 0.0, RGB(255, 160, 75) ]
];

how do you get it to show the full bars for screenshots have a tone that peaks or?

Keep the custom rainbow stops you added if you want the orange tones
Colors:  custom, rainbow
Meter Style:  smooth

That's with the JPS3 3.6.9 meter, may have changed with 3.6.10

function to_db() {
    return Math.random();
}

Quote from: Air KEN on 2024-08-18 13:10:03

If possible, I would also like a Reset Option.

Not specific to the VU meter but for any panel that stores persistent settings: Hold shift+win key together. Right click panel>Clear properties.

Quote from: LauraQ on 2024-08-18 17:29:10

I wanted to ask you two things, I added the cover, but it bothers me that when I go over it with the mouse a text with the path appears, is it possible not to make it appear?

Open the configuration window, add this code at the start

Code: [Select]

function _tt() {}

As for rating, there is no existing option but tooltips show the selected aritst/title when you hover your mouse over it.

The next release is going to contain a combined Text Display + Album Art + Rating like this.



Like the current rating script, you can choose between Playback Statistics (foo_playcount) or writing file tags.

rainbow_stops = [
   [ 0.003, RGB(255, 0, 0) ],
   [ 0.003, RGB(15, 15, 15) ],
   [ 0.66, RGB(210, 210, 210) ],
   [ 1.0, RGB(255, 0, 0) ],
];

Quote from: sveakul on 2024-08-20 09:18:26

Quote from: DClaville on 2024-08-20 08:21:46

orange to red gradient VU meter colors

Code: [Select]

rainbow_stops = [
	[ 1.0, RGB(255, 0, 0) ],
	[ 0.66, RGB(255, 60, 1) ],
	[ 0.33, RGB(255, 128, 0) ],
	[ 0.0, RGB(255, 160, 75) ]
];

how do you get it to show the full bars for screenshots have a tone that peaks or?

Keep the custom rainbow stops you added if you want the orange tones
Colors:  custom, rainbow
Meter Style:  smooth

That's with the JPS3 3.6.9 meter, may have changed with 3.6.10

that makes no sense.

I don't like bright colors for the VU Metter.

This is my script:

Code: [Select]

rainbow_stops = [
   [ 0.003, RGB(255, 0, 0) ],
   [ 0.003, RGB(15, 15, 15) ],
   [ 0.66, RGB(210, 210, 210) ],
   [ 1.0, RGB(255, 0, 0) ],
];

I would like to be able to remove the red bars on the left side.