// ==PREPROCESSOR==
// [member=43500]name[/member] "Volume + Text"
// @author "marc2003"
// @import "%fb2k_component_path%helpers.txt"
// ==/PREPROCESSOR==

var g_drag = 0;
var ww = 0, wh = 0;

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

function on_paint(gr) {
	var volume = fb.Volume;
	var pos = ww * vol2pos(volume);
	var txt = volume.toFixed(2) + 'dB';
	FillGradientRectangle(gr, 0, 0, pos, wh, 0, RGB(27, 27, 27), RGB(255, 128, 0));
	FillGradientRectangle(gr, pos, 0, ww - pos, wh, 0, RGB(17, 17, 17), RGB(17, 17, 17));
	gr.WriteText(txt, '', RGB(201, 201, 201), -237, 33, ww, wh, 2, 2);
	gr.DrawRectangle(0, 0, ww - 1, wh - 1, 1.0, RGB(150, 150, 150));
}

function on_mouse_lbtn_down(x, y) {
	g_drag = 1;
}

function on_mouse_lbtn_up(x, y) {
	on_mouse_move(x, y);
	g_drag = 0;
}

function on_mouse_move(x, y) {
	if (g_drag) {
		var pos = x < 0 ? 0 : x > ww ? 1 : x / ww;
		fb.Volume = pos2vol(pos);
	}
}

function on_mouse_wheel(delta) {
	if (delta > 0)
		fb.VolumeUp();
	else
		fb.VolumeDown();
}

function on_volume_change(val) {
	window.Repaint();
}

// name, pixels, font_weight (400 = normal, 700 = bold)
var font_string = CreateFontString("Segoe UI", 20, 700); 

gr.WriteText(txt, '', RGB(201, 201, 201), -237, 33, ww, wh, 2, 2);

gr.WriteText(txt, font_string, RGB(201, 201, 201), -237, 33, ww, wh, 2, 2);

Add this at the start of the script...

Code: [Select]

// name, pixels, font_weight (400 = normal, 700 = bold)
var font_string = CreateFontString("Segoe UI", 20, 700); 

Then modify this line...

Code: [Select]

gr.WriteText(txt, '', RGB(201, 201, 201), -237, 33, ww, wh, 2, 2);

to become...

Code: [Select]

gr.WriteText(txt, font_string, RGB(201, 201, 201), -237, 33, ww, wh, 2, 2);

I'm not familiar with JS, so I have a simple question if someone would be so kind as to answer.

What code do I insert or change to increase the size of the playback buttons?

And one other thing I'd like to do (if possible) is to be able to increase the height of the Spectrogram Seekbar. I can shrink it by dragging border, but its height seems limited to around 5% of total layout height.

Thanks for this wonderful plugin!

I know this one took me a while to figure out a while back but it should be this scale number

I also figured out how to space out and then re-center playback buttons.

this.buttons.BLAH = new _button(...

// ==PREPROCESSOR==
// @name "Smooth Browser"
// @author "Br3tt aka Falstaff"
// @import "%fb2k_component_path%helpers.txt"
// @import "%fb2k_profile_path%smooth\common.js"
// @import "%fb2k_profile_path%smooth\inputbox.js"
// @import "%fb2k_profile_path%smooth\scrollbar.js"
// @import "%fb2k_profile_path%smooth\jssb.js"
// ==/PREPROCESSOR==

Inside the buttons.update method, each button starts with...

Code: [Select]

this.buttons.BLAH = new _button(...

The first 4 values in the button definition are x, y, w,h

x is the left position, y is the top, w is width and h is... you can guess.

$sub(9999,$year(%date%))