UI Element instantiation failure: UI Element Not Found

Hi
I have update withe the last version foo_jscript_panel3-3.8.2 but now, at the start of foobar2000 I received an error msg:

https://github.com/jscript-panel/release/releases/tag/latest
<!> Warning
If an update causes a script error from an included sample, simply re-import using the Samples button in the Configuration Window.

Quote from: LauraQ on 2024-11-01 22:58:56

Hi
I have update withe the last version foo_jscript_panel3-3.8.2 but now, at the start of foobar2000 I received an error msg:

Probably just have to do this ...

Quote

https://github.com/jscript-panel/release/releases/tag/latest
<!> Warning
If an update causes a script error from an included sample, simply re-import using the Samples button in the Configuration Window.

People always get offended when I ask if they're blind or stupid. What else am I supposed to think?

It's impossible to download this component without seeing this text. :/

your post says three things, that you don't consider that many people don't understand English, that many people don't read the info that is associated with a download and that you are not able to empathize with others

I have no idea what to enter, so I clicked on some random numbers and the script started working...mystery ^_^

Quote from: LauraQ on 2024-11-02 16:52:22

your post says three things, that you don't consider that many people don't understand English, that many people don't read the info that is associated with a download and that you are not able to empathize with others

#1 & #3, all Marc.

#2 is on you.
If you're motivated enough to post here, then you should be motivated enough to actually read about what you install?

Quote from: LauraQ on 2024-11-02 11:02:24

I have no idea what to enter, so I clicked on some random numbers and the script started working...mystery ^_^

Not crashing does not mean it is doing anything meaningful. You need to put your own LastFM API code in if you actually want your own data.

People always get offended when I ask if they're blind or stupid. What else am I supposed to think?
It's impossible to download this component without seeing this text. :/

The only suggestion I might make is to not dive in with a reply every time... 

Just my 2 cents: Be careful not to bite the hand that feeds.

The "elders" who contribute so much that the rest of us freeload on, purely from personal interest and with no recompense, should be forgiven the occasional lack of patience when obliged to answer the same question for the umpteenth time.

The point about the comprehension of English is irrelevant.  English is the official language of the forum, and there are adequate translation facilities available these days.  If somebody doesn't feel able to communicate in English, then they have the option not to use the software.  Nobody's forced to, take it or leave it.

The only suggestion I might make is to not dive in with a reply every time; if the question niggles then let somebody else answer it.  And yes, it does niggle when people ignore what's in front of them.

Is there any real advantage of the JSP3 script VU meter over the recent and terrific re-work of foo_vis_vumeter by oops?  With all due respect to ilovefb2k, I did get a meter to show up, but that script is a nightmare.

Is there any real advantage of the JSP3 script VU meter over the recent and terrific re-work of foo_vis_vumeter by oops?  With all due respect to ilovefb2k, I did get a meter to show up, but that script is a nightmare.

Quote from: Defender on 2024-11-04 21:50:31

Quote from: sveakul on 2024-11-04 21:46:01

Is there any real advantage of the JSP3 script VU meter over the recent and terrific re-work of foo_vis_vumeter by oops?  With all due respect to ilovefb2k, I did get a meter to show up, but that script is a nightmare.

It runs (with modification) with transparant background and under CUI. So it is promising.

hi @sveakul,
thank you for your feedback. It is just an attempt for us to play around and tune it to suit our specific look & feel. e.g. we may construct ourself a fb2k theme/skin and let this help us in manipulating  a VU Meter.
It is in no way can compared with well-coded,  beautiful and rich-feature one of @oops' or the 32x version.

hi @Defender,
yeah, you are totally right.    

wish you both a nice day.
@ilovefb2k

@ilovefb2k
Hi.
JSP AIMP analog VU Meter:
context menu > Setting > check setting > FL > FR OK → OK

Is this automatic?

var aimp_path = "c:\\beat_audio_vu_meter\\";

@ilovefb2k :  I didn't know that responding "OK" to the two error messages about FL/FR actually "did" anything to the movement, thanks for that info;  I just thought "dang, starting with 2 error messages is not good!"

I find the needle response very "stiff" on most of the supplied meters. while seeming to correctly point at RMS, comparing it to the JSP3 bar meters by Case and marc2k3.  That "peak" needle hanging off the bottom really threw me, seems to only serve a purpose with the BMW 750 skin (lovely colors there BTW).  Suggestions after my first use of the script would be:

1.  Please provide a way to toggle a reading for "RMS" or "Peak" from the normal single needle meters without requiring that second "hanging ghost needle"

2.  Change the two "check setting" error messages to indicate something has been adjusted, not that "it's screwed up"

3.  Please point to the places in the script where users that can make manual changes to adjust speed of needle response and decay, layout, gain, etc.  if these cannot be added to the GUI context menu

BTW the script *.txt can be imported into the JSP3 panel from anywhere, it doesn't need to reside first on the path given in the "// import@" line.   You can change the path of the skin folder to outside fb2k and without all the "viking", etc. on line 69 of the script.  For example, mine is set to

Code: [Select]

var aimp_path = "c:\\beat_audio_vu_meter\\";

I didn't change the actual folder name in case that was referred to elsewhere in the script.  I dumped all the skins from both the "HA_aimp_Vu_meter_1.0.1.rar" and "HA_aimp_Vu_meter.rar" files into it.  On first run, it complains about not being able to find the default skin, but then goes on to display the first skin from alphabetical order in the folder, and never complains again. All the skins appear and are selectable from the context menu, and it remembers the last skin used.

While I do have foo_uie_jsplitter installed (Foobar v2.24 x64), the whole panel creation/config import operation here was done just with JSP3.

Thanks ilovefb2k for this promising "proof of concept" addition to the fb2k meter display group and I look forward to a revised version soon!!

function AIMP_VU_Meter_update() { //@case, @marc2003
	if (!aimp_skin_check) return;

	var cur_time = fb.PlaybackTime;
	if (cur_time > rms_window) {
		var chunk = fb.GetAudioChunk(rms_window);
		if (chunk) {
			var data = chunk.Data.toArray(); //data.length = chunk.ChannelCount * chunk.SampleCount
			var frame_len = chunk.SampleCount; // 4410 per 100ms, 44100 per 1s
			if (data && chunk.ChannelCount > 0 && frame_len > 0) {
				
				// we get data for 2 channels only : FL, FR or vice versa !?
				for (var c = 0; c < channels_count; c++) {
					var sum = 0, peak = 0, peak_rms =0;
					
					for (var i = c; i < data.length; i += chunk.ChannelCount) {
						var s = Math.abs(data[i]);
						sum += s * s;
						
						if (properties.peak_needle && s > peak) peak = s;
					}

					// RMS level
					peak_rms =  Math.sqrt(sum/frame_len);
					if (peak_rms > RMS_levels[c]) RMS_levels[c] = peak_rms;
					else RMS_levels[c] *= peak_fall_mul;
					
					// peak level
					if (properties.peak_needle)
						if (peak > Peak_levels[c]) Peak_levels[c] = peak;
						else Peak_levels[c] *= peak_fall_mul;
				}
			
				window.Repaint();
			}
		}
	}
}

@ilovefb2k
Hi.
JSP AIMP analog VU Meter:
context menu > Setting > check setting > FL > FR OK → OK

Is this automatic?

function dbToAngle(db,c){
	var angle= 0;
	
	var scaleAngle = MaxAngle[c] - MinAngle[c]; //symmetric on the VU Meter scale
	var ratio =  MinAngle[c]/scaleAngle;
	ratio = Math.abs(ratio);
	// @Black_AVP :  May 06, 2016, 15:25:42
	// https://www.aimp.ru/forum/index.php?topic=52865.msg325067#msg325067 
	// adpated for JSP3 DrawImage()
	 angle = scaleAngle * (  dBToPct(db - MaxLevel[c]) - ratio ) ; 

	/*/
	   console.log("aimp VU Meter needle angle:",'db=',db,',angle=',angle);
	  if (db <= MinLevel) angle = MinAngle;
	  if (db >= MaxLevel) angle = MaxAngle;
	/*/
	
	return angle;
}

function dBToPct(dB){ 
	return Math.pow(10,(dB/20));
}

function AIMP_VU_Meter_seting() {
	
	ww = window.Width;
	wh = window.Height;
	
	if (!aimp_skin_check) return;
	for (var c = 0; c < channels_count; c++) {
		// 1 -- rescale size to retain the ratio as AIMP does. we do not scale VU meter as fb2k does.
		// assuming : both left & right panel is equal in height
		ww_[c] = (ww - LM)/2, wh_[c]= wh-TM;
		var scaleAangle1 = ww_[c]/wh_[c]; 
		
		if  (scaleAangle1 > scaleAangle[c]) ww_[c] = wh_[c]*scaleAangle[c];
		else wh_[c] =  ww_[c]/scaleAangle[c];
		
		// 2 -- x,y coords scale
		x_[c] = LM ; y_[c] = TM ;
		
		if (c >0) {
			x_[c]=ww_[c-1]+x_[c-1]; 
			y_[c]=y_[c-1];
		
			// shift the right channel panel towards left if it is wider than left channel panel
			if (channel_short.channel == 0) {
				x_[c]=ww_[c-1]*channel_short.ratio + x_[c-1]; 
			}
			x_[c] --; // 1px to the left to hide the gab between Left and Right panel due to calculation
		}

		
		/*/ 3 -- width, height needle scaled : we have to create a needle image, then scale per actual panel size
			 [+] analog VU Meter:
				|-- x_needle > 0: 
					|-- y_needle > 0: 
						|-- arrow_dir = other {vertical needle} 
						|-- arrow_dir = other {horizontal vertical}   <== for left panel only
						|-- arrow_dir = down
					|-- y_needle <= 0:
						|-- arrow_dir = down
						X|-- arrow_dir = other  {not practical!}
				|-- x_needle <= 0:
					|-- y_needle > 0:
						|-- arrow_dir = other {horizon}
						X|-- arrow_dir = down {not practical!}
					|-- y_needle <= 0:
						X|-- arrow_dir = other {not practical!}
						X|-- arrow_dir = down  {not practical!}
				* x_needle : x_needle coords per INI file; y_needle : y_needle coords per INI file; X : Not existed/not practical VU Meter.		
		/*/

		var xs_	= 0,ys_ = 0;
		var nxs_= 0,nys_ = 0;
		var wws_ =0, whs_= 0;
		var	nw_ = aimp_needle_img1[c].Width, nh_ = aimp_needle_img1[c].Height;

		// 3.1-- analog, x_needle > 0, y_needle > 0, arrow_dir = other {vertical }[0 111]
		if (aimp_type.type[c] == 0  && aimp_type.sub_type[c] == 0
			&& aimp_type.x_needle_coords[c] == 1 && aimp_type.y_needle_coords[c] == 1 
			&& aimp_type.arrow_dir[c] ==1 ) {
			ws[c]	= (ww_[c]/scaleWidth[c])*2;	hs[c] 	= (wh_[c]/scaleHeight[c])*2;
			wws_ 	= ww_[c];	whs_ 	= wh_[c];
			xs_ 	= 0;	ys_ 	= 0 ;
			nxs_ 	= 0;	nys_ 	= 0;
			xn_[c] 	= x_[c];	yn_[c] 	= y_[c];
		}

		// 3.1.1-- analog, x_needle > 0, y_needle > 0, arrow_dir = other {horizon} [0/1 111]
		if (c==0 && aimp_type.type[c] == 0 && aimp_type.sub_type[c] == 1 
			&& aimp_type.x_needle_coords[c] == 1 && aimp_type.y_needle_coords[c] == 1 
			&& aimp_type.arrow_dir[c] ==1 ) {
			ws[c] 	= (ww_[c] -  ww_[c]/scaleWidth[c])*2;	hs[c] 	= (wh_[c]/scaleHeight[c])*2;
			wws_ 	= ww_[c]; whs_ 	= wh_[c];
			xs_ 	= ws[c]/2-ww_[c]/scaleWidth[c];	ys_ 	= 0 ;
			nxs_ 	= 0;	nys_ 	= 0;
			xn_[c] 	= x_[c] - ws[c]/2+ww_[c]/scaleWidth[c];	yn_[c] = y_[c];
			
		}


		// 3.2-- analog, x_needle <= 0, y_needle > 0, arrow_dir = other {horizon} [0 011]
		if (aimp_type.type[c] == 0 
			&& aimp_type.x_needle_coords[c] == 0 && aimp_type.y_needle_coords[c] == 1 
			&& aimp_type.arrow_dir[c] ==1 ) {
				
			ws[c] 	= (ww_[c]+ ww_[c]/scaleWidth[c])*2;	hs[c] 	= (wh_[c]/scaleHeight[c])*2;
			wws_ 	= ww_[c];	whs_ 	= wh_[c];
			xs_ 	= ws[c]/2+ww_[c]/scaleWidth[c];	ys_ 	= 0;
			nxs_ 	= 0;	nys_ 	= 0;
			xn_[c] 	= x_[c] - ws[c]/2-ww_[c]/scaleWidth[c];	yn_[c] 	= y_[c];
		}
		
		
		// 3.3-- analog, x_needle > 0, y_needle <= 0, arrow_dir = down [0 100]
		if (aimp_type.type[c] == 0 
			&& aimp_type.x_needle_coords[c] == 1 && aimp_type.y_needle_coords[c] == 0 
			&& aimp_type.arrow_dir[c] == 0 ) {
				
			ws[c]	= (ww_[c]/scaleWidth[c])*2;	hs[c]= (wh_[c]+ wh_[c]/scaleHeight[c] ) *2 ;
			wws_	= ww_[c];	whs_	= wh_[c];
			xs_		= 0;	ys_	= wh_[c] +  2*wh_[c]/scaleHeight[c];
			nxs_	= 0;	nys_	= 0;
			xn_[c]	= x_[c];	yn_[c]= y_[c]- ys_;
		}

		// 3.4-- analog, x_needle > 0, y_needle > 0, arrow_dir = down [0 110]
		if (aimp_type.type[c] == 0 
			&& aimp_type.x_needle_coords[c] == 1 && aimp_type.y_needle_coords[c] == 1 
			&& aimp_type.arrow_dir[c] == 0 ) {
				
			ws[c]	= (ww_[c]/scaleWidth[c])*2;	hs[c]	= (wh_[c] - wh_[c]/scaleHeight[c] ) *2 ;
			wws_	= ww_[c];	whs_	= hs[c]/2;
			xs_		= 0;	ys_		= hs[c]/2; 
			nxs_	= 0;		nys_ 	= aimp_needle_img1[c].Height/scaleHeight[c]
			xn_[c]	= x_[c];	yn_[c]	= y_[c]-hs[c]/2 + wh_[c]/scaleHeight[c];
		}
		
		// 4-- needle scaled 
		// aimp_needle_img
		if (aimp_needle_img[c]) aimp_needle_img[c].Dispose();
			aimp_needle_img[c] = utils.CreateImage( ws[c], hs[c] );
		var gb = aimp_needle_img[c].GetGraphics();
			gb.DrawImage(aimp_needle_img1[c],
						xs_,ys_,wws_,whs_,
						nxs_,nys_,nw_,nh_);
			aimp_needle_img[c].ReleaseGraphics(); gb = null;
		
		// aimp_needle_peak_img
		
		if (aimp_needle_peak_img[c]) aimp_needle_peak_img[c].Dispose();
			aimp_needle_peak_img[c] = utils.CreateImage(ws[c], hs[c]);
		var gb = aimp_needle_peak_img[c].GetGraphics();
			gb.DrawImage(aimp_needle_peak_img1[c],
						xs_,ys_,wws_,whs_,
						nxs_,nys_,nw_,nh_);
			aimp_needle_peak_img[c].ReleaseGraphics(); gb = null;

		// aimp_needle_peak_peak_img
		
		if (aimp_needle_peak_peak_img[c]) aimp_needle_peak_peak_img[c].Dispose();
			aimp_needle_peak_peak_img[c] = utils.CreateImage(ws[c], hs[c]);
		var gb = aimp_needle_peak_peak_img[c].GetGraphics();
			gb.DrawImage(aimp_needle_peak_peak_img1[c],
						xs_,ys_,wws_,whs_,
						nxs_,nys_,nw_,nh_);
			aimp_needle_peak_peak_img[c].ReleaseGraphics(); gb = null;

	}
 
	/*/ for testing only
		window.MaxWidth = window.MinWidth = LM+aimp_needle_img1[c].Width*2;
		window.MaxHeight = window.MinHeight = TM+aimp_needle_img1[c].Height;
	/*/
	
}