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 15594 times) previous topic - next topic
0 Members and 1 Guest 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?