// ==PREPROCESSOR==
// @name "Test"
// ==/PREPROCESSOR==

function RGB(r, g, b) {return (0xff000000 | (r << 16) | (g << 8) | (b));}

Button = {State:0};
ButtonColors = {0:RGB(0, 0, 0), 1: RGB(155, 155, 155), 2: RGB(255, 255, 255)};

function on_paint(gr) {gr.FillRectangle(0, 0, window.Width, window.Height, ButtonColors[Button.State]);}

function                 on_mouse_leave() {Button.State = 0; window.Repaint();}
function              on_mouse_move(x, y) {Button.State = 1; window.Repaint();}
function         on_mouse_lbtn_down(x, y) {Button.State = 2; window.Repaint();}
function on_mouse_lbtn_dblclk(x, y, mask) {on_mouse_lbtn_down(x, y)}
function         on_mouse_lbtn_down(x, y) {Button.State = 2; window.Repaint();}
function           on_mouse_lbtn_up(x, y) {Button.State = 1; window.Repaint();}

function on_focus(IsFocused) {if (!IsFocused) {Button.State = 0;}; window.Repaint();};

Quote from: ilovefb2k on 2024-08-21 22:03:54

Hi All,
I have just  created a script to add 'value' to foo_youtube component by providing it with a song list.

//------------ CREDIT -----------------//
Credit goes to:
- @Wil-B (https://github.com/Wil-B) for the fantastic 'Find-and-Play' app, along with the 'Biography' and 'Library-Tree' scripts based on Spider Monkey Panel. The 'Find-and-Play' inspired me to explore [YouTube searching]. However I've tried, @Wil-B's scripts still set the benchmark.
- @Marc2003 (https://github.com/jscript-panel) for the excellent [JScript Panel 3] component. @Marc2003 actively updates this component with new features, bug fixes, and beautiful, tidy sample scripts.
Spoiler (click to show/hide)

# This script uses some API (web service) keys from @Wil-B and @marc2003 for trial purposes. Even though these keys are bundled with their public scripts, we should show and treat them with respect.

//---------- ABOUT this JSP3_foo_youtube_addon script ----------------------//
@1_ Sole Purpose:
- YouTube search for songs or any information.
- For others to improve and tailor to their needs (as usual, I've left many comments for easy reference).
Spoiler (click to show/hide)

@2_ Prerequisites:
- foo_youtube component: https://www.foobar2000.org/components/view/foo_youtube; https://fy.3dyd.com/  to play YouTube videos.
- and/or yt-dlp.exe (for YouTube search): Get it from here [https://github.com/yt-dlp/yt-dlp] if you want to search YouTube using yt-dlp.exe.
 (yt_dlp.exe located under this path : {fb2k_Profile_Path}\skins\external_helper\yt-dlp.exe).

@3_ How It Works:
- Users need to feed foo_youtube with a structured list of songs that is friendly with the [foo_youtube] component. This builds a playlist from track locations (similar to foo_tags).
- Where can we get the song list?
  + Manually: Users input text to search directly on youtube.com (not limited to audio tracks).
  + Still manually: Users input an artist name (1), last.fm verifies this name and returns that artist's song list from its database (2), and then youtube.com searches for this data (artist + song title).
  + Automatically: Get the list from somewhere.
    - Possible online 'databases':
      * MusicBrainz (musicbrainz.org)
      * lastFM (last.fm, ws.audioscrobbler.com): We prefer this database as last.fm seems to be YouTube's ally.
        > Top trending tracks
        > Artist's top tracks classified by locale, years, genre, etc.
      * Official Charts (officialcharts.com)

@4_ How We Interact with This Script:
- Context menu via right-click.

@5_ Why YouTube Music:
- We may not get 'high-res' audio tracks from youtube.com, BUT:
  - It's a huge store for audio tracks, especially the [YouTube Music] streaming platform.
  - Videos often contain audio tracks.
  - Some/many audio tracks were/are uploaded by artists, 'semi-artists,' and are only available on this platform (especially single versions).
  - Trending.
  . . .
  Let's dive in!

@6_ Limitations:
- YouTube searching may return irrelevant results, such as other artists' audio tracks, instead of the ones we're looking for.
  How to improve:
  + Firstly, let YouTube return an audio track list, and then we search for the 'best' or good match based on our judgment (this will slow things down).
  + Alternatively, we can grab only the first/top audio track from the pool list, hoping that YouTuBe (Google) returns the best match ranked at the top (faster approach).
- User interface/UI: Not very user-friendly.
- Bugs: this is just departure , version  [1.0.0 QM] 22Aug2024.

Wish you all  the best.
ilovefb2k

Spoiler (click to show/hide)

Hi @All ,

Please find the following:
1. _ 'JSP3 foo_youtube_addon' script attached hereafter. This script reflects Air KEN’s feedback {https://hydrogenaud.io/index.php/topic,104379.msg1050940.html#msg1050940}
Change log:

- 23Aug24: YouTube searching.
- 20Sep24:
   + YouTube channel management

2.  _ ‘JSP3 Now playing 64bit (text display)’
 
Change log:
. . .
- 20Sep24:
   + YouTube download (please pay attention to YouTube clip IP ): audio only, video best by size.
   + Favorite list (aka fb2k playlist): maintain a favorite song/clip list.

note:

1. youtube download is based on the yt_dlp.exe , ffmpeg.exe
   - yt_dlp path: {fb.ProfilePath} \skins\external_helper\yt-dlp.exe
   - ffmpeg path : {fb.ProfilePath} \skins\external_helper\ffmpeg.exe
2. about yt-dlp, ffmpeg.
_ yt-dlp : is a feature-rich command-line audio/video downloader with support for thousands of sites [ https://github.com/yt-dlp/yt-dlp/blob/master/supportedsites.md]. The project is a fork of youtube-dl [https://github.com/ytdl-org/youtube-dl] based on the now inactive youtube-dlc [https://github.com/blackjack4494/yt-dlc]
- ffmpeg: information as @marc2003's sample >  https://jscript-panel.github.io/gallery/spectrogram-seekbar/.

Wish you all a nice weekend.
@ilovefb2k

Hi @all,
Another weekend is coming, friYay!!! And we have an update for the foo_youtube_addon.
//file: {deployed} foo_youtube_addon.txt
Let’s see what this script has done for us so far:
- Manually: Search YouTube clips by employing yt-dlp.exe or web.
- Automatically: Grab playlists/charts/(radio) from online audio track databases such as last.fm.
That is all.
As we may know, the better the song database, the more updated charts/playlists/top treandings we have. Therefore, we need to look for those charts, which should be based on an in-house streaming platform.

In saying so, this 1.0.1 PD 19oct24 version:
I: Updated with charts from (and should be enough for us to keep updated with trending, as these top trending/charts/playlists are quite the same worldwide):
- YouTube
- Tidal
- Apple Music
- Billboard
II. AND some changes in look and feel:
II.1 Employing Wil-B’s ‘YouTube Track Manager’ (now ‘Find and Play’): (https://hydrogenaud.io/index.php/topic,105522.50.html, wiki: https://hydrogenaud.io/index.php/topic,111059.0.html)
// file: {deployed} foo_youtube_addon_YTTM_lite.txt

1. Features:
Remaining only a few functions of the ALBUM MANAGER section of the ‘Find and Play’ app (originally named ‘YouTube Track Manager’ based on WSH, now based on package SMP).
- Employ audio track lists from MusicBrainz or last.fm to build playlists from YouTube clips.
- MusicBrainz: Search, load, and play a wide range of release types including albums, compilations, singles, and remixes.
- Last.fm: Search, load, and play last.fm TOP albums, TOP artist tracks, and TOP similar songs.

Quote

**Refer to Wil-B's 'Find and Play' app at https://github.com/Wil-B/Find-and-Play for full and rich features, including huge options to play around with the local library as well as YouTube clips.
**This script was refactored to work alongside the JSP3 {foo_youtube_addon} script by @ilovefb2k. They communicate with each other via file configuration (File User Interface - FUI, vs DUI/CUI) or JSP3 window interface.

2 How it works:
- Initially, grabs the artist name from the now-playing audio track.
- Gathers the artist’s album names and track titles from last.fm.
- Further, can pull similar song titles and related/similar artist names (solidly based on last.fm algorithm).
- Finally, searches for clips (by artist name, song title) from youtube.com.
- Adds YouTube links to fb2k’s current playlist.
- Almost the same steps apply to the MusicBrainz repository.

3. Set-up for DUI environment:
- Step 1: Insert 1 UI panel.
- Step 2: Insert 2 child UI panels into the above panel.
- Step 3: Insert JSP3 plugin (UI element) into each panel.
- Step 4: Copy and paste JSP 3 ‘foo_youtube_addon’ into 1 JSP3 panel. Copy this script into the other JSP3 panel.
- Step 5:
   + Play an audio track that has ‘artist’ metadata to enable this script.
   + From the ‘foo_youtube_addon’ context menu, select [YouTube search addon/1~ top tracks per artist/1.1~ select current album artist…].
   + This script panel will pop up to overlay the ‘foo_youtube_addon’ panel. If NOT, move the mouse over the bottom of the ‘foo_youtube_addon’ panel to resize this script panel (just do it once to set up).
   + Once this script panel is shown, click the icon on the top-right corner to return to the ‘foo_youtube_addon’ panel.

II.2 YouTube clip management:
Those favorite video clips we have added so far may end up in a long list, so a base list (credit @marc2003 for the list object) would be convenient for us.
- Load individual/whole clip list.
- Download audio/video (we need yt-dlp.exe, ffmpeg as mentioned in the previous post). //please pay attention to video clip's IP
- Add, rename, remove clip list.
- Set rating level.

And that is all.
Hoping you all enjoy and have a great weekend.
Wish you all the best,
@ilovefb2k
P.S.

I have bundled zip files to retain the folder structure and some supporting files (plain text).
please copy them to 'profile' folder or root folder of foobar2000.
download yt-dlp.exe and ffmpeg to [skins\external_helper\] as said beforehand.
again, i have left lot of comments for your convenient reference and tailoring this script.

Looks pretty great! Now that there is a 64 SMP, will look into your code and probably recreate something similar for the waveform visualizer mode (which currently works only by BPM), really like what you did. Thank you

The logic is that higher BPM tracks require less steps to complete an animation, while a lower BPM will add more steps. So the animation goes faster or slower depending on the BPM. The animation itself is a random variation of the waveform.

The gif shows the real waveform and also a simple visualizer preset. I used a 52 and 172 BPM tracks as example.
Currently there is only a pretty simple single preset (because my script was focused on waveform displaying and seekbar usage), and that's the thing I would want to improve seeing yours. I'm sure TT will be interested on that too.

[attach type=image]33158[/attach]

You have the relevant code at:
https://github.com/regorxxx/Not-A-Waveform-Seekbar-SMP/blob/main/main/seekbar/seekbar_xxx.js#L553

Then multiple places using 'this.maxStep'.

You have the relevant code at:
https://github.com/regorxxx/Not-A-Waveform-Seekbar-SMP/blob/main/main/seekbar/seekbar_xxx.js#L553

Hi @all,
As recently posted [https://hydrogenaud.io/index.php/topic,126733.msg1052729.html#msg1052729], we have come up with a JSP3 ‘pseudo beat audio’ script, which helps us visualize music by making light dance with the music, similar to enjoying a water-music festival where light and water dance together with the music.
That said, while BPM is ideal for guiding light to follow the beat, utilizing RMS/peak audio data should be sufficient to give the light a clue to dance.
Spoiler (click to show/hide)

Therefore, we have turned to @case and @marc2003’s “VU meter script” as a shortcut. Credit goes to both of them for this JSP3 feature and the beautiful VU meter sample. [https://jscript-panel.github.io/gallery/vu-meter/]

With all that in mind, we have released the JSP3 ‘Pseudo Beat Audio’ script, version “1.0.0 QP,” on the beautiful date 24-10-24. Details are as follows:
//How to add a beat skin to this ‘Pseudo Beat Audio’ script:
1.Search for/download free beat audio/3D clips, e.g.:
   - Round Rotating Neon Lights 3D Illustration VJ Loop [https://www.vecteezy.com/video/1909072-round-rotating-neon-lights-3d-illustration-vj-loop]
   - Futuristic 3D Video Animation of Passing Spaceship Tunnel with Square Light Lamps [https://www.vecteezy.com/video/17744905-futuristic-3d-video-animation-of-passing-spaceship-tunnel-with-square-light-lamps-between-]
   - Empty Dark Room Modern Futuristic Sci-Fi Background [https://www.vecteezy.com/video/7635216-empty-dark-room-modern-futuristic-sci-fi-background]
2. Convert these clips into pictures (PNG), e.g., via this site [https://ezgif.com/video-to-png] or by your software/app.
   These pictures will be loaded into memory (cache) and rendered one by one as animation (at least 24 pictures/frames per second is best).
   Note: Try to select at least one full cycle/loop of smooth motion.
3. Copy these pictures into a folder created under the [beat_skin_set_path] directory.
   We can edit this variable to make it convenient. This folder will be shown as the ‘beat skin’ name to interact with via the context menu.
4. Reload this script and select that ‘beat skin’.
//How this ‘Pseudo Beat Audio’ script works:
1. Get only one channel RMS/Peak level and treat this data as pseudo-beat audio.
   Why: We do not focus on math to consider this data as exactly as Beats Per Minute, which is absolutely necessary for DJs.
   Instead, we just focus on visualization and an acceptable level of accuracy, at which we can feel joy while enjoying music along with watching a ‘dancing’ light.
2. The script renders pictures one by one per internal timer to give us a 3D animation. Then several cycles are drawn, with their diameters based on RMS/peak level and panel/window dimensions.
Note: We can let these pictures dance by uncommenting two lines as noted and shown in the scripts.

Final note:
We have zip bundle files to retain folder structure and its files. You can find some folders' content as follows:
- beat_audio: 2 sample skins (due to 30MB quota limit/post)
- jsp3: this ‘Pseudo Beat Audio’ script.
Please unzip this file into the fb2k root folder or ‘profile’ folder.

Hope you all enjoy this humble ‘Pseudo Beat Audio’ script and have a nice weekend.
@ilovefb2k

I am still pretty sour on BPM, as the component foo_bpm [https://www.foobar2000.org/components/view/foo_bpm] is for x32 only.

Quote from: ilovefb2k on 2024-10-25 18:54:10

I am still pretty sour on BPM, as the component foo_bpm [https://www.foobar2000.org/components/view/foo_bpm] is for x32 only.

I have posted a 64-bit enabled update about a year ago: https://foobar.hyv.fi/?view=foo_bpm.

			this.playlist_info += plman.GetPlaylistName(g_active_playlist) + ", " + this.list.count + " track";
			if (this.list.count != 1) this.playlist_info += "s";

These meter screenshots need a health warning. "May cause eye cancer". They're hideous. :/

@ilovefb2k
thank you as always.

\profile\skins\viking\scripts\jsp3\{deployed} AIMP Analog VU Meter.txt

Skin folder: \profile\skins\viking\images\vnav_fb2k\beat_audio_vu_meter\
(The folder where you unzipped AIMP Analog VU Meter.zip)

 

Quote from: Air KEN on 2024-11-01 05:07:45

@ilovefb2k
thank you as always.

\profile\skins\viking\scripts\jsp3\{deployed} AIMP Analog VU Meter.txt

Skin folder: \profile\skins\viking\images\vnav_fb2k\beat_audio_vu_meter\
(The folder where you unzipped AIMP Analog VU Meter.zip)

 

Hi @Air KEN,
Thank you for your positive feedback, as always.
It is said that this script can not handle those AIMP VU Meter, which are not equal in width.
It makes sense cause yesterday evening, i did not think that such Vu meter exists. i will soon have a look at this metrics regression error and update script (if any).
Wish you a nice weekend,
@ilovefb2k