Skip to main content

Notice

Please note that most of the software linked on this forum is likely to be safe to use. If you are unsure, feel free to ask in the relevant topics, or send a private message to an administrator or moderator. To help curb the problems of false positives, or in the event that you do find actual malware, you can contribute through the article linked here.
Topic: foo_uie_webview (Read 18675 times) previous topic - next topic
0 Members and 1 Guest are viewing this topic.

Re: foo_uie_webview

Reply #50
Pqyt will you me answer on my questions? And. I do not know how to use foo_jscript_panel3.


Re: foo_uie_webview

Reply #52
Please try the work-around from GitHub and let me know if it fixes the problem before I release it to the component repository.

Incredible !!! It works perfect !!

Now it doesn't fail. Spectacular !!!!

You solved it very quickly. Thank you very much, it's amazing.

I think everything is fine, I have been testing and there seems to be no error. You can publish it to the repository without problems!!

A question pqyt, can the plugin access the album covers? Would be wonderful. I also don't know if you can access the peaks of the sound (I don't know what this is called), it would be brutal to be able to access the intensity of the L and R channels in real time to create different VU meters or Milkdrop with Javascript very easily. It would mean a before and after for Foobar, the design would change a lot.

Thanks again for creating this wonder!!


Re: foo_uie_webview

Reply #54
With this plugin I'm a little closer to the long-standing idea of displaying server location for external links in the FB2K layout.
Attached is a slightly modified template file if anyone is interested.
The server location is determined using the site https://check-host.net
I am not an expert in HTML and JavaScript, so this is implemented primitively.
Maybe someone will be interested in this idea and can implement it more perfectly.
Thank you @pqyt!

Re: foo_uie_webview

Reply #55
Spectacular !!!!!!!!!!!!

The possibilities are endless !!!!


Re: foo_uie_webview

Reply #56
With this plugin I'm a little closer to the long-standing idea of displaying server location for external links in the FB2K layout.
Attached is a slightly modified template file if anyone is interested.
The server location is determined using the site https://check-host.net
I am not an expert in HTML and JavaScript, so this is implemented primitively.
Maybe someone will be interested in this idea and can implement it more perfectly.
Thank you @pqyt!

This detail is very useful, I also use the NAS from outside the house at certain times. For now it only accepts a single instance, right?

If I wanted to add this plus other things in other panels it would not be possible because it would always load the same html file.

This opens up a huge range of possibilities.

This is something completely different from Jscript panel 3. Both plugins offer very different things, although both use Javascript, in this plugin we are talking about embedding a kind of web browser and taking advantage of the thousands of design possibilities, animations, videos, remote connections, etc that offers web programming (html, css and js).

Re: foo_uie_webview

Reply #57
foo_vis_text v0.1.4.0

* New: Support for multiple instances. Each instance can have its own configuration.
* New: Added OnPlaybackEdited() callback.
* Improved: The name of the component will be displayed in Layout Edit mode.
* Fixed: Work-around for WebView not appearing after foobar2000 starts while being hosted in a hidden tab.

Available in the Components repository and on GitHub.

Re: foo_uie_webview

Reply #58
For sure, if this one allows multiple instances it would be really great. Biography panels and things like that could be created easily.

EDIT: just seen the update one minute later. Great

Re: foo_uie_webview

Reply #59
Very interesting, although I'm no CSS or JS hero. It's cool you can use the Edge Devtools while it's active. Now to grow some practical instead of theoretical webdev skills  ;)

I ran into some issues when playing with this on Windows 11, I think related to having foobar2000 installed from the Microsoft Store (I like the automatic app update this brings). To complicate things more, I let OneDrive sync my Documents folder. I can't add a real absolute file path for the template in the Preferences. The 'Apply' button stays grayed out when I type such a path.

Using something like this works: %UserProfile%\foo\Template-test.html. When I use %UserProfile%\Documents\Template-test.html I get the 'real' file on the local system at C:\Users\Myname\Documents, not from the synced Documents folder.

The 'Edit' button not working is presumably related to this, as I'm quite sure Notepad++ is properly registered as handler for HTML files on my system.

Re: foo_uie_webview

Reply #60
foo_vis_text v0.1.4.0

* New: Support for multiple instances. Each instance can have its own configuration.
* New: Added OnPlaybackEdited() callback.
* Improved: The name of the component will be displayed in Layout Edit mode.
* Fixed: Work-around for WebView not appearing after foobar2000 starts while being hosted in a hidden tab.

Available in the Components repository and on GitHub.

Marvelous. Simply wonderful !!!!!!!!!!

Everything works great. It's a bomb!!

It would be wonderful to be able to load different html, and to be able to use the cover or album art of the songs. I imagine that you will add things little by little.

You are the best pqyt. Thank you so much !!

 

Re: foo_uie_webview

Reply #62
I ran into some issues when playing with this on Windows 11, I think related to having foobar2000 installed from the Microsoft Store (I like the automatic app update this brings). To complicate things more, I let OneDrive sync my Documents folder. I can't add a real absolute file path for the template in the Preferences. The 'Apply' button stays grayed out when I type such a path.
The Apply button becomes active simply when the new path is different from the old path; no validation or interpretation occurs.
Using something like this works: %UserProfile%\foo\Template-test.html. When I use %UserProfile%\Documents\Template-test.html I get the 'real' file on the local system at C:\Users\Myname\Documents, not from the synced Documents folder.
That seems correct. There is a %OneDrive% environment variable that is the root of your local OneDrive directory. Type "set" in a command prompt window (cmd.exe) to get a list of all the variables and their values on your system.
The 'Edit' button not working is presumably related to this, as I'm quite sure Notepad++ is properly registered as handler for HTML files on my system.
I'll double check.

Re: foo_uie_webview

Reply #63
Assuming external images as opposed to embedded album art, you could get the path with title formatting...

Code: [Select]
$directory_path(%path%)\cover.jpg

I assume you can update an img src with local file paths?
Works !!!!!! It's brutal!!

Some covers are not in the same path as the sound files, for example double albums.

But I think everything can be solved with Javascript.

Thank you very much mate!!

document.getElementById("cover").src=chrome.webview.hostObjects.sync.foo_vis_text.GetFormattedText("[$directory_path(%path%)]")+"/cover.jpg";

Will it be possible to run two instances with different html scripts?

The covers have given me a lot of ideas. For example, changing through effects between cover.jpg, back.jpg, artist.jpg, etc.

Re: foo_uie_webview

Reply #64
How add in window "Text Visualizer" streaks/strips with: slider playback and slider volume, add fadness/boldness to/for fonts .artist, .track; make window with frame "Text Visualizer" transparents?
Can you add this to your plugin for me? This improve the plugin.

Re: foo_uie_webview

Reply #65
Assuming external images as opposed to embedded album art, you could get the path with title formatting...

Code: [Select]
$directory_path(%path%)\cover.jpg

I assume you can update an img src with local file paths?
Will it be possible to run two instances with different html scripts?
* New: Support for multiple instances. Each instance can have its own configuration.

Re: foo_uie_webview

Reply #66
Assuming external images as opposed to embedded album art, you could get the path with title formatting...

Code: [Select]
$directory_path(%path%)\cover.jpg

I assume you can update an img src with local file paths?
Will it be possible to run two instances with different html scripts?
* New: Support for multiple instances. Each instance can have its own configuration.

Thanks mate

I still haven't figured out how to put different html files into different panels. When I installed the update I saw an extra button appear in the browser menu, but it seems to have stopped appearing. I don't know if it's because of something I touched.




Was it in that menu where you had to put the path of the new html script? Thank you so much !!

EDIT:

With your html template file it does appear, that's it. But when I put another different html file in the configuration menu, the button to apply the changes does not appear, I click ok and the same default page always remains.





I don't know if it's there or somewhere else. Sorry for my clumsiness. :'(

Re: foo_uie_webview

Reply #67
I still haven't figured out how to put different html files into different panels. When I installed the update I saw an extra button appear in the browser menu, but it seems to have stopped appearing. I don't know if it's because of something I touched.
The user experience could be better since there is no obvious way to indicate which panel instance preferences you're editing. Internally the panel instances are tracked using a memory address pointer but there's no user-friendly way to differentiate between the instances.

Start the preferences from the context menu of the panel that you would like to configure. The preferences dialog will 'know' which settings to present, even though you can currently only configure the HTML path.

Re: foo_uie_webview

Reply #68
Hi,

thanks for this wonderful component! As Julero already pointed out, there really seems to be a problem with the HTML file. Since updating to the newest release, it's not possible to change the HTML file at all, not for already existing instances and not for new panels. It's possible to select a file, but it always reverts back to the old one, even when starting the preferences from the context menu. Maybe there's some misunderstanding on our side or the component is broken since the update regarding the selection.

Another short question: the folder EBWebView in the Foobar Profile Path under foo_vis_text is growing fast (around 500bm and 3500 files in two weeks) when using external pages. Is it safe to delete these files from time to time (at least the cache folders) or are there any settings which could trigger automatic deletion of these temporary files? Thanks!




Re: foo_uie_webview

Reply #69
Thank you very much for the component.

I can confirm that it works great on version 1.6.18 of foobar 2000.

Re: foo_uie_webview

Reply #70
thanks for this wonderful component! As Julero already pointed out, there really seems to be a problem with the HTML file. Since updating to the newest release, it's not possible to change the HTML file at all, not for already existing instances and not for new panels. It's possible to select a file, but it always reverts back to the old one, even when starting the preferences from the context menu. Maybe there's some misunderstanding on our side or the component is broken since the update regarding the selection.
I may have missed a test scenario. I had to take into account converting existing users to the new multiple instances settings.
Another short question: the folder EBWebView in the Foobar Profile Path under foo_vis_text is growing fast (around 500bm and 3500 files in two weeks) when using external pages. Is it safe to delete these files from time to time (at least the cache folders) or are there any settings which could trigger automatic deletion of these temporary files? Thanks!
Yes, it is safe. EdgeView calls it a User Data folder where it stores all kinds of temporary stuff. The advice is to have a unique folder per application. Maybe I'll add an option to relocate it.

Have you tried cleaning the the history through the settings of the EdgeView to see if the folder shrinks?

Edit: I just realized there is no way to change the EdgeView preferences...

Re: foo_uie_webview

Reply #71
I still haven't figured out how to put different html files into different panels. When I installed the update I saw an extra button appear in the browser menu, but it seems to have stopped appearing. I don't know if it's because of something I touched.
The user experience could be better since there is no obvious way to indicate which panel instance preferences you're editing. Internally the panel instances are tracked using a memory address pointer but there's no user-friendly way to differentiate between the instances.

Start the preferences from the context menu of the panel that you would like to configure. The preferences dialog will 'know' which settings to present, even though you can currently only configure the HTML path.


As my colleague Major_Tom says, there is no way to apply it, it always remains the same predefined route. Maybe it's a bug or maybe it's because you previously had the old plugin installed and there was some kind of conflict.

Another pqyt issue, this one is a bit silly, but when I change the Columns UI theme (I have it to do it dynamically when it detects a change in window size) the space where the plugin is stays blank for a couple of seconds and it looks kind of ugly. . How could I modify the color to make it a different color?



Thanks for your time !!

Re: foo_uie_webview

Reply #72
Another pqyt issue, this one is a bit silly, but when I change the Columns UI theme (I have it to do it dynamically when it detects a change in window size) the space where the plugin is stays blank for a couple of seconds and it looks kind of ugly. . How could I modify the color to make it a different color?
I haven't even begun to look at the colors in CUI yet. That API is so brutally broken and incomplete it is no fun to develop against. It's beyond me how it became so popular.

Re: foo_uie_webview

Reply #73
Another pqyt issue, this one is a bit silly, but when I change the Columns UI theme (I have it to do it dynamically when it detects a change in window size) the space where the plugin is stays blank for a couple of seconds and it looks kind of ugly. . How could I modify the color to make it a different color?
I haven't even begun to look at the colors in CUI yet. That API is so brutally broken and incomplete it is no fun to develop against. It's beyond me how it became so popular.

I think you found something that Foobar was really missing. That's why the commotion. :))

Foobar is a player that is certainly famous for being able to make quite nice layouts, in addition to hundreds of plugins for audio. But in FB the customization and design of the player interface is one of its strong points.

In your case you have found something that was missing like eating. Embed a browser (or small browser windows) within the interface itself, and with this you have opened Pandora's box for the immense range that this plugin can provide. Hundreds of animations, tools, vu meter

And how easy it is to share the designs, since they are simple html (or html, css, and JS) files.

Don't be discouraged, if the way it is it's already great. With two or three more nonsense or small adjustments it would be completely finished.

Re: foo_uie_webview

Reply #74
You have to be monumentally stupid to have a problem with the Columns UI api for retrieving colours.

Code: [Select]
//Default UI requires a GUID.
const COLORREF colour = m_callback->query_std_color(GUID);

//Columns UI requires an enum value
const COLORREF colour = cui::colours::helper().get_colour(ENUM_VALUE);

edit: added links...

DUI GUIDs
https://github.com/marc2k3/foobar2000-sdk/blob/7f047cf2e541dd2f756c023195ef95285947d201/foobar2000/SDK/ui_element.h#L84-L87

CUI enum
https://github.com/reupen/columns_ui-sdk/blob/164ab473464aaf2626544c9ee1dbb548a39282e5/columns_ui_appearance.h#L7-L13