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 24259 times) previous topic - next topic
0 Members and 2 Guests are viewing this topic.

Re: Made with foo_uie_webview

Reply #75 –
Quote from: ApacheReal on
I release this first version.

There is still a lot to do and optimize, anyone who would like to provide support to make improvements is welcome.

In the link you will find the images no_cover_api.jpg and no_cover.jpg which are the fallback images to be inserted in a folder called images.

images


It's great, but it's huge.
What resolution and display size are you using?
---
There was a cover animation in ilovefb2k's JSP3 Script.
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 #76 –
Quote from: Air KEN on
Quote from: ApacheReal on
I release this first version.

There is still a lot to do and optimize, anyone who would like to provide support to make improvements is welcome.

In the link you will find the images no_cover_api.jpg and no_cover.jpg which are the fallback images to be inserted in a folder called images.

images


It's great, but it's huge.
What resolution and display size are you using?
---
There was a cover animation in ilovefb2k's JSP3 Script.

1074 x 816 left panel

840 x 816 right panel

Video 1

Video 2

Video 3

Re: Made with foo_uie_webview

Reply #77 –
@ApacheReal
Thanks.
I've said it many times before, but it's huge!
Is it possible to make it auto-small, or make the whole Panel small (so everyone can use it)?
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 #78 –
Quote from: Air KEN on
@ApacheReal
Thanks.
I've said it many times before, but it's huge!
Is it possible to make it auto-small, or make the whole Panel small (so everyone can use it)?

No api-aniamtion.js

        .frame-container {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 600px;
            height: 600px;
            position: absolute;
            top: 47%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .cover {
            width: 600px;
            height: 600px;
            background-size: cover;
            background-position: center;
            border: 2px solid #ffffff;
            position: absolute;
            opacity: 0;
            transition: opacity 1s ease-in-out, transform 1s ease-in-out;
        }

cover = 100 / 200 / 300

html

    /* Stili delle miniature */
    .thumb-box {
        width: 80px;
        height: 80px;
        background-size: cover;
        background-position: center;
        border: 2px solid white;
        background-color: transparent;
        border-radius: 0;
        position: relative;
        cursor: pointer;
        display: inline-block;
    }

10 / 20  / 30 / 40 etc...

    /* Contenitore delle miniature */
    #thumbsContainer {
        position: absolute;
        top: 10px;
        left: 10px;
        display: flex;
        flex-direction: column;
        gap: 15px;
        z-index: 1000;
    }

top 5 / 10 / 20 / 30 etc..
left  5 / 10 / 20 / 30 tec...

info-tracks,js

    /* Box nero delle informazioni */
    .info-container {
        z-index: 9999;
        width: 50%;
        background-color: rgba(0, 0, 0, 0.9);
        color: #fff;
        padding: 20px;
        border-radius: 10px;
        opacity: 0;
        height: 0;
        overflow: hidden;
        transition: opacity 0.5s, height 0.5s;
        position: fixed;
        top: 16%;
        left: 23%;
    }

       width: 50%;       padding: 20px;  change this....

Re: Made with foo_uie_webview

Reply #79 –
@ApacheReal
I'm in the process of making some adjustments.
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 #80 –
Added the button for managing the play log history still to be finalized and optimized in preview:

Play Log History - File Audio


Play Log History - Streaming Radio



Video

Re: Made with foo_uie_webview

Reply #82 –
Also added the api cover in the play log history. Time to do some testing....

  :))

Re: Made with foo_uie_webview

Reply #83 –
Another fix for the play log history having fixed the VBR created problems with the CBR should now be fine. I hope...

Re: Made with foo_uie_webview

Reply #84 –
Fix Wallpaper button (inserts and removes the background improves responsiveness and management) and changed style for Play Log History now Title and artist fields are separate added Group Name for radio stations.

Time to test...



Video

Re: Made with foo_uie_webview

Reply #85 –
- fixed bug with flag display;
- corrected default background color setting;
Download:

Re: Made with foo_uie_webview

Reply #86 –
Added blur on the background image.

The problem of radio streams with tildes and double timestamps has been resolved for the first time in an absolute novelty.

Title and Artist for these streams are now resolved.

Also fixed the reversal between Artist and Title on some radios.

Now for flows with tildes it is also possible to find bee covers.

Test in progress...

Video







Re: Made with foo_uie_webview

Reply #87 –
!! 3D Carousel Maximus !!

  • Requires at least webview 0.2.0 alpha3
  • Dynamically displays up to 50 images from current playing folder
     [$directory_path(%path%)  modify on line 252]
  • Scales to fit available panel
  • Click and drag for viewing pleasure
  • Now with no localhost dependencies!


https://i.imgur.com/ZkkT2Yn.mp4

Re: Made with foo_uie_webview

Reply #88 –
    <title>Image-Info Management</title>
    <!-- Autore: Apache -->
    <!-- Versione: 3.0.0 -->

Images
 

Re: Made with foo_uie_webview

Reply #89 –
These have been updated to work with the latest webview (alpha5)
https://github.com/stuerp/foo_uie_webview/releases

Now Playing Kaleidoscope (now_playing a5)
  • now optimized to dynamically fit panel size (based on width, manually adj. height to album art bottom)
  • should be easier to replace displayed fields (follow comments)
  • stand-alone kaleidoscope_visualizer.html (no changes, adjust pos: ctrl zoom/panel scroll bars)

3D Carousel Maximus (carousel a5)
  • now optimized for better start view
  • displays now playing folder image contents (image directory source: line 253)

biography remix a5
  • now no need for localhost/server!
  • alternative Wilb Biography display (no functionality)

more specifics, see thread history.

Re: Made with foo_uie_webview

Reply #90 –
Quote from: mjm716 on
biography remix a5
  • now no need for localhost/server!
  • alternative Wilb Biography display (no functionality)

Sorry, quick revision.

Also reminder lines 92 & 100 must be updated with your path to yttm biography data folder:
replace: "C:/Program Files (x86)/foobar2000/profile/yttm/"

Re: Made with foo_uie_webview

Reply #91 –
Quote from: mjm716 on
These have been updated to work with the latest webview (alpha5)
https://github.com/stuerp/foo_uie_webview/releases

Now Playing Kaleidoscope (now_playing a5)
  • now optimized to dynamically fit panel size (based on width, manually adj. height to album art bottom)
  • should be easier to replace displayed fields (follow comments)
  • stand-alone kaleidoscope_visualizer.html (no changes, adjust pos: ctrl zoom/panel scroll bars)

3D Carousel Maximus (carousel a5)
  • now optimized for better start view
  • displays now playing folder image contents (image directory source: line 253)

biography remix a5
  • now no need for localhost/server!
  • alternative Wilb Biography display (no functionality)

more specifics, see thread history.
carousel_a5.html86 bit is working properly. But a few seconds after the 64-bit resizing won't display the image?

Re: Made with foo_uie_webview

Reply #92 –
In progress...



In addition to lyric management, now the animation API does not need internal covers, plus many other fixes.

Having removed the internal covers from the API management makes it possible not to have any blocks with the Vu Meters / waveform and seek bar.

It's all due to foobar200's management of the internal covers which goes into crisis with third-party plugins, now the problem is definitively solved.

Re: Made with foo_uie_webview

Reply #93 –
Quote from: sq68 on
carousel_a5.html86 bit is working properly. But a few seconds after the 64-bit resizing won't display the image?

I use x86, but installed a fresh x64 and it worked fine.
It is not a live resize - resize panel and then reload a track to update view.

Did you check console (via Inspect) for errors?
Check memory behavior in Process Explorer, are you using 50 very large images?

Re: Made with foo_uie_webview

Reply #94 –
Image-Info Management + Spin Disc (yeyo vers. mod) full compatibility WebView 0.2.0.0

Test

Re: Made with foo_uie_webview

Reply #95 –
Quote from: mjm716 on
Quote from: sq68 on
carousel_a5.html86 bit is working properly. But a few seconds after the 64-bit resizing won't display the image?

I use x86, but installed a fresh x64 and it worked fine.
It is not a live resize - resize panel and then reload a track to update view.

Did you check console (via Inspect) for errors?
Check memory behavior in Process Explorer, are you using 50 very large images?
Yes, I have made adjustments and everything is fine. Thank you!

Re: Made with foo_uie_webview

Reply #96 –
This is another experiment that I'm leaving for now, but others might find it useful.

Simple playlist cover viewer/lightbox.
Demo'd with Facets selection; adjust your own playlist ID on line 92.

Re: Made with foo_uie_webview

Reply #97 –
Repositioning of the command bar.
Exchange between the command bar and the miniature containers, with the possibility of positioning them alternately either on the right or on the left.
Addition of the run service bar.
Color box optimization.
Background image optimization.
Fixed double blur, with adjustment with default image, with custom image.
Track / radio station information such as text display.
Detailed information recallable from external box .
Play Log History of audio tracks and radio streaming with cover image and cover API.
Management of lyrics (manual).
Timer for image carousel.
Management of both internal and external images with the exception of the icon image which is not managed by foobar2000.
Like the others, possibility of hiding the command bar, the run service bar, thumbnails, main image, information such as text display.
Automatic management of title and artist for radio streams containing tildes.
Added kaledoscope (in testing).





Re: Made with foo_uie_webview

Reply #98 –
Sharing another modded version of SpinDisc.
  • This version takes the information/image from foo_beefweb.
  • The IP:Port is hardcoded inside the HTML, please edit accordingly.
  • tweaked the layout a little bit
  • Title & Album text display will not wrap upon overflow
  • added the .PNG files into the ZIP (need to be in the same folder as the HTML)

Why foo_beefweb? Because the original HTML took the title/album information from the foobar title formatting. I noticed if I clicked an item that is different from the currently playing item, the title/album info will change. I wanted it to always show the currently playing track title & album, hence this mod.

Enjoy...


Re: Made with foo_uie_webview

Reply #99 –
lastfm biography....