Tag Archives: DUI

foobar2000 ~ Adding Panels To The DUI

Posted by tom2tec on

Before some foobar2000 components can be utilized, the component’s visual interface must also be added to the Default User Interface in order to be seen or interacted with. It just takes a few steps to add new panels and interfaces to foobar2000.

Step 1: Open the Layout Editor

  1. Click on View in the foobar2000 menu bar
  2. Select Layout → Enable Layout Editing Mode

    A checkmark indicates that layout editing mode is enabled.

Step 2: Choose the location for the new panel

First Right-click on the area where you want to add a new panel.

Then select Replace UI Element from the context menu.

A submenu will allow you to choose the splitter orientation:

Splitter (left/right): Divides the area into two vertical sections, side by side.

Splitter (top/bottom): Divides the area into two horizontal sections, stacked one above the other.

Select the desired orientation and click OK.

The new splitter will now divide the selected area into two sections. Splitters can be moved by by dragging.

Step 3: Add a new panel

  1. After adding the splitter, right-click on the new empty white section.
  2. The selected panel will now appear in the designated section.

Select Add New UI Element from the context menu.

A dialog will appear with a list of available UI elements. Examples include:

Playlist View: Displays your playlists.

Album List: Provides a tree view of your library.

Vu Meter: Adds a VU meter.

Choose the panel you want to add and click OK.

Step 4: Customize the new panel

  1. Right-click on the newly added panel to access its specific settings (e.g., appearance, behavior).
  2. If additional configuration is required, check the panel’s settings in the Preferences menu:
    • Go to File → Preferences.
    • Navigate to the corresponding section under Display or Components.

Step 5: Save the layout

  1. When you’re satisfied with the changes, click on the yellow bar at the top and choose Apply Layout.
  2. To save the layout permanently:
    • Go to View → Layout → Save Layout.
    • Provide a name for the layout for easy restoration later.

Step 6: Install additional panels (Optional)

  1. If the desired panel isn’t available, you may need to install third-party components:
    • Download components from the official foobar2000 components repository: foobar2000 Components.
    • Install the component:
      • Go to File → Preferences → Components.
      • Click Install and select the downloaded .fb2k-component file.
    • Restart foobar2000.
  2. After installation, repeat Step 3 to add the new panel.

Working with panels or splitters:

Right mouse clicking on any UI Element brings up the context submenu.

Scatchbox Mode:

View > Layout > Create Scratchbox

Opens a window which acts like the user interface allowing for splitter, tabs and UI elements to be prearranged. Themes can also be loaded, edited and saved.

Quick Appearance Setup:

View > Layout > Quick Setup

Submenu of predefined DUI configurations.

Foobar2000 - Quick Appearance Setup Submenu

References:

wiki.hydrogenaud.io/…Foobar2000:Components/Default_user_interface
wiki.hydrogenaud.io/…Foobar2000:Layout_Editing_Mode
wiki.hydrogenaud.io/…Default_User_Interface:List_of_UI_Elements
wiki.hydrogenaud.io/…Foobar2000:How_to_install_a_component
wiki.hydrogenaud.io/…Foobar2000:Default_User_Interface:Quick_Appearance_Setup

Key Concepts:
Splitters divide areas to create new spaces called containers
Containers are then populate by either a tabbed container or with UI Elements
Tabbed containers are also then populated by UI Elements

EOF

foo_vis_milk2 ~ Foobar2000 MilkDrop 2 Visualizer

Posted by tom2tec on

foo_vis_milk2 is a port for foobar2000 of Winamp’s MilkDrop 2 music visualizer. It additionally migrates rendering from its original DirectX 9 to DirectX 11.

MilkDrop 2 takes you flying through visualizations of the soundwaves you’re hearing. It uses beat detection to trigger myriad psychedelic effects, creating a rich visual journey through sound.

Features:

  • Uses DirectX 11 for rendering.
  • Uses updated libraries.
  • vis_milk2 has been upgraded to use more modern C++ alongside DirectX 11. Deprecated or insecure functions have been rewritten and most unused functionality removed.
  • Configurable through foobar2000 preferences instead of INI files.
  • Supports the Default User Interface (Default UI) only.
  • Tested on foobar2000 v2.1.2 (x86 32-bit and x86 64-bit) and Microsoft Windows 11 (Build 22621).

www.foobar2000.org/components/view/foo_vis_milk2

foo_youtube ~ Foobar2000 & Youtube

Posted by tom2tec on

Watch music videos and video playlists using Foobar2000

  • This component adds the possibility of playing Youtube, Vimeo and Dailymotion clips directly via their URL.
  • In addition to single clip URLs it supports clip feeds (i.e. playlists, channels etc.) from Youtube and Dailymotion.
  • Single clips and feeds can be added using File menu commands Add location and Add multiple URL(s).
  • Component has several UI elements, both DUI and CUI are supported. There are element for searching on Youtube within the program, for video playback and elements for various technical info about clips and component workflow. All elements are listed under Youtube Source group in UI configuration windows.
  • In addition to UI elements it has several popup windows with similar functionality.
  • For Lyric Show Panel 3 it provides an additional lyric source.
  • Clip thumbnails are exposed as album art to the program.
  • Single clip can be turned into album with multiple tracks.

fy.3dyd.com
www.foobar2000.org/components/view/foo_youtube

Install component then install these dependencies:

Installing madVR:

  1. Download madVR zip archive
  2. Extract contents to a new folder
  3. Move folder to “C:\Program Files” (you need to be an admin)
  4. Right click install.bat and select “Run as administrator”

If it works it will say “Install Successful”

Additional Resources:
wiki.mikejung.biz/MadVR#LAV_Filters

foo_wave_seekbar ~ Foobar2000 Waveform Seekbar

Posted by tom2tec on

Enhance the appearance and functionality of Foobar2000 by adding a visual waveform representation of the currently playing audio track, which can be used to navigate to any point in the image of the track by clicking there.

Waveform Seekbar is a UI element for both the Default UI and Columns UI that provides seekbar functionality (seeking, position indicator) on top of a pretty image of the waveform of the currently playing song, drawn using either Direct3D 9.0c or Direct2D 1.0.

foobar_waveform_seekbar

Foobar Waveform Seekbar in action

Topic ~ Hydrogen Audio
Download ~ Hydrogen Audio
Documentation ~ Hydrogen Audio
Source code ~ GitHub

Additional resources:

Waveform Minibar ~ CUI Only
Installing a foobar component
Waveform ~ Wikipedia