Playback History + Now Playing 2 (foo_nowplaying2)+ Text Reader
Now Playing 2 (foo_nowplaying2)
https://hydrogenaud.io/index.php/topic,124427.0.html

https://i.imgur.com/NNUtmqr.png

Playback history is displayed in Text Reader in cooperation.
Garbled characters in Text Reader (Japanese).
foo_nowplaying2 is not garbled.

Thanks.

I would like a Pre-second update option in Text Reader.

Quote from: Air KEN on 2023-07-25 11:31:09

I would like a Pre-second update option in Text Reader.

Related to Air KEN's requests for the Text Reader sample:

1) Offer an "auto-refresh" option for Text Reader that will auto-refresh itself each time the text file it's displaying is written to.,

2) Enable the display of Unicode UTF-8;  e.g., while the text file (and window title) correctly shows "2023-07-25 17:55:59  Blacknasty - Давай Идти Никуда," it is displayed in the main Text Reader window as:

Thanks for your consideration!

The text reader has been updated in the latest release to try and handle files with other encodings other than UTF8. If it were proper UTF8 (with or without BOM is fine), the previous versions would not have issues.

It has to be manually chosen from the right click menu and may not always work. If it does, great. If not, meh.

All the comments about refreshing and what not I'm just plain ignoring. Don't like it? Don't use it..

this.files = _getFiles(this.folder, this.exts);

this.files = [];
this.files.push(this.folder + "\\front.jpg");
this.files.push(this.folder + "\\back.jpg");
this.files.push(this.folder + "\\disc.jpg");

there is actually a simple function that does that (https://jscript-panel.github.io/docs/interfaces/IJSImage/#stackblurradius).
Take a look and let us know if you managed to make it work.

this.img = img;

this.img.StackBlur(50); // valid values are 2-254

// @import "%fb2k_component_path%samples\js\albumart+blur.js"

// ==PREPROCESSOR==
// @name "Text Display + Album Art Blur"
// @author "marc2003"
// @import "%fb2k_component_path%helpers.txt"
// @import "%fb2k_component_path%samples\js\lodash.min.js"
// @import "%fb2k_component_path%samples\js\common.js"
// @import "%fb2k_component_path%samples\js\panel.js"
// @import "%fb2k_component_path%samples\js\albumart.js"
// @import "%fb2k_component_path%samples\js\text_display.js"
// ==/PREPROCESSOR==

// https://jscript-panel.github.io/gallery/text-display/

var radius = 50;
var overlay = 180;

var g_img = null;
var g_metadb = null;
var g_info = '';

var panel = new _panel({ custom_background : true });
var albumart = new _albumart(0, 0, 0, 0);
var text = new _text_display(LM, 0, 0, 0);

var blur_img = null;

var ww = 0, wh = 0;

update_album_art();
StackBlur(radius);

panel.item_focus_change();

function update_album_art() {
	if (g_img) g_img.Dispose();
	g_img = null;
	g_info = '';
	g_metadb = fb.IsPlaying ? fb.GetNowPlaying() : fb.GetFocusItem();
	if (g_metadb) {
		g_img = g_metadb.GetAlbumArt(); // omitting the type defaults to front
		if (g_img) {
			blur_img = g_img.Clone();
			blur_img.StackBlur(radius);
		}
	}
	window.Repaint();
}

//
function StackBlur(radius) {
	if (blur_img) blur_img.Dispose();
	blur_img = g_img.Clone();
	g_img.StackBlur(radius);
}
//

function on_colours_changed() {
	panel.colours_changed();
	text.refresh(true);
	//
	window.Repaint();
}

function on_font_changed() {
	panel.font_changed();
	text.refresh(true);
}

function on_item_focus_change() {
	panel.item_focus_change();
	// 
	if (!fb.IsPlaying) update_album_art();
}

function on_metadb_changed() {
	albumart.metadb_changed();
	text.metadb_changed();
}

function on_mouse_lbtn_dblclk() {
	if (g_metadb) g_metadb.ShowAlbumArtViewer(0);
}

function on_mouse_lbtn_up(x, y) {
	text.lbtn_up(x, y);
}

function on_mouse_move(x, y) {
	text.move(x, y);
}

function on_mouse_rbtn_up(x, y) {
	return panel.rbtn_up(x, y, text);
}

function on_mouse_wheel(s) {
	text.wheel(s);
}

function on_paint(gr) {
	
	panel.paint(gr);

	var bg = window.IsDefaultUI ? window.GetColourDUI(1) : window.GetColourCUI(3);
	gr.Clear(bg);
    if (g_img) {
        _drawImage(gr, blur_img, 0, 0, panel.w, panel.h, image.crop);
	}

    _drawOverlay(gr, 0, 0, panel.w, panel.h, overlay);
	text.paint(gr);

}

// get notified of album art changes when listening to a supported stream
function on_playback_dynamic_info_track(type) {
	if (type == 1) update_album_art();
	// type 0 is metadata which we're not interested in
}

function on_playback_new_track() {
	panel.item_focus_change();
	//
	update_album_art();
}

function on_playback_pause() {
	text.refresh();
}

function on_playback_stop(reason) {
	text.refresh();
	//
	if (reason != 2) {
		update_album_art();
	}
}

function on_playback_time() {
	text.playback_time();
}

function on_playlist_items_added() {
	panel.item_focus_change();
}

function on_playlist_items_removed() {
	panel.item_focus_change();
}

function on_playlist_items_reordered() {
	text.refresh();
}

function on_playlist_switch() {
	panel.item_focus_change();
	//
	if (!fb.IsPlaying) update_album_art();
}

function on_size() {
	panel.size();
	text.w = panel.w - (LM * 2);
	text.h = panel.h;
	text.size();

	ww = window.Width;
	wh = window.Height;
}