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: Made with foo_uie_webview (Read 14406 times) previous topic - next topic
0 Members and 1 Guest are viewing this topic.

Re: Made with foo_uie_webview

Reply #26
I'm still working on it, the version is not finished.

However, I'll tell you where I got to, it's clear that you have to change the const basePath for pdf.


Re: Made with foo_uie_webview

Reply #27
Radio Player API Cover + BOX Color




Re: Made with foo_uie_webview

Reply #28
I'm still working on it, the version is not finished.

However, I'll tell you where I got to, it's clear that you have to change the const basePath for pdf.

Thanks. Your approach is elegant!

I was hoping you might have found an alternative to iframes.  :D


Re: Made with foo_uie_webview

Reply #29
const basePath = "pdf/";

folder pdf

Re: Made with foo_uie_webview

Reply #30
New version posted:
- improved radio station server geolocation detection
- improved radio browser data processing (radio station home page geolocation)
- minor internal changes and improvements
Download:

The following problems remain:
- isn`t always possible to find a radio station by URL stream in the radio-browser server (a possible solution would be searching by `stationUUID` if fb2k provided it)
- errors when opening the home page using <iframe> because some sites reject such requests.
A possible solution here would be to split the WebView component panel into two areas: 1. user area (header) and 2. content area.
Having 2 areas of WebView panel will allow:
- form a user design in area 1 (to control area 2, maybe adding a new tag, for example <userarea></userarea>)
- display content in area 2 without using <iframe>
- control navigation of the open URL page in area 2.
- perhaps, also some other advantages...
I hope the developer @pqyt will have enough motivation to implement this.

Re: Made with foo_uie_webview

Reply #31
I hope the developer @pqyt will have enough motivation to implement this.
Motivation, sure. Time, on the other hand... I'm a bit busy lately but it'll pass.

Re: Made with foo_uie_webview

Reply #32
Radio Player First Release.

Three folders must be created in the Radio Player folder:

images (here you have to put a no_cover_api.png image)
logos (here you have to put the radio station images .png)
pdf (here you have to put the pdf files)

logos files and pdf files must have exactly the same name, change the extension for example:

Radio Free.png
Radio Free.pdf

more explanations later...


Re: Made with foo_uie_webview

Reply #33
Radio Maker (Import TXT list from foobar2000 Text Tools)
Vibility (Audio Control Bar)
PDF Reader
Text Reader
Lyric (no active)
Logo Image
Thumbs (multiple images - no active)
Color Box (Color Picker - Custom Image - Fit Mode - Trasparency - Blur) (Cover Logo - no active)
Show Radio Active (Automatic repositioning of the active radio in the radio list)
API Cover
API Title / Artist

Beta version.


Re: Made with foo_uie_webview

Reply #34
New version posted:
- improved search for articles on Wikipedia
- added a "lock" checkbox
- minor internal changes and improvements.
Download:

Re: Made with foo_uie_webview

Reply #35
New version posted:
- the ability to enter an API key in the component window has been implemented (the API key is remembered until the cache is cleared)
- the Wiki article search function has been redesigned (caching has been applied to reduce network requests)
Download:

Re: Made with foo_uie_webview

Reply #36
New version posted:
- the ability to enter an API key in the component window has been implemented (the API key is remembered until the cache is cleared)
- the Wiki article search function has been redesigned (caching has been applied to reduce network requests)
Download:
Could you please tell me how to change the background color of GeoIP_foo_uie_webview (pub)? Thank you very much!

Re: Made with foo_uie_webview

Reply #37
Could you please tell me how to change the background color of GeoIP_foo_uie_webview (pub)? Thank you very much!
Sure. To set the background color, you can do the following:
1. Set the background color manually in the CSS section here is the line background-color: #202020; (at the beginning of the html).
Code: [Select]
 html {
            height: 100%;
            margin: 0px;
            padding: 0px;
            display: flex;
            flex-direction: column;
            color: #ababbe;
            /* set the font color */
            font-size: 10px;
            /* set the font size and type */
            font-family: arial;
            background-color: #202020;
            /* Don't set a background color to use the theme background color of the foobar2000 panel */
        }
The color is specified as a number in hexadecimal format. You can read more about this here: https://developer.mozilla.org/en-US/docs/Web/CSS/background-color
2. Or delete this line. In this case, the background color will be set according to the fb2k color theme.

Re: Made with foo_uie_webview

Reply #38
Could you please tell me how to change the background color of GeoIP_foo_uie_webview (pub)? Thank you very much!
Sure. To set the background color, you can do the following:
1. Set the background color manually in the CSS section here is the line background-color: #202020; (at the beginning of the html).
Code: [Select]
 html {
            height: 100%;
            margin: 0px;
            padding: 0px;
            display: flex;
            flex-direction: column;
            color: #ababbe;
            /* set the font color */
            font-size: 10px;
            /* set the font size and type */
            font-family: arial;
            background-color: #202020;
            /* Don't set a background color to use the theme background color of the foobar2000 panel */
        }
The color is specified as a number in hexadecimal format. You can read more about this here: https://developer.mozilla.org/en-US/docs/Web/CSS/background-color
2. Or delete this line. In this case, the background color will be set according to the fb2k color theme.
I changed it this way, but I refreshed it right back to the original color, okay?


Re: Made with foo_uie_webview

Reply #40
I changed it this way, but I refreshed it right back to the original color, okay?
You can change the color settings this way as you need. To save the changes, they must be saved in this file: GeoIP_foo_uie_webview(pub).html

Re: Made with foo_uie_webview

Reply #41
@ApacheReal
thank you as always.

"API Cover & Info Tracks" requires a lot of height to display properly. Can you change it according to the width and height of the Panel?
SHURE SRH1840, SENNHEISER HD660S2, SENNHEISER HD620S, SENNHEISER HD 490 Pro Plus, beyerdynamic DT 1990 PRO, HiFiMAN Edition XS, Bowers & Wilkins P7, FiiO FT5, 水月雨 (MOONDROP) 空鳴 - VOID, Nakamichi Elite FIVE ANC, SONY WH1000XM5 (made a Upgrade/Balanced Cable by myself)

Re: Made with foo_uie_webview

Reply #42
@ApacheReal
thank you as always.

"API Cover & Info Tracks" requires a lot of height to display properly. Can you change it according to the width and height of the Panel?

These are custom settings depending on the layout in which the module is placed. In the meantime, here’s a last-minute fix.

Re: Made with foo_uie_webview

Reply #43
Thank you for your quick reply



Not automatic?
This means that you need to edit API Cover + Info Tracks.html?

OK. Thanks.
SHURE SRH1840, SENNHEISER HD660S2, SENNHEISER HD620S, SENNHEISER HD 490 Pro Plus, beyerdynamic DT 1990 PRO, HiFiMAN Edition XS, Bowers & Wilkins P7, FiiO FT5, 水月雨 (MOONDROP) 空鳴 - VOID, Nakamichi Elite FIVE ANC, SONY WH1000XM5 (made a Upgrade/Balanced Cable by myself)

Re: Made with foo_uie_webview

Reply #44
New version posted:
NEW: added ability to set background color (click the icon at the bottom right of the window). The set background color is saved until the cache is cleared.
- improved Wiki article search algorithm
- minor internal changes and improvements
Download:

Re: Made with foo_uie_webview

Reply #45
NEW: added language option for Wiki articles
- attempt to improve Wiki article search algorithm
- some changes and improvements.
Download:

 

Re: Made with foo_uie_webview

Reply #46
API Cover + Info Tracks v.2.1.1

API Cover + Radio Logo + Info Tracks v.2.1.1

For the module to work you must create a specific tag, exactly STREAM_NAME.

In foobar2000 select File then Preferences in Advanced under Filter write Properties dialog select Standard fields and enter:

Artist Name=ARTIST;Track Title=TITLE;Album Title=ALBUM;Date=DATE;Genre=GENRE;Composer=COMPOSER;Performer=PERFORMER;Album Artist=ALBUM ARTIST;Track Number=TRACKNUMBER;Total Tracks=TOTALTRACKS;Disc Number= DISCNUMBER;Total Discs=TOTALDISCS;Comment=COMMENT;Label=LABEL;Catalog=CATALOG;Country Artist=COUNTRY;Country Label=COUNTRY_LABEL;Country Station=COUNTRY_STATION;Group Name=GROUP_NAME;Format=FORMAT;Media=MEDIA;Stream Name= STREAM_NAME;URL=URL;

Once you have inserted the tags string, Apply and OK

I recommend making a copy of your settings.

In the Stream Name field you must enter the name of the Radio for example:

Free Radio

In the Logos folder you must have a corresponding png image therefore:

Free Radio.png

In this way the STREAM_NAME Tag displayed as Stream Name will take the corresponding image.

If you have done everything correctly the radio logo will appear in addition to the cover / album logo.

To tag the m3u file you must have the External Tags plugin installed
https://www.foobar2000.org/components/view/foo_external_tags

I recommend tagging in Tagging with edit external tag and not from Properties.

That's all.



Re: Made with foo_uie_webview

Reply #47
API Cover + Info Tracks v.2.1.1

API Cover + Radio Logo + Info Tracks v.2.1.1

For the module to work you must create a specific tag, exactly STREAM_NAME.

In foobar2000 select File then Preferences in Advanced under Filter write Properties dialog select Standard fields and enter:

Artist Name=ARTIST;Track Title=TITLE;Album Title=ALBUM;Date=DATE;Genre=GENRE;Composer=COMPOSER;Performer=PERFORMER;Album Artist=ALBUM ARTIST;Track Number=TRACKNUMBER;Total Tracks=TOTALTRACKS;Disc Number= DISCNUMBER;Total Discs=TOTALDISCS;Comment=COMMENT;Label=LABEL;Catalog=CATALOG;Country Artist=COUNTRY;Country Label=COUNTRY_LABEL;Country Station=COUNTRY_STATION;Group Name=GROUP_NAME;Format=FORMAT;Media=MEDIA;Stream Name= STREAM_NAME;URL=URL;

Once you have inserted the tags string, Apply and OK

I recommend making a copy of your settings.

In the Stream Name field you must enter the name of the Radio for example:

Free Radio

In the Logos folder you must have a corresponding png image therefore:

Free Radio.png

In this way the STREAM_NAME Tag displayed as Stream Name will take the corresponding image.

If you have done everything correctly the radio logo will appear in addition to the cover / album logo.

To tag the m3u file you must have the External Tags plugin installed
https://www.foobar2000.org/components/view/foo_external_tags

I recommend tagging in Tagging with edit external tag and not from Properties.

That's all.




It would be great to automate the process .
Search and download image radio cover and update the metadata with the same name ( radio name and cover ) .

Re: Made with foo_uie_webview

Reply #48
Iam actually making a radio playlist view in jsp3 but still struggling in simplifying a new add radio process .
External tags .... Download image cover . Same name .