Update README.md

I added some endpoints but they were already in there but I wanted them documented

README.md

@@ -1,40 +1,59 @@
-# RadioDJViewer
+# RadioDJViewer v1.8.0
 
-RadioDJViewer is a Windows Forms application for displaying song information and album art from a RadioDJ REST API. It is designed for use with RadioDJ automation software and provides a simple interface for viewing and exporting currently playing track details.
+**RadioDJViewer** is a high-performance Windows application designed to bridge the gap between RadioDJ and your broadcast visuals. It fetches live "Now Playing" data from the RadioDJ REST API and serves it simultaneously to physical local files and a built-in network web server.
 
-## Features
-- Connects to RadioDJ REST API to acquire song info
-- Displays title, artist, and album (with scrolling marquee for long text)
-- Shows album art or a fallback image if none is available
-- Exports title, artist, album, and album art to output folder
-- Supports multiple profiles for different RadioDJ instances
-- Auto-regenerates missing `profiles.json` and fallback image
+## 🚀 New in v1.8.0: The Web Update
+* **Integrated Web Server:** Hosts a live, high-performance web widget for OBS Browser Sources.
+* **Tri-State Status Indicator:**
+    * 🔴 **Red:** Disconnected from RadioDJ API.
+    * 🟢 **Green:** Connected to API (Web Server Off).
+    * 🔵 **Blue:** Full Broadcast Mode (API Connected + Web Server Live).
+* **Memory-Caching:** Data is served to the web widget directly from RAM for zero-latency updates and reduced disk wear.
+* **Network-Wide Access:** View your "Now Playing" widget on any device (Phones, Tablets, or second PCs) on your local network.
 
-## Requirements
-- Windows 7 or later
-- .NET Framework 4.7.2
-- RadioDJ REST API running and accessible
+## 🛠 Features
+* Connects to RadioDJ REST API to acquire real-time song info.
+* Displays title, artist, and album (with scrolling marquee for long text).
+* Dual-Output: Exports `.txt` and `.png` files for legacy GDI+ sources while hosting the web stream.
+* Supports multiple profiles for different RadioDJ instances.
+* Auto-regenerates missing `profiles.json` and fallback images.
 
-## Installation
-1. Download the release ZIP and extract all files to a folder.
-2. Ensure the following files are present:
-   - `RadioDJViewer.exe`
-   - `Newtonsoft.Json.dll`
-   - `RadioDJViewer.exe.config`
-   - (Optional) `default.jpg` and `profiles.json` (will be auto-generated if missing)
-3. Run `RadioDJViewer.exe`.
+## 🌐 Web API Endpoints
+Once the server is active (Blue Status), you can access the following data URLs locally or over your network:
 
-## Usage
-1. Configure a profile with the REST API URL, output folder, and image settings.
-2. Click Connect to start polling the API and display song info.
-3. Output files will be saved in the selected output folder.
-4. If album art is missing, a fallback image will be used.
+| Resource | URL (Localhost) | Purpose |
+| :--- | :--- | :--- |
+| **Main Widget** | `http://127.0.0.1:8181/` | Loads the full HTML/CSS/JS widget for OBS. |
+| **Song Title** | `http://127.0.0.1:8181/title.txt` | Returns the raw text of the current song. |
+| **Artist Name** | `http://127.0.0.1:8181/artist.txt` | Returns the raw text of the current artist. |
+| **Album Art** | `http://127.0.0.1:8181/Album-Art.png` | Serves the current album art image bytes. |
 
-## License
-This project is licensed under the MIT License.
+*Note: Replace `127.0.0.1` with your computer's local IP address to access these from other devices.*
 
-## Repository
-[https://git.smartcraft.me/minster586/RadioDJViewer](https://git.smartcraft.me/minster586/RadioDJViewer)
+## 📋 Requirements
+* Windows 7 or later.
+* .NET Framework 4.7.2.
+* RadioDJ with the **REST Server Plugin** enabled and configured.
+
+## 🔧 Installation & Setup
+1.  **Download & Extract:** Run the `RadioDJViewer.exe`.
+2.  **Run as Administrator:** This is required for the Web Server to bind to your network port.
+3.  **Configure API:** Enter your RadioDJ IP, Port, and Auth Key in the settings.
+4.  **Set Output:** Choose a folder for your physical text and image files (e.g., `H:/RDJ-Output/`).
+5.  **Connect:** Click **Connect**. Your status box should turn **Blue** when everything is active.
+
+## 🌐 Network & Firewall Setup
+To allow other devices to see the widget, you must open the port in the Windows Firewall:
+1.  Open **Windows Firewall with Advanced Security**.
+2.  Create a **New Inbound Rule** -> **Port** -> **TCP**.
+3.  Enter Port **8181** (or your chosen port) and select **Allow the connection**.
+
+## 📝 Credits
+This program was developed as a learning journey into C# and .NET, with collaborative assistance from **Microsoft Copilot** and **Google Gemini** to refine the API parsing and web server logic.
+
+## 🔗 Links
+* **Repository:** [https://git.smartcraft.me/minster586/RadioDJViewer](https://git.smartcraft.me/minster586/RadioDJViewer)
+* **Contact/Stream:** [https://links.smartcraft.me/@minster586](https://links.smartcraft.me/@minster586)
 
 ---
 For questions or issues, please open an issue on the repository or contact the maintainer.

RadioDJViewer/EmbeddedResourceHelper.cs

@@ -0,0 +1,41 @@
+using System;
+using System.IO;
+using System.Linq;
+using System.Reflection;
+
+namespace RadioDJViewer
+{
+    public static class EmbeddedResourceHelper
+    {
+        /// <summary>
+        /// Reads an embedded resource's text content by matching the resource name ending with the provided file name.
+        /// Example: call Read("index.html") to load a resource named "RadioDJViewer.Web.index.html" or similar.
+        /// </summary>
+        public static string Read(string fileName)
+        {
+            if (string.IsNullOrEmpty(fileName))
+                throw new ArgumentNullException(nameof(fileName));
+
+            var asm = Assembly.GetExecutingAssembly();
+            var resourceName = asm.GetManifestResourceNames()
+                                  .FirstOrDefault(n => n.EndsWith(fileName, StringComparison.OrdinalIgnoreCase));
+
+            if (resourceName == null)
+            {
+                var names = string.Join(", ", asm.GetManifestResourceNames());
+                throw new FileNotFoundException($"Embedded resource '{fileName}' not found. Available resources: {names}");
+            }
+
+            using (var stream = asm.GetManifestResourceStream(resourceName))
+            {
+                if (stream == null)
+                    throw new FileNotFoundException($"Resource stream '{resourceName}' is null.");
+
+                using (var reader = new StreamReader(stream))
+                {
+                    return reader.ReadToEnd();
+                }
+            }
+        }
+    }
+}

RadioDJViewer/Main.Designer.cs

@@ -53,6 +53,11 @@
             this.button2 = new System.Windows.Forms.Button();
             this.uicolor = new System.Windows.Forms.Button();
             this.pictureBox1 = new System.Windows.Forms.PictureBox();
+            this.profile_drop_box = new System.Windows.Forms.ComboBox();
+            this.profile_label = new System.Windows.Forms.Label();
+            this.load_profile_button = new System.Windows.Forms.Button();
+            this.label7 = new System.Windows.Forms.Label();
+            this.label8 = new System.Windows.Forms.Label();
             this.statusStrip1.SuspendLayout();
             this.menuStrip2.SuspendLayout();
             this.groupBox1.SuspendLayout();
@@ -66,7 +71,7 @@
             this.toolStripStatusLabel2,
             this.toolStripStatusLabel4,
             this.toolStripStatusLabel3});
-            this.statusStrip1.Location = new System.Drawing.Point(0, 268);
+            this.statusStrip1.Location = new System.Drawing.Point(0, 314);
             this.statusStrip1.Name = "statusStrip1";
             this.statusStrip1.Size = new System.Drawing.Size(612, 25);
             this.statusStrip1.TabIndex = 0;
@@ -81,9 +86,12 @@
             // 
             // toolStripStatusLabel2
             // 
-            this.toolStripStatusLabel2.Image = ((System.Drawing.Image)(resources.GetObject("toolStripStatusLabel2.Image")));
             this.toolStripStatusLabel2.Name = "toolStripStatusLabel2";
             this.toolStripStatusLabel2.Size = new System.Drawing.Size(16, 20);
+            // Use BackColor only to indicate status. Text is a single space so the label renders as a square.
+            this.toolStripStatusLabel2.Text = " ";
+            this.toolStripStatusLabel2.DisplayStyle = System.Windows.Forms.ToolStripItemDisplayStyle.Text;
+            this.toolStripStatusLabel2.BackColor = System.Drawing.Color.Red;
             // 
             // toolStripStatusLabel4
             // 
@@ -137,7 +145,7 @@
             this.offToolStripMenuItem});
             this.loggingToolStripMenuItem.Enabled = false;
             this.loggingToolStripMenuItem.Name = "loggingToolStripMenuItem";
-            this.loggingToolStripMenuItem.Size = new System.Drawing.Size(180, 22);
+            this.loggingToolStripMenuItem.Size = new System.Drawing.Size(118, 22);
             this.loggingToolStripMenuItem.Text = "Logging";
             // 
             // onToolStripMenuItem
@@ -168,6 +176,8 @@
             // 
             // groupBox1
             // 
+            this.groupBox1.Controls.Add(this.label8);
+            this.groupBox1.Controls.Add(this.label7);
             this.groupBox1.Controls.Add(this.label6);
             this.groupBox1.Controls.Add(this.label5);
             this.groupBox1.Controls.Add(this.label4);
@@ -184,61 +194,67 @@
             // 
             // label6
             // 
-            this.label6.Location = new System.Drawing.Point(99, 129);
+            this.label6.Font = new System.Drawing.Font("Microsoft Sans Serif", 12F, System.Drawing.FontStyle.Regular, System.Drawing.GraphicsUnit.Point, ((byte)(0)));
+            this.label6.Location = new System.Drawing.Point(99, 140);
             this.label6.Name = "label6";
             this.label6.Size = new System.Drawing.Size(266, 17);
             this.label6.TabIndex = 5;
             this.label6.Text = "No album";
+            this.label6.TextAlign = System.Drawing.ContentAlignment.MiddleCenter;
             // 
             // label5
             // 
-            this.label5.Location = new System.Drawing.Point(99, 83);
+            this.label5.Font = new System.Drawing.Font("Microsoft Sans Serif", 12F, System.Drawing.FontStyle.Regular, System.Drawing.GraphicsUnit.Point, ((byte)(0)));
+            this.label5.Location = new System.Drawing.Point(99, 84);
             this.label5.Name = "label5";
             this.label5.Size = new System.Drawing.Size(266, 17);
             this.label5.TabIndex = 4;
             this.label5.Text = "No artist";
+            this.label5.TextAlign = System.Drawing.ContentAlignment.MiddleCenter;
             // 
             // label4
             // 
-            this.label4.Location = new System.Drawing.Point(99, 39);
+            this.label4.Font = new System.Drawing.Font("Microsoft Sans Serif", 12F, System.Drawing.FontStyle.Regular, System.Drawing.GraphicsUnit.Point, ((byte)(0)));
+            this.label4.Location = new System.Drawing.Point(99, 33);
             this.label4.Name = "label4";
             this.label4.Size = new System.Drawing.Size(266, 16);
             this.label4.TabIndex = 3;
             this.label4.Text = "No title";
+            this.label4.TextAlign = System.Drawing.ContentAlignment.MiddleCenter;
             // 
             // label3
             // 
             this.label3.AutoSize = true;
-            this.label3.Font = new System.Drawing.Font("Microsoft Sans Serif", 12F, ((System.Drawing.FontStyle)((System.Drawing.FontStyle.Bold | System.Drawing.FontStyle.Underline))), System.Drawing.GraphicsUnit.Point, ((byte)(0)));
-            this.label3.Location = new System.Drawing.Point(23, 126);
+            this.label3.Font = new System.Drawing.Font("Microsoft Sans Serif", 14.25F, ((System.Drawing.FontStyle)((System.Drawing.FontStyle.Bold | System.Drawing.FontStyle.Underline))), System.Drawing.GraphicsUnit.Point, ((byte)(0)));
+            this.label3.Location = new System.Drawing.Point(23, 138);
             this.label3.Name = "label3";
-            this.label3.Size = new System.Drawing.Size(64, 20);
+            this.label3.Size = new System.Drawing.Size(76, 24);
             this.label3.TabIndex = 2;
             this.label3.Text = "Album:";
             // 
             // label2
             // 
             this.label2.AutoSize = true;
-            this.label2.Font = new System.Drawing.Font("Microsoft Sans Serif", 12F, ((System.Drawing.FontStyle)((System.Drawing.FontStyle.Bold | System.Drawing.FontStyle.Underline))), System.Drawing.GraphicsUnit.Point, ((byte)(0)));
-            this.label2.Location = new System.Drawing.Point(23, 80);
+            this.label2.Font = new System.Drawing.Font("Microsoft Sans Serif", 14.25F, ((System.Drawing.FontStyle)((System.Drawing.FontStyle.Bold | System.Drawing.FontStyle.Underline))), System.Drawing.GraphicsUnit.Point, ((byte)(0)));
+            this.label2.Location = new System.Drawing.Point(23, 82);
             this.label2.Name = "label2";
-            this.label2.Size = new System.Drawing.Size(57, 20);
+            this.label2.Size = new System.Drawing.Size(62, 24);
             this.label2.TabIndex = 1;
             this.label2.Text = "Artist:";
             // 
             // label1
             // 
             this.label1.AutoSize = true;
-            this.label1.Font = new System.Drawing.Font("Microsoft Sans Serif", 12F, ((System.Drawing.FontStyle)((System.Drawing.FontStyle.Bold | System.Drawing.FontStyle.Underline))), System.Drawing.GraphicsUnit.Point, ((byte)(0)));
-            this.label1.Location = new System.Drawing.Point(23, 35);
+            this.label1.Font = new System.Drawing.Font("Microsoft Sans Serif", 14.25F, ((System.Drawing.FontStyle)((System.Drawing.FontStyle.Bold | System.Drawing.FontStyle.Underline))), System.Drawing.GraphicsUnit.Point, ((byte)(0)));
+            this.label1.Location = new System.Drawing.Point(23, 29);
             this.label1.Name = "label1";
-            this.label1.Size = new System.Drawing.Size(48, 20);
+            this.label1.Size = new System.Drawing.Size(56, 24);
             this.label1.TabIndex = 0;
             this.label1.Text = "Title:";
             // 
             // button1
             // 
-            this.button1.Location = new System.Drawing.Point(250, 216);
+            this.button1.Location = new System.Drawing.Point(62, 230);
             this.button1.Name = "button1";
             this.button1.Size = new System.Drawing.Size(99, 42);
             this.button1.TabIndex = 5;
@@ -248,7 +264,7 @@
             // 
             // button2
             // 
-            this.button2.Location = new System.Drawing.Point(392, 216);
+            this.button2.Location = new System.Drawing.Point(180, 230);
             this.button2.Name = "button2";
             this.button2.Size = new System.Drawing.Size(99, 42);
             this.button2.TabIndex = 6;
@@ -259,7 +275,7 @@
             // uicolor
             // 
             this.uicolor.Image = global::RadioDJViewer.Properties.Resources.MdiWeatherNight;
-            this.uicolor.Location = new System.Drawing.Point(13, 234);
+            this.uicolor.Location = new System.Drawing.Point(572, 276);
             this.uicolor.Name = "uicolor";
             this.uicolor.Size = new System.Drawing.Size(28, 23);
             this.uicolor.TabIndex = 7;
@@ -273,11 +289,60 @@
             this.pictureBox1.TabIndex = 3;
             this.pictureBox1.TabStop = false;
             // 
+            // profile_drop_box
+            // 
+            this.profile_drop_box.FormattingEnabled = true;
+            this.profile_drop_box.Location = new System.Drawing.Point(62, 278);
+            this.profile_drop_box.Name = "profile_drop_box";
+            this.profile_drop_box.Size = new System.Drawing.Size(217, 21);
+            this.profile_drop_box.TabIndex = 8;
+            // 
+            // profile_label
+            // 
+            this.profile_label.AutoSize = true;
+            this.profile_label.Location = new System.Drawing.Point(12, 281);
+            this.profile_label.Name = "profile_label";
+            this.profile_label.Size = new System.Drawing.Size(44, 13);
+            this.profile_label.TabIndex = 9;
+            this.profile_label.Text = "Profiles:";
+            this.profile_label.Click += new System.EventHandler(this.label7_Click);
+            // 
+            // load_profile_button
+            // 
+            this.load_profile_button.Location = new System.Drawing.Point(285, 276);
+            this.load_profile_button.Name = "load_profile_button";
+            this.load_profile_button.Size = new System.Drawing.Size(75, 23);
+            this.load_profile_button.TabIndex = 10;
+            this.load_profile_button.Text = "Load Profile";
+            this.load_profile_button.UseVisualStyleBackColor = true;
+            // 
+            // label7
+            // 
+            this.label7.AutoSize = true;
+            this.label7.Location = new System.Drawing.Point(19, 61);
+            this.label7.Name = "label7";
+            this.label7.Size = new System.Drawing.Size(357, 16);
+            this.label7.TabIndex = 6;
+            this.label7.Text = "――――――――――――――――――――――――――――――――――――――――――――――――――";
+            // 
+            // label8
+            // 
+            this.label8.AutoSize = true;
+            this.label8.Location = new System.Drawing.Point(24, 118);
+            this.label8.Name = "label8";
+            this.label8.Size = new System.Drawing.Size(357, 16);
+            this.label8.TabIndex = 7;
+            this.label8.Text = "――――――――――――――――――――――――――――――――――――――――――――――――――";
+            this.label8.TextAlign = System.Drawing.ContentAlignment.BottomCenter;
+            // 
             // Main
             // 
             this.AutoScaleDimensions = new System.Drawing.SizeF(6F, 13F);
             this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font;
-            this.ClientSize = new System.Drawing.Size(612, 293);
+            this.ClientSize = new System.Drawing.Size(612, 339);
+            this.Controls.Add(this.load_profile_button);
+            this.Controls.Add(this.profile_label);
+            this.Controls.Add(this.profile_drop_box);
             this.Controls.Add(this.uicolor);
             this.Controls.Add(this.button2);
             this.Controls.Add(this.button1);
@@ -326,6 +391,11 @@
         private System.Windows.Forms.ToolStripMenuItem onToolStripMenuItem;
         private System.Windows.Forms.ToolStripMenuItem offToolStripMenuItem;
         private System.Windows.Forms.Button uicolor;
+        private System.Windows.Forms.ComboBox profile_drop_box;
+        private System.Windows.Forms.Label profile_label;
+        private System.Windows.Forms.Button load_profile_button;
+        private System.Windows.Forms.Label label7;
+        private System.Windows.Forms.Label label8;
     }
 }
 

RadioDJViewer/Main.cs

@@ -8,6 +8,7 @@ using System.Text;
 using System.Threading.Tasks;
 using System.Windows.Forms;
 using System.Xml;
+using System.Threading;
 using System.IO;
 using System.Resources;
 
@@ -15,6 +16,7 @@ namespace RadioDJViewer
 {
     public partial class Main : Form
     {
+        private string _currentTrackKey = string.Empty;
         private string selectedFolderPath = string.Empty;
         private string outputFolderPath = string.Empty;
         private bool isConnected = false;
@@ -23,6 +25,9 @@ namespace RadioDJViewer
         private string defaultImagePath = Path.Combine(AppDomain.CurrentDomain.BaseDirectory, "default.jpg");
         private string mainImagesFolderPath = string.Empty; // New field for main images folder path
         private Profile loadedProfile = null; // Field to store the loaded profile
+        private WidgetServer widgetServer = null; // Local widget HTTP server
+        private bool widgetRunning = false;
+        private CancellationTokenSource statusCts = null;
 
         // Timer to poll REST API
         private System.Windows.Forms.Timer apiTimer;
@@ -38,9 +43,9 @@ namespace RadioDJViewer
         private string marqueeTextArtist = "";
         private string marqueeTextAlbum = "";
 
-        private Timer pauseTimerTitle;
-        private Timer pauseTimerArtist;
-        private Timer pauseTimerAlbum;
+        private System.Windows.Forms.Timer pauseTimerTitle;
+        private System.Windows.Forms.Timer pauseTimerArtist;
+        private System.Windows.Forms.Timer pauseTimerAlbum;
 
         private int marqueeScrollSpeed = 100; // Default to Medium
         private int marqueePauseTime = 6000; // Default to 6 seconds
@@ -70,6 +75,8 @@ namespace RadioDJViewer
             marqueeTimerAlbum.Tick += MarqueeTimerAlbum_Tick;
             // Wire up dark mode button
             this.uicolor.Click += Uicolor_Click;
+            this.load_profile_button.Click += load_profile_button_Click;
+            PopulateProfileDropBox();
             UpdateTheme();
             // Auto-load profiles if profiles.json exists
             AutoLoadProfiles();
@@ -124,9 +131,28 @@ namespace RadioDJViewer
             catch { }
         }
 
+        private int GetVisibleChars(Label label)
+        {
+            // Use the label's actual width and font to estimate visible characters
+            using (Graphics g = label.CreateGraphics())
+            {
+                // Use the full label width for measurement
+                SizeF size = g.MeasureString("W", label.Font);
+                int chars = (int)(label.Width / size.Width);
+                // If the label is single-line, ensure we use the full width
+                return Math.Max(chars, 1);
+            }
+        }
+
+        private void SetLabelTextFull(Label label, string text)
+        {
+            // Always set the full text, and let marquee logic handle scrolling
+            label.Text = text;
+        }
+
         private void MarqueeTimerTitle_Tick(object sender, EventArgs e)
         {
-            int visibleChars = 30; // Adjust for label width
+            int visibleChars = GetVisibleChars(label4);
             if (marqueeTextTitle.Length > visibleChars)
             {
                 string separator = string.IsNullOrEmpty(marqueeSeparator) ? "" : marqueeSeparator;
@@ -140,7 +166,7 @@ namespace RadioDJViewer
                     marqueeTimerTitle.Stop();
                     if (pauseTimerTitle == null)
                     {
-                        pauseTimerTitle = new Timer();
+                        pauseTimerTitle = new System.Windows.Forms.Timer();
                         pauseTimerTitle.Tick += (s, args) => {
                             pauseTimerTitle.Stop();
                             marqueeTimerTitle.Start();
@@ -152,13 +178,13 @@ namespace RadioDJViewer
             }
             else
             {
-                label4.Text = marqueeTextTitle;
+                SetLabelTextFull(label4, marqueeTextTitle);
             }
         }
 
         private void MarqueeTimerArtist_Tick(object sender, EventArgs e)
         {
-            int visibleChars = 30;
+            int visibleChars = GetVisibleChars(label5);
             if (marqueeTextArtist.Length > visibleChars)
             {
                 string separator = string.IsNullOrEmpty(marqueeSeparator) ? "" : marqueeSeparator;
@@ -172,7 +198,7 @@ namespace RadioDJViewer
                     marqueeTimerArtist.Stop();
                     if (pauseTimerArtist == null)
                     {
-                        pauseTimerArtist = new Timer();
+                        pauseTimerArtist = new System.Windows.Forms.Timer();
                         pauseTimerArtist.Tick += (s, args) => {
                             pauseTimerArtist.Stop();
                             marqueeTimerArtist.Start();
@@ -184,13 +210,13 @@ namespace RadioDJViewer
             }
             else
             {
-                label5.Text = marqueeTextArtist;
+                SetLabelTextFull(label5, marqueeTextArtist);
             }
         }
 
         private void MarqueeTimerAlbum_Tick(object sender, EventArgs e)
         {
-            int visibleChars = 30;
+            int visibleChars = GetVisibleChars(label6);
             if (marqueeTextAlbum.Length > visibleChars)
             {
                 string separator = string.IsNullOrEmpty(marqueeSeparator) ? "" : marqueeSeparator;
@@ -204,7 +230,7 @@ namespace RadioDJViewer
                     marqueeTimerAlbum.Stop();
                     if (pauseTimerAlbum == null)
                     {
-                        pauseTimerAlbum = new Timer();
+                        pauseTimerAlbum = new System.Windows.Forms.Timer();
                         pauseTimerAlbum.Tick += (s, args) => {
                             pauseTimerAlbum.Stop();
                             marqueeTimerAlbum.Start();
@@ -216,7 +242,7 @@ namespace RadioDJViewer
             }
             else
             {
-                label6.Text = marqueeTextAlbum;
+                SetLabelTextFull(label6, marqueeTextAlbum);
             }
         }
 
@@ -253,6 +279,17 @@ namespace RadioDJViewer
                     {
                         lastApiXml = xml;
                         ParseAndDisplaySongInfo(xml);
+                        // Build a key from Artist and Title and only show change if different
+                        try
+                        {
+                            var newKey = $"{marqueeTextArtist}|{marqueeTextTitle}";
+                            if (!string.Equals(newKey, _currentTrackKey, StringComparison.Ordinal))
+                            {
+                                _currentTrackKey = newKey;
+                                ShowTemporaryStatus("Song Change Detected", 2000);
+                            }
+                        }
+                        catch { }
                     }
                 }
             }
@@ -279,7 +316,10 @@ namespace RadioDJViewer
 
         private async void button1_Click(object sender, EventArgs e)
         {
-            // Connect to REST API
+            // Show connecting message
+            ShowTemporaryStatus("Connecting to API...", 0);
+
+            // Connect to REST API (ConnectToRestApi will start web server if needed)
             await ConnectToRestApi();
             if (isConnected)
             {
@@ -292,6 +332,15 @@ namespace RadioDJViewer
             // Disconnect
             isConnected = false;
             apiTimer.Stop();
+            // Stop widget server when disconnecting
+            try
+            {
+                widgetServer?.Stop();
+                widgetServer = null;
+                widgetRunning = false;
+            }
+            catch { }
+            ClearStatusMessage();
             UpdateStatusBar();
         }
 
@@ -327,7 +376,17 @@ namespace RadioDJViewer
                 {
                     var xml = await response.Content.ReadAsStringAsync();
                     ParseAndDisplaySongInfo(xml);
+                    try
+                    {
+                        _currentTrackKey = $"{marqueeTextArtist}|{marqueeTextTitle}";
+                    }
+                    catch { }
                     isConnected = true;
+                    // Clear the 'Connecting...' persistent message and show connected
+                    ClearStatusMessage();
+                    UpdateStatusBar();
+                    // Start web server immediately after API connection if profile requests it
+                    StartWidgetServerIfEnabled();
                 }
                 else
                 {
@@ -458,6 +517,49 @@ namespace RadioDJViewer
                     File.WriteAllText(Path.Combine(outputFolderPath, "album.txt"), marqueeTextAlbum);
                 }
 
+                // Update in-memory cache for widget server
+                try
+                {
+                    WidgetServer.CachedArtist = marqueeTextArtist ?? string.Empty;
+                    WidgetServer.CachedTitle = marqueeTextTitle ?? string.Empty;
+                    byte[] imgBytes = null;
+                    // Prefer album art from main images folder
+                    if (!string.IsNullOrEmpty(albumArt) && !string.IsNullOrEmpty(mainImagesFolderPath))
+                    {
+                        var imagePath = Path.Combine(mainImagesFolderPath, albumArt);
+                        if (File.Exists(imagePath))
+                        {
+                            try
+                            {
+                                using (var img = System.Drawing.Image.FromFile(imagePath))
+                                {
+                                    using (var ms = new MemoryStream())
+                                    {
+                                        img.Save(ms, System.Drawing.Imaging.ImageFormat.Png);
+                                        imgBytes = ms.ToArray();
+                                    }
+                                }
+                            }
+                            catch { imgBytes = null; }
+                        }
+                    }
+                    // Fallback to embedded resource image
+                    if (imgBytes == null)
+                    {
+                        var fallback = Properties.Resources.fallback;
+                        if (fallback != null)
+                        {
+                            using (var ms = new MemoryStream())
+                            {
+                                fallback.Save(ms, System.Drawing.Imaging.ImageFormat.Png);
+                                imgBytes = ms.ToArray();
+                            }
+                        }
+                    }
+                    WidgetServer.CachedImageBytes = imgBytes;
+                }
+                catch { }
+
                 // Handle album art image
                 if (!string.IsNullOrWhiteSpace(albumArt))
                 {
@@ -480,13 +582,106 @@ namespace RadioDJViewer
 
         private void UpdateStatusBar()
         {
-            // Status icon
-            toolStripStatusLabel2.Image = isConnected ? Properties.Resources.green : Properties.Resources.red;
+            // Update color box based on connection states
+            try
+            {
+                if (!isConnected)
+                {
+                    toolStripStatusLabel2.BackColor = Color.Red; // disconnected/error
+                }
+                else
+                {
+                    if (isConnected && widgetRunning)
+                        toolStripStatusLabel2.BackColor = Color.Blue; // both running
+                    else
+                        toolStripStatusLabel2.BackColor = Color.Green; // API ok, web off
+                }
+            }
+            catch { }
+
             // Profile
             toolStripStatusLabel4.Text = $"Profile: {currentProfile}";
-            // Song update notification (example)
+            // If there's no active temporary message, ensure label3 shows default
+            if (statusCts == null)
+            {
                 toolStripStatusLabel3.Text = isConnected ? "Connected to API" : "Disconnected";
             }
+        }
+
+        private void ShowTemporaryStatus(string message, int milliseconds)
+        {
+            // Cancel any previous temporary status
+            try
+            {
+                statusCts?.Cancel();
+            }
+            catch { }
+            statusCts = null;
+
+            if (milliseconds <= 0)
+            {
+                // Persistent message until changed - keep a non-null token so UpdateStatusBar doesn't overwrite
+                var persistent = new CancellationTokenSource();
+                statusCts = persistent;
+                toolStripStatusLabel3.Text = message;
+                return;
+            }
+
+            var cts = new CancellationTokenSource();
+            statusCts = cts;
+            toolStripStatusLabel3.Text = message;
+
+            Task.Run(async () =>
+            {
+                try
+                {
+                    await Task.Delay(milliseconds, cts.Token);
+                    if (!cts.IsCancellationRequested)
+                    {
+                        // clear temporary message
+                        statusCts = null;
+                        this.BeginInvoke((Action)(() => {
+                            toolStripStatusLabel3.Text = isConnected ? "Connected to API" : "Disconnected";
+                        }));
+                    }
+                }
+                catch { }
+            });
+        }
+
+        private void ClearStatusMessage()
+        {
+            try { statusCts?.Cancel(); } catch { }
+            statusCts = null;
+            try { toolStripStatusLabel3.Text = isConnected ? "Connected to API" : "Disconnected"; } catch { }
+        }
+
+        private void StartWidgetServerIfEnabled()
+        {
+            // Called after API connection is confirmed
+            if (loadedProfile == null || !loadedProfile.WebServerEnabled)
+                return;
+
+            try
+            {
+                if (widgetServer == null)
+                {
+                    int port = loadedProfile.WebServerPort > 0 ? loadedProfile.WebServerPort : 8080;
+                    widgetServer = new WidgetServer(port, () => marqueeTextArtist, () => marqueeTextTitle, () => this.currentSongImagePath ?? this.defaultImagePath);
+                }
+                widgetServer.Start();
+                widgetRunning = true;
+                UpdateStatusBar();
+                ShowTemporaryStatus($"Web: Running on {loadedProfile.WebServerPort}", 5000);
+            }
+            catch (Exception ex)
+            {
+                widgetRunning = false;
+                UpdateStatusBar();
+                // Show error message
+                ShowTemporaryStatus($"Web server error: {ex.Message}", 5000);
+            }
+        }
 
         private void restAPISettingToolStripMenuItem_Click(object sender, EventArgs e)
         {
@@ -525,11 +720,18 @@ namespace RadioDJViewer
             mainImagesFolderPath = profile.MainImagesFolder; // Update new field
             loadedProfile = profile; // Store loaded profile for REST API connection
             // Update polling rate when profile is loaded
-            int pollingRate = loadedProfile?.PollingRateSeconds > 0 ? loadedProfile.PollingRateSeconds : 3;
+            int pollingRate = profile.PollingRateSeconds > 0 ? profile.PollingRateSeconds : 3;
             apiTimer.Interval = pollingRate * 1000;
             SetMarqueeScrollSpeed(profile.MarqueeScrollSpeed ?? "Medium");
             SetMarqueePauseTime(profile.MarqueePauseTime > 0 ? profile.MarqueePauseTime : 6);
             SetMarqueeSeparator(profile.MarqueeSeparator ?? " | ");
+            // Immediately apply marquee settings to timers
+            if (pauseTimerTitle != null) pauseTimerTitle.Interval = marqueePauseTime;
+            if (pauseTimerArtist != null) pauseTimerArtist.Interval = marqueePauseTime;
+            if (pauseTimerAlbum != null) pauseTimerAlbum.Interval = marqueePauseTime;
+            marqueeTimerTitle.Interval = marqueeScrollSpeed;
+            marqueeTimerArtist.Interval = marqueeScrollSpeed;
+            marqueeTimerAlbum.Interval = marqueeScrollSpeed;
             UpdateStatusBar();
             // You can add more logic to update other fields if needed
         }
@@ -593,5 +795,42 @@ namespace RadioDJViewer
                 ApplyThemeRecursive(child, backColor, foreColor);
             }
         }
+
+        private void label7_Click(object sender, EventArgs e)
+        {
+
+        }
+
+        public string GetCurrentProfileName()
+        {
+            return currentProfile;
+        }
+
+        private void PopulateProfileDropBox()
+        {
+            profile_drop_box.Items.Clear();
+            var profileNames = ProfileStorage.GetProfileNames();
+            profile_drop_box.Items.AddRange(profileNames.ToArray());
+            // Set selected item to current profile if available
+            string currentProfile = GetCurrentProfileName();
+            if (!string.IsNullOrEmpty(currentProfile) && profileNames.Contains(currentProfile))
+                profile_drop_box.SelectedItem = currentProfile;
+            else if (profile_drop_box.Items.Count > 0)
+                profile_drop_box.SelectedIndex = 0;
+        }
+
+        private void load_profile_button_Click(object sender, EventArgs e)
+        {
+            if (profile_drop_box.SelectedItem != null)
+            {
+                var profile = ProfileStorage.LoadProfile(profile_drop_box.SelectedItem.ToString());
+                if (profile != null)
+                {
+                    LoadProfile(profile);
+                    UpdateStatusBar();
+                    MessageBox.Show($"Profile '{profile.Name}' loaded.", "Profile Loaded", MessageBoxButtons.OK, MessageBoxIcon.Information);
+                }
+            }
+        }
     }
 }

RadioDJViewer/ProfileStorage.cs

@@ -20,6 +20,9 @@ namespace RadioDJViewer
         public string MarqueeScrollSpeed { get; set; } // "Very Slow", etc.
         public int MarqueePauseTime { get; set; } // in seconds
         public string MarqueeSeparator { get; set; } // e.g. " | "
+        // Web server settings
+        public bool WebServerEnabled { get; set; }
+        public int WebServerPort { get; set; }
     }
 
     public static class ProfileStorage

RadioDJViewer/Properties/AssemblyInfo.cs

@@ -6,9 +6,9 @@ using System.Runtime.InteropServices;
 // set of attributes. Change these attribute values to modify the information
 // associated with an assembly.
 [assembly: AssemblyTitle("RadioDJViewer")]
-[assembly: AssemblyDescription("")]
+[assembly: AssemblyDescription("RadioDJ Metadata OBS Extractor")]
 [assembly: AssemblyConfiguration("")]
-[assembly: AssemblyCompany("")]
+[assembly: AssemblyCompany("Smartcraft Media Group")]
 [assembly: AssemblyProduct("RadioDJViewer")]
 [assembly: AssemblyCopyright("Copyright ©  2025")]
 [assembly: AssemblyTrademark("")]
@@ -29,5 +29,5 @@ using System.Runtime.InteropServices;
 //      Build Number
 //      Revision
 //
-[assembly: AssemblyVersion("1.1.0")]
-[assembly: AssemblyFileVersion("1.1.0")]
+[assembly: AssemblyVersion("1.9.0")]
+[assembly: AssemblyFileVersion("1.9.0")]

RadioDJViewer/RadioDJViewer.csproj

@@ -13,6 +13,21 @@
     <AutoGenerateBindingRedirects>true</AutoGenerateBindingRedirects>
     <Deterministic>true</Deterministic>
     <ApplicationIcon>icon.ico</ApplicationIcon>
+    <IsWebBootstrapper>false</IsWebBootstrapper>
+    <PublishUrl>publish\</PublishUrl>
+    <Install>true</Install>
+    <InstallFrom>Disk</InstallFrom>
+    <UpdateEnabled>false</UpdateEnabled>
+    <UpdateMode>Foreground</UpdateMode>
+    <UpdateInterval>7</UpdateInterval>
+    <UpdateIntervalUnits>Days</UpdateIntervalUnits>
+    <UpdatePeriodically>false</UpdatePeriodically>
+    <UpdateRequired>false</UpdateRequired>
+    <MapFileExtensions>true</MapFileExtensions>
+    <ApplicationRevision>0</ApplicationRevision>
+    <ApplicationVersion>1.0.0.%2a</ApplicationVersion>
+    <UseApplicationTrust>false</UseApplicationTrust>
+    <BootstrapperEnabled>true</BootstrapperEnabled>
   </PropertyGroup>
   <PropertyGroup Condition=" '$(Configuration)|$(Platform)' == 'Debug|AnyCPU' ">
     <PlatformTarget>AnyCPU</PlatformTarget>
@@ -53,6 +68,7 @@
     <Reference Include="System.Xml" />
   </ItemGroup>
   <ItemGroup>
+    <Compile Include="EmbeddedResourceHelper.cs" />
     <Compile Include="ProfileStorage.cs" />
     <Compile Include="radiodj-restapi-template.cs">
       <SubType>Form</SubType>
@@ -68,6 +84,7 @@
     </Compile>
     <Compile Include="Program.cs" />
     <Compile Include="Properties\AssemblyInfo.cs" />
+    <Compile Include="WidgetServer.cs" />
     <EmbeddedResource Include="radiodj-restapi-template.resx">
       <DependentUpon>radiodj-restapi-template.cs</DependentUpon>
     </EmbeddedResource>
@@ -109,8 +126,23 @@
   </ItemGroup>
   <ItemGroup>
     <Content Include="icon.ico" />
+    <EmbeddedResource Include="index.html" />
+    <EmbeddedResource Include="script.js" />
+    <EmbeddedResource Include="style.css" />
     <None Include="Resources\MdiWeatherSunny.png" />
     <None Include="Resources\MdiWeatherNight.png" />
   </ItemGroup>
+  <ItemGroup>
+    <BootstrapperPackage Include=".NETFramework,Version=v4.7.2">
+      <Visible>False</Visible>
+      <ProductName>Microsoft .NET Framework 4.7.2 %28x86 and x64%29</ProductName>
+      <Install>true</Install>
+    </BootstrapperPackage>
+    <BootstrapperPackage Include="Microsoft.Net.Framework.3.5.SP1">
+      <Visible>False</Visible>
+      <ProductName>.NET Framework 3.5 SP1</ProductName>
+      <Install>false</Install>
+    </BootstrapperPackage>
+  </ItemGroup>
   <Import Project="$(MSBuildToolsPath)\Microsoft.CSharp.targets" />
 </Project>

RadioDJViewer/WidgetServer.cs

@@ -0,0 +1,225 @@
+using System;
+using System.IO;
+using System.Net;
+using System.Text;
+using System.Threading;
+using System.Threading.Tasks;
+
+namespace RadioDJViewer
+{
+    /// <summary>
+    /// Simple embedded-resource-backed HTTP widget server.
+    /// Serves:
+    ///  - / or /index.html -> embedded index.html with {{ARTIST}} and {{TITLE}} replaced
+    ///  - /style.css -> embedded style.css
+    ///  - /script.js -> embedded script.js
+    ///  - /albumart -> the current album art image bytes (uses provided delegate to locate file)
+    /// Runs on a background Task and can be stopped via Stop().
+    /// </summary>
+    public class WidgetServer
+    {
+        // In-memory cache for fast serving
+        public static string CachedArtist = "";
+        public static string CachedTitle = "";
+        public static byte[] CachedImageBytes = null;
+
+        private readonly int port;
+        private readonly Func<string> getArtist;
+        private readonly Func<string> getTitle;
+        private readonly Func<string> getAlbumArtPath;
+        private readonly HttpListener listener;
+        private CancellationTokenSource cts;
+
+        private readonly string htmlTemplate;
+        private readonly string cssText;
+        private readonly string jsText;
+
+        public WidgetServer(int port, Func<string> getArtist, Func<string> getTitle, Func<string> getAlbumArtPath)
+        {
+            this.port = port;
+            this.getArtist = getArtist ?? (() => string.Empty);
+            this.getTitle = getTitle ?? (() => string.Empty);
+            this.getAlbumArtPath = getAlbumArtPath ?? (() => string.Empty);
+            listener = new HttpListener();
+            listener.Prefixes.Add($"http://+:{port}/");
+
+            // Preload embedded resources
+            htmlTemplate = EmbeddedResourceHelper.Read("index.html");
+            cssText = EmbeddedResourceHelper.Read("style.css");
+            jsText = EmbeddedResourceHelper.Read("script.js");
+        }
+
+        public void Start()
+        {
+            if (cts != null) return; // already started
+            cts = new CancellationTokenSource();
+            listener.Start();
+            Task.Run(() => RunAsync(cts.Token));
+        }
+
+        public void Stop()
+        {
+            try
+            {
+                cts?.Cancel();
+                listener.Stop();
+            }
+            catch { }
+            finally
+            {
+                cts = null;
+            }
+        }
+
+        private async Task RunAsync(CancellationToken token)
+        {
+            while (!token.IsCancellationRequested)
+            {
+                HttpListenerContext ctx = null;
+                try
+                {
+                    ctx = await listener.GetContextAsync().ConfigureAwait(false);
+                }
+                catch (HttpListenerException)
+                {
+                    // listener closed
+                    break;
+                }
+                catch (ObjectDisposedException)
+                {
+                    break;
+                }
+                catch (Exception)
+                {
+                    continue;
+                }
+
+                _ = Task.Run(() => HandleContext(ctx), token);
+            }
+        }
+
+        private void HandleContext(HttpListenerContext ctx)
+        {
+            try
+            {
+                var req = ctx.Request;
+                var resp = ctx.Response;
+                string path = req.Url.AbsolutePath.TrimEnd('/');
+                if (string.IsNullOrEmpty(path) || path == "") path = "/";
+
+                if (path == "/" || path.Equals("/index.html", StringComparison.OrdinalIgnoreCase))
+                {
+                    var html = htmlTemplate ?? "";
+                    // Replace placeholders with in-memory cache values
+                    html = html.Replace("{{ARTIST}}", WebUtility.HtmlEncode(CachedArtist ?? string.Empty))
+                               .Replace("{{TITLE}}", WebUtility.HtmlEncode(CachedTitle ?? string.Empty));
+                    var buf = Encoding.UTF8.GetBytes(html);
+                    resp.ContentType = "text/html; charset=utf-8";
+                    resp.ContentLength64 = buf.Length;
+                    resp.OutputStream.Write(buf, 0, buf.Length);
+                }
+                else if (path.Equals("/artist.txt", StringComparison.OrdinalIgnoreCase))
+                {
+                    var buf = Encoding.UTF8.GetBytes(CachedArtist ?? string.Empty);
+                    resp.ContentType = "text/plain; charset=utf-8";
+                    resp.ContentLength64 = buf.Length;
+                    resp.OutputStream.Write(buf, 0, buf.Length);
+                }
+                else if (path.Equals("/title.txt", StringComparison.OrdinalIgnoreCase))
+                {
+                    var buf = Encoding.UTF8.GetBytes(CachedTitle ?? string.Empty);
+                    resp.ContentType = "text/plain; charset=utf-8";
+                    resp.ContentLength64 = buf.Length;
+                    resp.OutputStream.Write(buf, 0, buf.Length);
+                }
+                else if (path.Equals("/style.css", StringComparison.OrdinalIgnoreCase))
+                {
+                    var buf = Encoding.UTF8.GetBytes(cssText ?? "");
+                    resp.ContentType = "text/css; charset=utf-8";
+                    resp.ContentLength64 = buf.Length;
+                    resp.OutputStream.Write(buf, 0, buf.Length);
+                }
+                else if (path.Equals("/script.js", StringComparison.OrdinalIgnoreCase))
+                {
+                    var buf = Encoding.UTF8.GetBytes(jsText ?? "");
+                    resp.ContentType = "application/javascript; charset=utf-8";
+                    resp.ContentLength64 = buf.Length;
+                    resp.OutputStream.Write(buf, 0, buf.Length);
+                }
+                else if (path.Equals("/Album-Art.png", StringComparison.OrdinalIgnoreCase) || path.Equals("/album-art.png", StringComparison.OrdinalIgnoreCase))
+                {
+                    if (CachedImageBytes != null && CachedImageBytes.Length > 0)
+                    {
+                        try
+                        {
+                            resp.ContentType = "image/png";
+                            resp.ContentLength64 = CachedImageBytes.Length;
+                            resp.OutputStream.Write(CachedImageBytes, 0, CachedImageBytes.Length);
+                        }
+                        catch
+                        {
+                            ServeFallbackImage(resp);
+                        }
+                    }
+                    else
+                    {
+                        ServeFallbackImage(resp);
+                    }
+                }
+                else
+                {
+                    resp.StatusCode = 404;
+                    var msg = Encoding.UTF8.GetBytes("Not found");
+                    resp.OutputStream.Write(msg, 0, msg.Length);
+                }
+                resp.OutputStream.Close();
+            }
+            catch
+            {
+                try { ctx.Response.OutputStream.Close(); } catch { }
+            }
+        }
+
+        private void ServeFallbackImage(HttpListenerResponse resp)
+        {
+            try
+            {
+                var img = Properties.Resources.fallback;
+                if (img != null)
+                {
+                    using (var ms = new MemoryStream())
+                    {
+                        img.Save(ms, System.Drawing.Imaging.ImageFormat.Png);
+                        var buf = ms.ToArray();
+                        resp.ContentType = "image/png";
+                        resp.ContentLength64 = buf.Length;
+                        resp.OutputStream.Write(buf, 0, buf.Length);
+                    }
+                }
+                else
+                {
+                    resp.StatusCode = 404;
+                    var msg = Encoding.UTF8.GetBytes("No image");
+                    resp.OutputStream.Write(msg, 0, msg.Length);
+                }
+            }
+            catch
+            {
+                resp.StatusCode = 500;
+            }
+        }
+
+        private string GetMimeTypeFromPath(string path)
+        {
+            var ext = Path.GetExtension(path).ToLowerInvariant();
+            switch (ext)
+            {
+                case ".png": return "image/png";
+                case ".jpg":
+                case ".jpeg": return "image/jpeg";
+                case ".gif": return "image/gif";
+                default: return "application/octet-stream";
+            }
+        }
+    }
+}

RadioDJViewer/index.html

@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>Radio DJ Now Playing</title>
+	<link rel="stylesheet" href="./style.css">
+</head>
+<body>
+	<div class="widget-container">
+		<!-- Blurred background layer -->
+		<div class="background-blur">
+			<img class="background-image" src="Album-Art.png" alt="Album backdrop">
+		</div>
+
+		<!-- Dark overlay for contrast -->
+		<div class="overlay"></div>
+
+		<!-- Content layer -->
+		<div class="widget-content">
+			<!-- Album art (left) -->
+			<div class="album-art-box">
+				<img class="album-art" src="Album-Art.png" alt="Album art">
+			</div>
+
+			<!-- Song info (right) -->
+			<div class="song-info">
+				<div class="song-title">Loading...</div>
+				<div class="song-artist">Loading...</div>
+			</div>
+		</div>
+	</div>
+
+	<script src="./script.js"></script>
+</body>
+</html>

RadioDJViewer/radiodj-restapi-template.Designer.cs

@@ -32,7 +32,7 @@
             this.groupBox1 = new System.Windows.Forms.GroupBox();
             this.textBox1 = new System.Windows.Forms.TextBox();
             this.label1 = new System.Windows.Forms.Label();
-            this.button1 = new System.Windows.Forms.Button();
+            this.ok_button_master = new System.Windows.Forms.Button();
             this.button2 = new System.Windows.Forms.Button();
             this.comboBox1 = new System.Windows.Forms.ComboBox();
             this.label2 = new System.Windows.Forms.Label();
@@ -51,12 +51,12 @@
             this.label10 = new System.Windows.Forms.Label();
             this.label11 = new System.Windows.Forms.Label();
             this.textBox6 = new System.Windows.Forms.TextBox();
-            this.button5 = new System.Windows.Forms.Button();
             this.button6 = new System.Windows.Forms.Button();
             this.label6 = new System.Windows.Forms.Label();
             this.label7 = new System.Windows.Forms.Label();
             this.textBox7 = new System.Windows.Forms.TextBox();
             this.groupBox2 = new System.Windows.Forms.GroupBox();
+            this.label13 = new System.Windows.Forms.Label();
             this.comboBoxScrollSpeed = new System.Windows.Forms.ComboBox();
             this.textBoxPauseTime = new System.Windows.Forms.TextBox();
             this.separatingcharacterformatbox = new System.Windows.Forms.TextBox();
@@ -64,10 +64,15 @@
             this.label9 = new System.Windows.Forms.Label();
             this.label8 = new System.Windows.Forms.Label();
             this.label12 = new System.Windows.Forms.Label();
-            this.label13 = new System.Windows.Forms.Label();
+            this.web_server_label = new System.Windows.Forms.Label();
+            this.web_server_checkbox = new System.Windows.Forms.CheckBox();
+            this.web_server_settings_groupbox = new System.Windows.Forms.GroupBox();
+            this.web_server_port_label = new System.Windows.Forms.Label();
+            this.web_server_port_textbox = new System.Windows.Forms.TextBox();
             this.groupBox1.SuspendLayout();
             this.groupBox3.SuspendLayout();
             this.groupBox2.SuspendLayout();
+            this.web_server_settings_groupbox.SuspendLayout();
             this.SuspendLayout();
             // 
             // groupBox1
@@ -97,18 +102,18 @@
             this.label1.TabIndex = 0;
             this.label1.Text = "URL Format:";
             // 
-            // button1
+            // ok_button_master
             // 
-            this.button1.Location = new System.Drawing.Point(35, 584);
-            this.button1.Name = "button1";
-            this.button1.Size = new System.Drawing.Size(157, 23);
-            this.button1.TabIndex = 1;
-            this.button1.Text = "Save";
-            this.button1.UseVisualStyleBackColor = true;
+            this.ok_button_master.Location = new System.Drawing.Point(65, 648);
+            this.ok_button_master.Name = "ok_button_master";
+            this.ok_button_master.Size = new System.Drawing.Size(157, 23);
+            this.ok_button_master.TabIndex = 1;
+            this.ok_button_master.Text = "OK";
+            this.ok_button_master.UseVisualStyleBackColor = true;
             // 
             // button2
             // 
-            this.button2.Location = new System.Drawing.Point(357, 584);
+            this.button2.Location = new System.Drawing.Point(305, 648);
             this.button2.Name = "button2";
             this.button2.Size = new System.Drawing.Size(157, 23);
             this.button2.TabIndex = 2;
@@ -182,7 +187,7 @@
             // 
             // button3
             // 
-            this.button3.Location = new System.Drawing.Point(60, 419);
+            this.button3.Location = new System.Drawing.Point(71, 491);
             this.button3.Name = "button3";
             this.button3.Size = new System.Drawing.Size(120, 30);
             this.button3.TabIndex = 8;
@@ -191,7 +196,7 @@
             // 
             // button4
             // 
-            this.button4.Location = new System.Drawing.Point(216, 419);
+            this.button4.Location = new System.Drawing.Point(316, 491);
             this.button4.Name = "button4";
             this.button4.Size = new System.Drawing.Size(120, 30);
             this.button4.TabIndex = 9;
@@ -204,7 +209,7 @@
             this.groupBox3.Controls.Add(this.labelOutputFolderPath);
             this.groupBox3.Controls.Add(this.textBox5);
             this.groupBox3.Controls.Add(this.label10);
-            this.groupBox3.Location = new System.Drawing.Point(20, 298);
+            this.groupBox3.Location = new System.Drawing.Point(31, 370);
             this.groupBox3.Name = "groupBox3";
             this.groupBox3.Size = new System.Drawing.Size(482, 115);
             this.groupBox3.TabIndex = 12;
@@ -261,15 +266,6 @@
             this.textBox6.Size = new System.Drawing.Size(290, 20);
             this.textBox6.TabIndex = 15;
             // 
-            // button5
-            // 
-            this.button5.Location = new System.Drawing.Point(382, 419);
-            this.button5.Name = "button5";
-            this.button5.Size = new System.Drawing.Size(120, 30);
-            this.button5.TabIndex = 16;
-            this.button5.Text = "Load Profile";
-            this.button5.UseVisualStyleBackColor = true;
-            // 
             // button6
             // 
             this.button6.Location = new System.Drawing.Point(23, 269);
@@ -306,6 +302,7 @@
             // 
             // groupBox2
             // 
+            this.groupBox2.Controls.Add(this.web_server_settings_groupbox);
             this.groupBox2.Controls.Add(this.label13);
             this.groupBox2.Controls.Add(this.comboBoxScrollSpeed);
             this.groupBox2.Controls.Add(this.textBoxPauseTime);
@@ -319,7 +316,6 @@
             this.groupBox2.Controls.Add(this.label7);
             this.groupBox2.Controls.Add(this.label6);
             this.groupBox2.Controls.Add(this.button6);
-            this.groupBox2.Controls.Add(this.button5);
             this.groupBox2.Controls.Add(this.groupBox3);
             this.groupBox2.Controls.Add(this.button4);
             this.groupBox2.Controls.Add(this.button3);
@@ -333,11 +329,20 @@
             this.groupBox2.Controls.Add(this.comboBox1);
             this.groupBox2.Location = new System.Drawing.Point(12, 100);
             this.groupBox2.Name = "groupBox2";
-            this.groupBox2.Size = new System.Drawing.Size(519, 470);
+            this.groupBox2.Size = new System.Drawing.Size(519, 527);
             this.groupBox2.TabIndex = 3;
             this.groupBox2.TabStop = false;
             this.groupBox2.Text = "Profiles";
             // 
+            // label13
+            // 
+            this.label13.AutoSize = true;
+            this.label13.Location = new System.Drawing.Point(20, 240);
+            this.label13.Name = "label13";
+            this.label13.Size = new System.Drawing.Size(142, 13);
+            this.label13.TabIndex = 32;
+            this.label13.Text = "Separating Character Format";
+            // 
             // comboBoxScrollSpeed
             // 
             this.comboBoxScrollSpeed.DropDownStyle = System.Windows.Forms.ComboBoxStyle.DropDownList;
@@ -402,23 +407,62 @@
             this.label12.TabIndex = 27;
             this.label12.Text = "Separating character format";
             // 
-            // label13
+            // web_server_label
             // 
-            this.label13.AutoSize = true;
-            this.label13.Location = new System.Drawing.Point(20, 240);
-            this.label13.Name = "label13";
-            this.label13.Size = new System.Drawing.Size(142, 13);
-            this.label13.TabIndex = 32;
-            this.label13.Text = "Separating Character Format";
+            this.web_server_label.AutoSize = true;
+            this.web_server_label.Location = new System.Drawing.Point(44, 24);
+            this.web_server_label.Name = "web_server_label";
+            this.web_server_label.Size = new System.Drawing.Size(67, 13);
+            this.web_server_label.TabIndex = 33;
+            this.web_server_label.Text = "Web Server:";
+            // 
+            // web_server_checkbox
+            // 
+            this.web_server_checkbox.AutoSize = true;
+            this.web_server_checkbox.Location = new System.Drawing.Point(111, 23);
+            this.web_server_checkbox.Name = "web_server_checkbox";
+            this.web_server_checkbox.Size = new System.Drawing.Size(65, 17);
+            this.web_server_checkbox.TabIndex = 34;
+            this.web_server_checkbox.Text = "Enabled";
+            this.web_server_checkbox.UseVisualStyleBackColor = true;
+            // 
+            // web_server_settings_groupbox
+            // 
+            this.web_server_settings_groupbox.Controls.Add(this.web_server_port_textbox);
+            this.web_server_settings_groupbox.Controls.Add(this.web_server_port_label);
+            this.web_server_settings_groupbox.Controls.Add(this.web_server_label);
+            this.web_server_settings_groupbox.Controls.Add(this.web_server_checkbox);
+            this.web_server_settings_groupbox.Location = new System.Drawing.Point(31, 298);
+            this.web_server_settings_groupbox.Name = "web_server_settings_groupbox";
+            this.web_server_settings_groupbox.Size = new System.Drawing.Size(396, 58);
+            this.web_server_settings_groupbox.TabIndex = 35;
+            this.web_server_settings_groupbox.TabStop = false;
+            this.web_server_settings_groupbox.Text = "Web Server Settings";
+            // 
+            // web_server_port_label
+            // 
+            this.web_server_port_label.AutoSize = true;
+            this.web_server_port_label.Location = new System.Drawing.Point(211, 23);
+            this.web_server_port_label.Name = "web_server_port_label";
+            this.web_server_port_label.Size = new System.Drawing.Size(29, 13);
+            this.web_server_port_label.TabIndex = 35;
+            this.web_server_port_label.Text = "Port:";
+            // 
+            // web_server_port_textbox
+            // 
+            this.web_server_port_textbox.Location = new System.Drawing.Point(246, 19);
+            this.web_server_port_textbox.Name = "web_server_port_textbox";
+            this.web_server_port_textbox.Size = new System.Drawing.Size(77, 20);
+            this.web_server_port_textbox.TabIndex = 36;
             // 
             // Form1
             // 
             this.AutoScaleDimensions = new System.Drawing.SizeF(6F, 13F);
             this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font;
-            this.ClientSize = new System.Drawing.Size(543, 619);
+            this.ClientSize = new System.Drawing.Size(572, 695);
             this.Controls.Add(this.groupBox2);
             this.Controls.Add(this.button2);
-            this.Controls.Add(this.button1);
+            this.Controls.Add(this.ok_button_master);
             this.Controls.Add(this.groupBox1);
             this.Icon = ((System.Drawing.Icon)(resources.GetObject("$this.Icon")));
             this.Name = "Form1";
@@ -429,6 +473,8 @@
             this.groupBox3.PerformLayout();
             this.groupBox2.ResumeLayout(false);
             this.groupBox2.PerformLayout();
+            this.web_server_settings_groupbox.ResumeLayout(false);
+            this.web_server_settings_groupbox.PerformLayout();
             this.ResumeLayout(false);
 
         }
@@ -438,7 +484,7 @@
         private System.Windows.Forms.GroupBox groupBox1;
         private System.Windows.Forms.TextBox textBox1;
         private System.Windows.Forms.Label label1;
-        private System.Windows.Forms.Button button1;
+        private System.Windows.Forms.Button ok_button_master;
         private System.Windows.Forms.Button button2;
         private System.Windows.Forms.ComboBox comboBox1;
         private System.Windows.Forms.Label label2;
@@ -457,7 +503,6 @@
         private System.Windows.Forms.Label label10;
         private System.Windows.Forms.Label label11;
         private System.Windows.Forms.TextBox textBox6;
-        private System.Windows.Forms.Button button5;
         private System.Windows.Forms.Button button6;
         private System.Windows.Forms.Label label6;
         private System.Windows.Forms.Label label7;
@@ -473,5 +518,10 @@
         private System.Windows.Forms.TextBox textBoxPauseTime;
         private System.Windows.Forms.TextBox separatingcharacterformatbox;
         private System.Windows.Forms.Label label13;
+        private System.Windows.Forms.GroupBox web_server_settings_groupbox;
+        private System.Windows.Forms.Label web_server_label;
+        private System.Windows.Forms.CheckBox web_server_checkbox;
+        private System.Windows.Forms.TextBox web_server_port_textbox;
+        private System.Windows.Forms.Label web_server_port_label;
     }
 }

RadioDJViewer/radiodj-restapi-template.cs

@@ -32,9 +32,8 @@ namespace RadioDJViewer
             this.buttonSelectOutputFolder.Click += ButtonSelectOutputFolder_Click;
             this.button6.Click += ButtonSelectMainImagesFolder_Click;
             this.button3.Click += button3_Click;
-            this.button1.Click += button1_Click;
+            this.ok_button_master.Click += button1_Click;
             this.button4.Click += button4_Click;
-            this.button5.Click += button5_Click;
             this.button2.Click += button2_Click;
             // Populate profile list on open
             LoadProfileList();
@@ -79,6 +78,13 @@ namespace RadioDJViewer
                     comboBoxScrollSpeed.SelectedItem = profile.MarqueeScrollSpeed ?? "Medium";
                     textBoxPauseTime.Text = profile.MarqueePauseTime > 0 ? profile.MarqueePauseTime.ToString() : "6";
                     separatingcharacterformatbox.Text = profile.MarqueeSeparator ?? " | ";
+                    // Web server settings
+                    try
+                    {
+                        web_server_checkbox.Checked = profile.WebServerEnabled;
+                        web_server_port_textbox.Text = (profile.WebServerPort > 0 ? profile.WebServerPort : 8080).ToString();
+                    }
+                    catch { }
                 }
             }
         }
@@ -130,7 +136,10 @@ namespace RadioDJViewer
                 PollingRateSeconds = pollingRate,
                 MarqueeScrollSpeed = comboBoxScrollSpeed.SelectedItem?.ToString() ?? "Medium",
                 MarqueePauseTime = int.TryParse(textBoxPauseTime.Text, out int pt) ? pt : 6,
-                MarqueeSeparator = separatingcharacterformatbox.Text
+                MarqueeSeparator = separatingcharacterformatbox.Text,
+                // Web server settings
+                WebServerEnabled = web_server_checkbox.Checked,
+                WebServerPort = int.TryParse(web_server_port_textbox.Text, out int wp) ? wp : 8080
             };
             ProfileStorage.SaveProfile(profile);
             // Refresh profile list
@@ -152,33 +161,6 @@ namespace RadioDJViewer
             }
         }
 
-        private void button5_Click(object sender, EventArgs e)
-        {
-            // Load Profile (Load Profile button)
-            if (comboBox1.SelectedItem != null)
-            {
-                var profile = ProfileStorage.LoadProfile(comboBox1.SelectedItem.ToString());
-                if (profile != null)
-                {
-                    textBox6.Text = profile.Name;
-                    textBox2.Text = profile.IP;
-                    textBox3.Text = profile.Port;
-                    textBox4.Text = profile.Password;
-                    outputFolderPath = profile.OutputFolder;
-                    mainImagesFolderPath = profile.MainImagesFolder;
-                    labelOutputFolderPath.Text = outputFolderPath;
-                    label6.Text = mainImagesFolderPath;
-                    textBox5.Text = profile.OutputImageName;
-                    textBox1.Text = profile.UrlFormat;
-                    Main mainForm = Application.OpenForms["Main"] as Main;
-                    if (mainForm != null)
-                    {
-                        mainForm.LoadProfile(profile);
-                    }
-                }
-            }
-        }
-
         private void button1_Click(object sender, EventArgs e)
         {
             // Save (bottom Save button) - save all fields to the currently selected or new profile

RadioDJViewer/script.js

@@ -0,0 +1,128 @@
+///////////////
+// PARAMETERS //
+///////////////
+
+const queryString = window.location.search;
+const urlParams = new URLSearchParams(queryString);
+const refreshRate = parseInt(urlParams.get("refreshrate")) || 6; // Default 6 seconds
+
+// Image filename - update this if the backend changes the image path
+const IMAGE_FILENAME = "Album-Art.png";
+
+//////////////////
+// GLOBAL STATE //
+//////////////////
+
+let currentArtist = "";
+let currentTitle = "";
+let refreshInterval = null;
+
+//////////////////
+// REFRESH LOGIC //
+//////////////////
+
+/**
+ * Fetches the artist and title from text files
+ */
+async function fetchSongData() {
+	try {
+		const artistResponse = await fetch("artist.txt");
+		const titleResponse = await fetch("title.txt");
+
+		if (!artistResponse.ok || !titleResponse.ok) {
+			console.error("Failed to fetch song data");
+			return null;
+		}
+
+		const artist = (await artistResponse.text()).trim();
+		const title = (await titleResponse.text()).trim();
+
+		return { artist, title };
+	} catch (error) {
+		console.error("Error fetching song data:", error);
+		return null;
+	}
+}
+
+/**
+ * Updates the DOM elements if the song data has changed
+ */
+function updateSongDisplay(artist, title) {
+	const titleElement = document.querySelector(".song-title");
+	const artistElement = document.querySelector(".song-artist");
+
+	let trackChanged = false;
+
+	// Only update if data has actually changed
+	if (title !== currentTitle) {
+		currentTitle = title;
+		titleElement.classList.add("updating");
+		titleElement.textContent = title || "Unknown Title";
+		trackChanged = true;
+		setTimeout(() => {
+			titleElement.classList.remove("updating");
+		}, 400);
+	}
+
+	if (artist !== currentArtist) {
+		currentArtist = artist;
+		artistElement.classList.add("updating");
+		artistElement.textContent = artist || "Unknown Artist";
+		trackChanged = true;
+		setTimeout(() => {
+			artistElement.classList.remove("updating");
+		}, 400);
+	}
+
+	// Return whether track changed (to trigger image update)
+	return trackChanged;
+}
+
+/**
+ * Updates both the album art and background image with cache-busting timestamp
+ * Only called when track actually changes
+ */
+function updateAlbumArt() {
+	const albumArt = document.querySelector(".album-art");
+	const backgroundImage = document.querySelector(".background-image");
+	const timestamp = new Date().getTime();
+	const imageUrl = `${IMAGE_FILENAME}?v=${timestamp}`;
+
+	albumArt.src = imageUrl;
+	backgroundImage.src = imageUrl;
+}
+
+/**
+ * Main refresh function - fetches data and updates if changed
+ */
+async function refresh() {
+	const data = await fetchSongData();
+	if (data) {
+		const trackChanged = updateSongDisplay(data.artist, data.title);
+		// Only update images when track actually changes
+		if (trackChanged) {
+			updateAlbumArt();
+		}
+	}
+}
+
+///////////////
+// INITIALIZE //
+///////////////
+
+function init() {
+	// Load initial data immediately
+	refresh();
+
+	// Set up refresh interval based on URL parameter or default
+	refreshInterval = setInterval(refresh, refreshRate * 1000);
+
+	console.log(`Radio DJ widget initialized - refreshing every ${refreshRate}s`);
+}
+
+// Start when DOM is ready
+if (document.readyState === "loading") {
+	document.addEventListener("DOMContentLoaded", init);
+} else {
+	init();
+}

RadioDJViewer/style.css

@@ -0,0 +1,143 @@
+* {
+	margin: 0;
+	padding: 0;
+	box-sizing: border-box;
+}
+
+body {
+	background: #000;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	min-height: 100vh;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
+}
+
+/* Main widget container */
+.widget-container {
+	position: relative;
+	display: flex;
+	width: 100%;
+	max-width: 650px;
+	aspect-ratio: auto;
+	height: 200px;
+	border-radius: 20px;
+	overflow: hidden;
+	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.95);
+	margin: 20px;
+}
+
+/* Blurred background layer (z-index: 0) */
+.background-blur {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	z-index: 0;
+	overflow: hidden;
+}
+
+.background-image {
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+	filter: blur(40px) brightness(0.6);
+}
+
+/* Dark overlay (z-index: 1) */
+.overlay {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: rgba(0, 0, 0, 0.5);
+	z-index: 1;
+	pointer-events: none;
+}
+
+/* Content layer (z-index: 2) */
+.widget-content {
+	position: relative;
+	display: flex;
+	gap: 24px;
+	padding: 20px;
+	z-index: 2;
+	width: 100%;
+	height: 100%;
+	align-items: center;
+}
+
+/* Album art box (left) */
+.album-art-box {
+	flex-shrink: 0;
+	width: 140px;
+	height: 140px;
+	border-radius: 10px;
+	overflow: hidden;
+	background: rgba(60, 60, 60, 0.5);
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.6);
+}
+
+.album-art {
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+}
+
+/* Song info box (right) */
+.song-info {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	gap: 4px;
+	min-width: 0;
+	padding: 0 12px;
+}
+
+/* Song title */
+.song-title {
+	font-size: 30px;
+	font-weight: 700;
+	color: #ffffff;
+	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.9);
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	letter-spacing: -0.5px;
+	line-height: 1.1;
+}
+
+/* Song artist */
+.song-artist {
+	font-size: 22px;
+	font-weight: 500;
+	color: #ffffff;
+	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.9);
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	letter-spacing: -0.3px;
+	line-height: 1.1;
+	opacity: 1;
+}
+
+/* Smooth fade animation for updates */
+@keyframes fadeIn {
+	from {
+		opacity: 0.5;
+	}
+	to {
+		opacity: 1;
+	}
+}
+
+.song-title.updating,
+.song-artist.updating {
+	animation: fadeIn 0.4s ease-in-out;
+}