Set Time Clock

Update README.md
Added some endpoint
2026-07-01 22:37:18 -04:00 · 2026-04-13 00:49:27 -04:00 · 2026-04-13 00:46:48 -04:00 · 2026-04-13 00:42:27 -04:00 · 2026-04-13 00:21:18 -04:00 · 2026-04-12 23:45:04 -04:00
14 changed files with 1322 additions and 138 deletions
--- a/README.md
+++ b/README.md
@@ -1,61 +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. |

-## Some info for you
-1. URL format follows the format from RadioDJ (http://{ip}:{port}/np?auth={password})
-2. The Variables that you see in the URL format like "{ip},{port} and {password}" They need to be present in format box which you would have typed out, If not the program cannot access the REST API 
+*Note: Replace `127.0.0.1` with your computer's local IP address to access these from other devices.*

-## License
-This project is licensed under the MIT License.
+## 📋 Requirements
+* Windows 7 or later.
+* .NET Framework 4.7.2.
+* RadioDJ with the **REST Server Plugin** enabled and configured.

-## Repository
-[https://git.smartcraft.me/minster586/RadioDJViewer](https://git.smartcraft.me/minster586/RadioDJViewer)
+## 🔧 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.

-## My inspiration  
-I was inspired to use this make this program by a few people as I use Radio DJ for pretty much everything music relatedwise. 
-When I started this it originally was just a command line console based program written in Java which is still available and works on pretty much any OS you can think of
-This started off as a thing where I wanted my actual music playing program for streams playing video games to show what was playing
-A quick google search led to a bunch of things that I liked but were web based and I was trying to stick away from web based programs 
-And I know that particular person that I'm about to mention is probably going to look at this and get a kick out of it
-It got me thinking that is there a way that I can get the information and parse that information and this program was born 
+## 🌐 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**.

-[https://www.youtube.com/@RodericksRadioDJTutorials] Yes I put your Youtube channel
+## 📝 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.

-All things aside it works the way that I like there are a few more changes that I want to do to it
-For example debugging and what not but it should work on pretty much any system that has .NET framework 4.7.2 Obviously it says that in the requirements
-I will say the biggest thing that helped me was copilot I know it seems a little strange but as I am just learning how to do this I figured why not give it a shot 
-
-With that being said if you want to see it live in action you can find my links page here Pop into my streams ask me about it 
-[https://links.smartcraft.me/@minster586]
+## 🔗 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.
--- a/RadioDJViewer/EmbeddedResourceHelper.cs
+++ b/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();
+                }
+            }
+        }
+    }
+}
--- a/RadioDJViewer/Main.Designer.cs
+++ b/RadioDJViewer/Main.Designer.cs
@@ -43,6 +43,8 @@
            this.exitToolStripMenuItem = new System.Windows.Forms.ToolStripMenuItem();
            this.aboutToolStripMenuItem = new System.Windows.Forms.ToolStripMenuItem();
            this.groupBox1 = new System.Windows.Forms.GroupBox();
+            this.label8 = new System.Windows.Forms.Label();
+            this.label7 = new System.Windows.Forms.Label();
            this.label6 = new System.Windows.Forms.Label();
            this.label5 = new System.Windows.Forms.Label();
            this.label4 = new System.Windows.Forms.Label();
@@ -56,8 +58,9 @@
            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.time_label = new System.Windows.Forms.Label();
+            this.label9 = new System.Windows.Forms.Label();
+            this.time_data_label = new System.Windows.Forms.Label();
            this.statusStrip1.SuspendLayout();
            this.menuStrip2.SuspendLayout();
            this.groupBox1.SuspendLayout();
@@ -71,9 +74,9 @@
            this.toolStripStatusLabel2,
            this.toolStripStatusLabel4,
            this.toolStripStatusLabel3});
-            this.statusStrip1.Location = new System.Drawing.Point(0, 314);
+            this.statusStrip1.Location = new System.Drawing.Point(0, 362);
            this.statusStrip1.Name = "statusStrip1";
-            this.statusStrip1.Size = new System.Drawing.Size(612, 25);
+            this.statusStrip1.Size = new System.Drawing.Size(612, 26);
            this.statusStrip1.TabIndex = 0;
            this.statusStrip1.Text = "statusStrip1";
            // 
@@ -81,20 +84,22 @@
            // 
            this.toolStripStatusLabel1.Font = new System.Drawing.Font("Segoe UI", 11.25F, System.Drawing.FontStyle.Bold, System.Drawing.GraphicsUnit.Point, ((byte)(0)));
            this.toolStripStatusLabel1.Name = "toolStripStatusLabel1";
-            this.toolStripStatusLabel1.Size = new System.Drawing.Size(57, 20);
+            this.toolStripStatusLabel1.Size = new System.Drawing.Size(64, 21);
            this.toolStripStatusLabel1.Text = "Status:";
            // 
            // toolStripStatusLabel2
            // 
-            this.toolStripStatusLabel2.Image = ((System.Drawing.Image)(resources.GetObject("toolStripStatusLabel2.Image")));
+            this.toolStripStatusLabel2.BackColor = System.Drawing.Color.Red;
+            this.toolStripStatusLabel2.DisplayStyle = System.Windows.Forms.ToolStripItemDisplayStyle.Text;
            this.toolStripStatusLabel2.Name = "toolStripStatusLabel2";
-            this.toolStripStatusLabel2.Size = new System.Drawing.Size(16, 20);
+            this.toolStripStatusLabel2.Size = new System.Drawing.Size(12, 21);
+            this.toolStripStatusLabel2.Text = " ";
            // 
            // toolStripStatusLabel4
            // 
            this.toolStripStatusLabel4.Font = new System.Drawing.Font("Segoe UI", 11.25F, System.Drawing.FontStyle.Bold, System.Drawing.GraphicsUnit.Point, ((byte)(0)));
            this.toolStripStatusLabel4.Name = "toolStripStatusLabel4";
-            this.toolStripStatusLabel4.Size = new System.Drawing.Size(262, 20);
+            this.toolStripStatusLabel4.Size = new System.Drawing.Size(260, 21);
            this.toolStripStatusLabel4.Spring = true;
            this.toolStripStatusLabel4.Text = "Profile:";
            this.toolStripStatusLabel4.Click += new System.EventHandler(this.toolStripStatusLabel4_Click);
@@ -102,7 +107,7 @@
            // toolStripStatusLabel3
            // 
            this.toolStripStatusLabel3.Name = "toolStripStatusLabel3";
-            this.toolStripStatusLabel3.Size = new System.Drawing.Size(262, 20);
+            this.toolStripStatusLabel3.Size = new System.Drawing.Size(260, 21);
            this.toolStripStatusLabel3.Spring = true;
            this.toolStripStatusLabel3.Text = "Song Changed Updateing";
            this.toolStripStatusLabel3.TextAlign = System.Drawing.ContentAlignment.MiddleRight;
@@ -114,7 +119,7 @@
            this.aboutToolStripMenuItem});
            this.menuStrip2.Location = new System.Drawing.Point(0, 0);
            this.menuStrip2.Name = "menuStrip2";
-            this.menuStrip2.Size = new System.Drawing.Size(612, 24);
+            this.menuStrip2.Size = new System.Drawing.Size(612, 25);
            this.menuStrip2.TabIndex = 2;
            this.menuStrip2.Text = "menuStrip2";
            // 
@@ -125,7 +130,7 @@
            this.loggingToolStripMenuItem,
            this.exitToolStripMenuItem});
            this.fileToolStripMenuItem.Name = "fileToolStripMenuItem";
-            this.fileToolStripMenuItem.Size = new System.Drawing.Size(37, 20);
+            this.fileToolStripMenuItem.Size = new System.Drawing.Size(41, 21);
            this.fileToolStripMenuItem.Text = "File";
            // 
            // restAPISettingToolStripMenuItem
@@ -148,13 +153,13 @@
            // onToolStripMenuItem
            // 
            this.onToolStripMenuItem.Name = "onToolStripMenuItem";
-            this.onToolStripMenuItem.Size = new System.Drawing.Size(91, 22);
+            this.onToolStripMenuItem.Size = new System.Drawing.Size(98, 22);
            this.onToolStripMenuItem.Text = "On";
            // 
            // offToolStripMenuItem
            // 
            this.offToolStripMenuItem.Name = "offToolStripMenuItem";
-            this.offToolStripMenuItem.Size = new System.Drawing.Size(91, 22);
+            this.offToolStripMenuItem.Size = new System.Drawing.Size(98, 22);
            this.offToolStripMenuItem.Text = "Off";
            // 
            // exitToolStripMenuItem
@@ -167,12 +172,15 @@
            // aboutToolStripMenuItem
            // 
            this.aboutToolStripMenuItem.Name = "aboutToolStripMenuItem";
-            this.aboutToolStripMenuItem.Size = new System.Drawing.Size(52, 20);
+            this.aboutToolStripMenuItem.Size = new System.Drawing.Size(52, 21);
            this.aboutToolStripMenuItem.Text = "About";
            this.aboutToolStripMenuItem.Click += new System.EventHandler(this.aboutToolStripMenuItem_Click);
            // 
            // groupBox1
            // 
+            this.groupBox1.Controls.Add(this.time_data_label);
+            this.groupBox1.Controls.Add(this.label9);
+            this.groupBox1.Controls.Add(this.time_label);
            this.groupBox1.Controls.Add(this.label8);
            this.groupBox1.Controls.Add(this.label7);
            this.groupBox1.Controls.Add(this.label6);
@@ -184,15 +192,34 @@
            this.groupBox1.Font = new System.Drawing.Font("Microsoft Sans Serif", 9.75F, System.Drawing.FontStyle.Regular, System.Drawing.GraphicsUnit.Point, ((byte)(0)));
            this.groupBox1.Location = new System.Drawing.Point(199, 37);
            this.groupBox1.Name = "groupBox1";
-            this.groupBox1.Size = new System.Drawing.Size(390, 173);
+            this.groupBox1.Size = new System.Drawing.Size(390, 205);
            this.groupBox1.TabIndex = 4;
            this.groupBox1.TabStop = false;
            this.groupBox1.Text = "Song Info";
            // 
+            // label8
+            // 
+            this.label8.AutoSize = true;
+            this.label8.Location = new System.Drawing.Point(20, 103);
+            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;
+            // 
+            // 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 = "――――――――――――――――――――――――――――――――――――――――――――――――――";
+            // 
            // label6
            // 
            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.Location = new System.Drawing.Point(99, 121);
            this.label6.Name = "label6";
            this.label6.Size = new System.Drawing.Size(266, 17);
            this.label6.TabIndex = 5;
@@ -202,7 +229,7 @@
            // label5
            // 
            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.Location = new System.Drawing.Point(99, 76);
            this.label5.Name = "label5";
            this.label5.Size = new System.Drawing.Size(266, 17);
            this.label5.TabIndex = 4;
@@ -223,7 +250,7 @@
            // 
            this.label3.AutoSize = true;
            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.Location = new System.Drawing.Point(23, 116);
            this.label3.Name = "label3";
            this.label3.Size = new System.Drawing.Size(76, 24);
            this.label3.TabIndex = 2;
@@ -233,7 +260,7 @@
            // 
            this.label2.AutoSize = true;
            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.Location = new System.Drawing.Point(23, 75);
            this.label2.Name = "label2";
            this.label2.Size = new System.Drawing.Size(62, 24);
            this.label2.TabIndex = 1;
@@ -251,7 +278,7 @@
            // 
            // button1
            // 
-            this.button1.Location = new System.Drawing.Point(62, 230);
+            this.button1.Location = new System.Drawing.Point(62, 281);
            this.button1.Name = "button1";
            this.button1.Size = new System.Drawing.Size(99, 42);
            this.button1.TabIndex = 5;
@@ -261,7 +288,7 @@
            // 
            // button2
            // 
-            this.button2.Location = new System.Drawing.Point(180, 230);
+            this.button2.Location = new System.Drawing.Point(180, 281);
            this.button2.Name = "button2";
            this.button2.Size = new System.Drawing.Size(99, 42);
            this.button2.TabIndex = 6;
@@ -272,7 +299,7 @@
            // uicolor
            // 
            this.uicolor.Image = global::RadioDJViewer.Properties.Resources.MdiWeatherNight;
-            this.uicolor.Location = new System.Drawing.Point(572, 276);
+            this.uicolor.Location = new System.Drawing.Point(572, 327);
            this.uicolor.Name = "uicolor";
            this.uicolor.Size = new System.Drawing.Size(28, 23);
            this.uicolor.TabIndex = 7;
@@ -280,7 +307,7 @@
            // 
            // pictureBox1
            // 
-            this.pictureBox1.Location = new System.Drawing.Point(13, 37);
+            this.pictureBox1.Location = new System.Drawing.Point(13, 69);
            this.pictureBox1.Name = "pictureBox1";
            this.pictureBox1.Size = new System.Drawing.Size(180, 173);
            this.pictureBox1.TabIndex = 3;
@@ -289,7 +316,7 @@
            // profile_drop_box
            // 
            this.profile_drop_box.FormattingEnabled = true;
-            this.profile_drop_box.Location = new System.Drawing.Point(62, 278);
+            this.profile_drop_box.Location = new System.Drawing.Point(62, 329);
            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;
@@ -297,7 +324,7 @@
            // profile_label
            // 
            this.profile_label.AutoSize = true;
-            this.profile_label.Location = new System.Drawing.Point(12, 281);
+            this.profile_label.Location = new System.Drawing.Point(12, 332);
            this.profile_label.Name = "profile_label";
            this.profile_label.Size = new System.Drawing.Size(44, 13);
            this.profile_label.TabIndex = 9;
@@ -306,37 +333,49 @@
            // 
            // load_profile_button
            // 
-            this.load_profile_button.Location = new System.Drawing.Point(285, 276);
+            this.load_profile_button.Location = new System.Drawing.Point(285, 327);
            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
+            // time_label
            // 
-            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 = "――――――――――――――――――――――――――――――――――――――――――――――――――";
+            this.time_label.AutoSize = true;
+            this.time_label.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.time_label.Location = new System.Drawing.Point(20, 157);
+            this.time_label.Name = "time_label";
+            this.time_label.Size = new System.Drawing.Size(63, 24);
+            this.time_label.TabIndex = 8;
+            this.time_label.Text = "Time:";
+            this.time_label.Click += new System.EventHandler(this.label9_Click);
            // 
-            // label8
+            // label9
            // 
-            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;
+            this.label9.AutoSize = true;
+            this.label9.Location = new System.Drawing.Point(17, 144);
+            this.label9.Name = "label9";
+            this.label9.Size = new System.Drawing.Size(357, 16);
+            this.label9.TabIndex = 9;
+            this.label9.Text = "――――――――――――――――――――――――――――――――――――――――――――――――――";
+            this.label9.TextAlign = System.Drawing.ContentAlignment.BottomCenter;
+            // 
+            // time_data_label
+            // 
+            this.time_data_label.Font = new System.Drawing.Font("Microsoft Sans Serif", 12F, System.Drawing.FontStyle.Regular, System.Drawing.GraphicsUnit.Point, ((byte)(0)));
+            this.time_data_label.Location = new System.Drawing.Point(97, 160);
+            this.time_data_label.Name = "time_data_label";
+            this.time_data_label.Size = new System.Drawing.Size(266, 17);
+            this.time_data_label.TabIndex = 10;
+            this.time_data_label.Text = "No Data";
+            this.time_data_label.TextAlign = System.Drawing.ContentAlignment.MiddleCenter;
            // 
            // Main
            // 
            this.AutoScaleDimensions = new System.Drawing.SizeF(6F, 13F);
            this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font;
-            this.ClientSize = new System.Drawing.Size(612, 339);
+            this.ClientSize = new System.Drawing.Size(612, 388);
            this.Controls.Add(this.load_profile_button);
            this.Controls.Add(this.profile_label);
            this.Controls.Add(this.profile_drop_box);
@@ -393,6 +432,9 @@
        private System.Windows.Forms.Button load_profile_button;
        private System.Windows.Forms.Label label7;
        private System.Windows.Forms.Label label8;
+        private System.Windows.Forms.Label time_label;
+        private System.Windows.Forms.Label label9;
+        private System.Windows.Forms.Label time_data_label;
    }
 }

--- a/RadioDJViewer/Main.cs
+++ b/RadioDJViewer/Main.cs
@@ -8,13 +8,21 @@ using System.Text;
 using System.Threading.Tasks;
 using System.Windows.Forms;
 using System.Xml;
+using System.Threading;
 using System.IO;
 using System.Resources;
+using System.Globalization;

 namespace RadioDJViewer
 {
    public partial class Main : Form
    {
+        private string _currentTrackKey = string.Empty;
+        private string _playbackTrackKey = string.Empty;
+        private double _playbackElapsedSeconds = 0;
+        private double _playbackDurationSeconds = 0;
+        private bool _playbackPaused = true;
+        private DateTime _playbackBaseUtc = DateTime.UtcNow;
        private string selectedFolderPath = string.Empty;
        private string outputFolderPath = string.Empty;
        private bool isConnected = false;
@@ -23,9 +31,13 @@ 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;
+        private System.Windows.Forms.Timer playbackTimer;
        private string lastApiXml = null;

        private System.Windows.Forms.Timer marqueeTimerTitle;
@@ -38,9 +50,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
@@ -58,6 +70,9 @@ namespace RadioDJViewer
            apiTimer = new System.Windows.Forms.Timer();
            apiTimer.Interval = 3000; // 3 seconds
            apiTimer.Tick += ApiTimer_Tick;
+            playbackTimer = new System.Windows.Forms.Timer();
+            playbackTimer.Interval = 250;
+            playbackTimer.Tick += PlaybackTimer_Tick;
            // Marquee timers for each label
            marqueeTimerTitle = new System.Windows.Forms.Timer();
            marqueeTimerTitle.Interval = marqueeScrollSpeed;
@@ -161,7 +176,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();
@@ -193,7 +208,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();
@@ -225,7 +240,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();
@@ -270,11 +285,18 @@ namespace RadioDJViewer
                if (response.IsSuccessStatusCode)
                {
                    var xml = await response.Content.ReadAsStringAsync();
-                    if (xml != lastApiXml)
+                    lastApiXml = xml;
+                    ParseAndDisplaySongInfo(xml);
+                    try
                    {
-                        lastApiXml = xml;
-                        ParseAndDisplaySongInfo(xml);
+                        var newKey = $"{marqueeTextArtist}|{marqueeTextTitle}";
+                        if (!string.Equals(newKey, _currentTrackKey, StringComparison.Ordinal))
+                        {
+                            _currentTrackKey = newKey;
+                            ShowTemporaryStatus("Song Change Detected", 2000);
+                        }
                    }
+                    catch { }
                }
            }
            catch { }
@@ -300,7 +322,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)
            {
@@ -313,6 +338,25 @@ namespace RadioDJViewer
            // Disconnect
            isConnected = false;
            apiTimer.Stop();
+            playbackTimer.Stop();
+            _playbackElapsedSeconds = 0;
+            _playbackDurationSeconds = 0;
+            _playbackPaused = true;
+            _playbackTrackKey = string.Empty;
+            time_data_label.Text = "No Data";
+            WidgetServer.CachedElapsed = "0";
+            WidgetServer.CachedDuration = "0";
+            WidgetServer.CachedTime = "No Data";
+            WidgetServer.CachedPaused = true;
+            // Stop widget server when disconnecting
+            try
+            {
+                widgetServer?.Stop();
+                widgetServer = null;
+                widgetRunning = false;
+            }
+            catch { }
+            ClearStatusMessage();
            UpdateStatusBar();
        }

@@ -348,7 +392,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
                {
@@ -454,6 +508,82 @@ namespace RadioDJViewer
            marqueeTimerAlbum.Stop();
        }

+        private void PlaybackTimer_Tick(object sender, EventArgs e)
+        {
+            UpdatePlaybackDisplay();
+        }
+
+        private void UpdatePlaybackState(string trackKey, string elapsedText, string durationText)
+        {
+            double elapsedSeconds;
+            double durationSeconds;
+            if (!TryParseSeconds(elapsedText, out elapsedSeconds) || !TryParseSeconds(durationText, out durationSeconds) || durationSeconds <= 0)
+            {
+                playbackTimer.Stop();
+                _playbackTrackKey = trackKey ?? string.Empty;
+                _playbackElapsedSeconds = 0;
+                _playbackDurationSeconds = 0;
+                _playbackPaused = true;
+                time_data_label.Text = "No Data";
+                WidgetServer.CachedElapsed = "0";
+                WidgetServer.CachedDuration = "0";
+                WidgetServer.CachedTime = "No Data";
+                WidgetServer.CachedPaused = true;
+                return;
+            }
+
+            bool sameTrack = string.Equals(trackKey, _playbackTrackKey, StringComparison.Ordinal);
+            bool sameElapsed = Math.Abs(elapsedSeconds - _playbackElapsedSeconds) < 0.01;
+            bool sameDuration = Math.Abs(durationSeconds - _playbackDurationSeconds) < 0.01;
+
+            _playbackTrackKey = trackKey ?? string.Empty;
+            _playbackElapsedSeconds = elapsedSeconds;
+            _playbackDurationSeconds = durationSeconds;
+            _playbackBaseUtc = DateTime.UtcNow;
+            _playbackPaused = sameTrack && sameElapsed && sameDuration;
+
+            if (_playbackPaused)
+                playbackTimer.Stop();
+            else
+                playbackTimer.Start();
+
+            UpdatePlaybackDisplay();
+        }
+
+        private void UpdatePlaybackDisplay()
+        {
+            double currentElapsed = GetCurrentElapsedSeconds();
+            string timeDisplay = FormatTimeDisplay(currentElapsed, _playbackDurationSeconds);
+            time_data_label.Text = timeDisplay;
+            WidgetServer.CachedElapsed = currentElapsed.ToString("0.###", CultureInfo.InvariantCulture);
+            WidgetServer.CachedDuration = _playbackDurationSeconds.ToString("0.###", CultureInfo.InvariantCulture);
+            WidgetServer.CachedTime = timeDisplay;
+            WidgetServer.CachedPaused = _playbackPaused;
+        }
+
+        private double GetCurrentElapsedSeconds()
+        {
+            if (_playbackDurationSeconds <= 0)
+                return 0;
+
+            double currentElapsed = _playbackElapsedSeconds;
+            if (!_playbackPaused)
+                currentElapsed += (DateTime.UtcNow - _playbackBaseUtc).TotalSeconds;
+
+            if (currentElapsed < 0)
+                currentElapsed = 0;
+            if (currentElapsed > _playbackDurationSeconds)
+                currentElapsed = _playbackDurationSeconds;
+
+            return currentElapsed;
+        }
+
+        private bool TryParseSeconds(string value, out double seconds)
+        {
+            return double.TryParse(value, NumberStyles.Float, CultureInfo.InvariantCulture, out seconds)
+                || double.TryParse(value, NumberStyles.Float, CultureInfo.CurrentCulture, out seconds);
+        }
+
        private void ParseAndDisplaySongInfo(string xml)
        {
            try
@@ -465,12 +595,17 @@ namespace RadioDJViewer
                string artist = doc.SelectSingleNode("//*[translate(local-name(), 'ARTIST', 'artist')='artist']")?.InnerText;
                string album = doc.SelectSingleNode("//*[translate(local-name(), 'ALBUM', 'album')='album']")?.InnerText;
                string albumArt = doc.SelectSingleNode("//*[translate(local-name(), 'ALBUMART', 'albumart')='albumart']")?.InnerText;
+                // Parse elapsed and duration time (case-insensitive, floating-point seconds)
+                string elapsed = doc.SelectSingleNode("//*[translate(local-name(), 'ELAPSED', 'elapsed')='elapsed']")?.InnerText;
+                string duration = doc.SelectSingleNode("//*[translate(local-name(), 'DURATION', 'duration')='duration']")?.InnerText;

                marqueeTextTitle = !string.IsNullOrWhiteSpace(title) ? title : "No title";
                marqueeTextArtist = !string.IsNullOrWhiteSpace(artist) ? artist : "No artist";
                marqueeTextAlbum = !string.IsNullOrWhiteSpace(album) ? album : "No album";
                StartMarqueeTimers();

+                UpdatePlaybackState($"{marqueeTextArtist}|{marqueeTextTitle}", elapsed, duration);
+
                // Write to output files
                if (!string.IsNullOrEmpty(outputFolderPath))
                {
@@ -479,6 +614,50 @@ 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))
                {
@@ -495,25 +674,120 @@ namespace RadioDJViewer
                marqueeTextArtist = "No artist";
                marqueeTextAlbum = "No album";
                StartMarqueeTimers();
+                playbackTimer.Stop();
+                _playbackElapsedSeconds = 0;
+                _playbackDurationSeconds = 0;
+                _playbackPaused = true;
+                time_data_label.Text = "No Data";
+                WidgetServer.CachedElapsed = "0";
+                WidgetServer.CachedDuration = "0";
+                WidgetServer.CachedTime = "No Data";
+                WidgetServer.CachedPaused = true;
                pictureBox1.Image = null;
            }
        }

        private void UpdateStatusBar()
        {
-            // Status icon
-            toolStripStatusLabel2.Image = isConnected ? Properties.Resources.green : Properties.Resources.red;
-            // Profile
+            try
+            {
+                if (!isConnected)
+                {
+                    toolStripStatusLabel2.BackColor = Color.Red;
+                }
+                else
+                {
+                    if (isConnected && widgetRunning)
+                        toolStripStatusLabel2.BackColor = Color.Blue;
+                    else
+                        toolStripStatusLabel2.BackColor = Color.Green;
+                }
+            }
+            catch { }
+
            toolStripStatusLabel4.Text = $"Profile: {currentProfile}";
-            // Song update notification (example)
-            toolStripStatusLabel3.Text = isConnected ? "Connected to API" : "Disconnected";
+            if (statusCts == null)
+            {
+                toolStripStatusLabel3.Text = isConnected ? "Connected to API" : "Disconnected";
+            }
+        }
+
+        private void ShowTemporaryStatus(string message, int milliseconds)
+        {
+            try
+            {
+                statusCts?.Cancel();
+            }
+            catch { }
+            statusCts = null;
+
+            if (milliseconds <= 0)
+            {
+                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)
+                    {
+                        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()
+        {
+            if (loadedProfile == null || !loadedProfile.WebServerEnabled)
+                return;
+
+            try
+            {
+                WidgetServer.CachedClockVisibility = loadedProfile.ClockVisibilityEnabled;
+                
+                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();
+                ShowTemporaryStatus($"Web server error: {ex.Message}", 5000);
+            }
        }

        private void restAPISettingToolStripMenuItem_Click(object sender, EventArgs e)
        {
-            // Open settings/profile dialog
            var settingsForm = new Form1();
-            settingsForm.ApplyTheme(isDarkMode); // Pass current color mode
+            settingsForm.ApplyTheme(isDarkMode);
            settingsForm.ShowDialog();
        }

@@ -534,32 +808,28 @@ namespace RadioDJViewer

        private void toolStripStatusLabel4_Click(object sender, EventArgs e)
        {
-            // Profile click handler (to be implemented)
        }

        public void LoadProfile(Profile profile)
        {
-            // Update main form fields from profile
            currentProfile = profile.Name;
            selectedFolderPath = profile.OutputFolder;
            outputFolderPath = profile.OutputFolder;
-            mainImagesFolderPath = profile.MainImagesFolder; // Update new field
-            loadedProfile = profile; // Store loaded profile for REST API connection
-            // Update polling rate when profile is loaded
+            mainImagesFolderPath = profile.MainImagesFolder;
+            loadedProfile = profile;
            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;
+            WidgetServer.CachedClockVisibility = profile.ClockVisibilityEnabled;
            UpdateStatusBar();
-            // You can add more logic to update other fields if needed
        }

        private void Uicolor_Click(object sender, EventArgs e)
@@ -585,23 +855,19 @@ namespace RadioDJViewer

        private void UpdateTheme()
        {
-            // Set icon
            Bitmap icon = isDarkMode ? Properties.Resources.MdiWeatherSunny : Properties.Resources.MdiWeatherNight;
-            // Invert sun icon for visibility in dark mode
            if (isDarkMode && icon != null)
            {
                icon = InvertIcon(icon);
            }
-            // Resize icon to fit button and center it
            if (icon != null)
            {
                int btnW = uicolor.Width;
                int btnH = uicolor.Height;
-                var resizedIcon = new Bitmap(icon, btnW - 8, btnH - 8); // Padding for centering
+                var resizedIcon = new Bitmap(icon, btnW - 8, btnH - 8);
                uicolor.Image = resizedIcon;
                uicolor.ImageAlign = ContentAlignment.MiddleCenter;
            }
-            // Set colors
            Color backColor = isDarkMode ? Color.FromArgb(32, 32, 32) : SystemColors.Control;
            Color foreColor = isDarkMode ? Color.White : SystemColors.ControlText;
            this.BackColor = backColor;
@@ -624,7 +890,10 @@ namespace RadioDJViewer

        private void label7_Click(object sender, EventArgs e)
        {
+        }

+        private void label9_Click(object sender, EventArgs e)
+        {
        }

        public string GetCurrentProfileName()
@@ -637,7 +906,6 @@ namespace RadioDJViewer
            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;
@@ -658,5 +926,49 @@ namespace RadioDJViewer
                }
            }
        }
+
+        private string FormatTimeDisplay(string elapsedSeconds, string durationSeconds)
+        {
+            double elapsed;
+            double duration;
+            if (!TryParseSeconds(elapsedSeconds, out elapsed) || !TryParseSeconds(durationSeconds, out duration))
+            {
+                return "No Data";
+            }
+
+            return FormatTimeDisplay(elapsed, duration);
+        }
+
+        private string FormatTimeDisplay(double elapsed, double duration)
+        {
+            // If duration is zero or negative, show "No Data"
+            if (duration <= 0)
+            {
+                return "No Data";
+            }
+
+            // Clamp elapsed to [0, duration]
+            if (elapsed < 0)
+                elapsed = 0;
+            if (elapsed > duration)
+                elapsed = duration;
+
+            // Convert to integers (seconds only)
+            int elapsedInt = (int)elapsed;
+            int durationInt = (int)duration;
+
+            // Convert seconds to MM:SS format
+            string elapsedFormatted = FormatSeconds(elapsedInt);
+            string durationFormatted = FormatSeconds(durationInt);
+
+            return $"{elapsedFormatted} / {durationFormatted}";
+        }
+
+        private string FormatSeconds(int seconds)
+        {
+            int minutes = seconds / 60;
+            int secs = seconds % 60;
+            return $"{minutes}:{secs:D2}";
+        }
    }
 }
--- a/RadioDJViewer/Main.resx
+++ b/RadioDJViewer/Main.resx
@@ -120,17 +120,10 @@
  <metadata name="statusStrip1.TrayLocation" type="System.Drawing.Point, System.Drawing, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a">
    <value>17, 17</value>
  </metadata>
-  <assembly alias="System.Drawing" name="System.Drawing, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a" />
-  <data name="toolStripStatusLabel2.Image" type="System.Drawing.Bitmap, System.Drawing" mimetype="application/x-microsoft.net.object.bytearray.base64">
-    <value>
-        iVBORw0KGgoAAAANSUhEUgAAAIAAAACABAMAAAAxEHz4AAAABGdBTUEAALGPC/xhBQAAAANQTFRFJn8A
-        Mx1isQAAAAlwSFlzAAAOvAAADrwBlbxySQAAAB9JREFUaN7twTEBAAAAwqD1T20IX6AAAAAAAAAAAD4D
-        IIAAAT2Y3yoAAAAASUVORK5CYII=
-</value>
-  </data>
  <metadata name="menuStrip2.TrayLocation" type="System.Drawing.Point, System.Drawing, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a">
    <value>247, 17</value>
  </metadata>
+  <assembly alias="System.Drawing" name="System.Drawing, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a" />
  <data name="$this.Icon" type="System.Drawing.Icon, System.Drawing" mimetype="application/x-microsoft.net.object.bytearray.base64">
    <value>
        AAABAAEAIBgAAAEAIACIDAAAFgAAACgAAAAgAAAAMAAAAAEAIAAAAAAAAAwAAMMOAADDDgAAAAAAAAAA
--- a/RadioDJViewer/ProfileStorage.cs
+++ b/RadioDJViewer/ProfileStorage.cs
@@ -20,6 +20,11 @@ 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; }
+        // Clock visibility setting
+        public bool ClockVisibilityEnabled { get; set; }
    }

    public static class ProfileStorage
--- a/RadioDJViewer/Properties/AssemblyInfo.cs
+++ b/RadioDJViewer/Properties/AssemblyInfo.cs
@@ -29,5 +29,5 @@ using System.Runtime.InteropServices;
 //      Build Number
 //      Revision
 //
-[assembly: AssemblyVersion("1.5.0")]
-[assembly: AssemblyFileVersion("1.5.0")]
+[assembly: AssemblyVersion("1.10.0")]
+[assembly: AssemblyFileVersion("1.10.0")]
--- a/RadioDJViewer/RadioDJViewer.csproj
+++ b/RadioDJViewer/RadioDJViewer.csproj
@@ -13,6 +13,7 @@
    <AutoGenerateBindingRedirects>true</AutoGenerateBindingRedirects>
    <Deterministic>true</Deterministic>
    <ApplicationIcon>icon.ico</ApplicationIcon>
+    <IsWebBootstrapper>false</IsWebBootstrapper>
    <PublishUrl>publish\</PublishUrl>
    <Install>true</Install>
    <InstallFrom>Disk</InstallFrom>
@@ -25,7 +26,6 @@
    <MapFileExtensions>true</MapFileExtensions>
    <ApplicationRevision>0</ApplicationRevision>
    <ApplicationVersion>1.0.0.%2a</ApplicationVersion>
-    <IsWebBootstrapper>false</IsWebBootstrapper>
    <UseApplicationTrust>false</UseApplicationTrust>
    <BootstrapperEnabled>true</BootstrapperEnabled>
  </PropertyGroup>
@@ -68,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>
@@ -83,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>
@@ -124,6 +126,9 @@
  </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>
--- a/RadioDJViewer/WidgetServer.cs
+++ b/RadioDJViewer/WidgetServer.cs
@@ -0,0 +1,302 @@
+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 string CachedTime = "No Data";
+        public static string CachedElapsed = "0";
+        public static string CachedDuration = "0";
+        public static bool CachedPaused = true;
+        public static byte[] CachedImageBytes = null;
+        public static bool CachedClockVisibility = false;
+
+        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))
+                               .Replace("{{TIME}}", WebUtility.HtmlEncode(CachedTime ?? 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("/status.json", StringComparison.OrdinalIgnoreCase))
+                {
+                    var json = "{"
+                        + $"\"artist\":\"{JsonEscape(CachedArtist ?? string.Empty)}\","
+                        + $"\"title\":\"{JsonEscape(CachedTitle ?? string.Empty)}\","
+                        + $"\"time\":\"{JsonEscape(CachedTime ?? "No Data")}\","
+                        + $"\"elapsed\":\"{JsonEscape(CachedElapsed ?? "0")}\","
+                        + $"\"duration\":\"{JsonEscape(CachedDuration ?? "0")}\","
+                        + $"\"paused\":{(CachedPaused ? "true" : "false")},"
+                        + $"\"clockVisible\":{(CachedClockVisibility ? "true" : "false")}" 
+                        + "}";
+                    var buf = Encoding.UTF8.GetBytes(json);
+                    resp.ContentType = "application/json; charset=utf-8";
+                    resp.Headers["Cache-Control"] = "no-store, no-cache, must-revalidate, max-age=0";
+                    resp.Headers["Pragma"] = "no-cache";
+                    resp.Headers["Expires"] = "0";
+                    resp.ContentLength64 = buf.Length;
+                    resp.OutputStream.Write(buf, 0, buf.Length);
+                }
+                else if (path.Equals("/artist.txt", StringComparison.OrdinalIgnoreCase))
+                {
+                    ApplyNoCache(resp);
+                    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))
+                {
+                    ApplyNoCache(resp);
+                    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("/time.txt", StringComparison.OrdinalIgnoreCase))
+                {
+                    ApplyNoCache(resp);
+                    var buf = Encoding.UTF8.GetBytes(CachedTime ?? "No Data");
+                    resp.ContentType = "text/plain; charset=utf-8";
+                    resp.ContentLength64 = buf.Length;
+                    resp.OutputStream.Write(buf, 0, buf.Length);
+                }
+                else if (path.Equals("/elapsed", StringComparison.OrdinalIgnoreCase))
+                {
+                    ApplyNoCache(resp);
+                    var buf = Encoding.UTF8.GetBytes(CachedElapsed ?? "0");
+                    resp.ContentType = "text/plain; charset=utf-8";
+                    resp.ContentLength64 = buf.Length;
+                    resp.OutputStream.Write(buf, 0, buf.Length);
+                }
+                else if (path.Equals("/duration", StringComparison.OrdinalIgnoreCase))
+                {
+                    ApplyNoCache(resp);
+                    var buf = Encoding.UTF8.GetBytes(CachedDuration ?? "0");
+                    resp.ContentType = "text/plain; charset=utf-8";
+                    resp.ContentLength64 = buf.Length;
+                    resp.OutputStream.Write(buf, 0, buf.Length);
+                }
+                else if (path.Equals("/clock-visibility", StringComparison.OrdinalIgnoreCase))
+                {
+                    ApplyNoCache(resp);
+                    var buf = Encoding.UTF8.GetBytes(CachedClockVisibility ? "true" : "false");
+                    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 static void ApplyNoCache(HttpListenerResponse resp)
+        {
+            resp.Headers["Cache-Control"] = "no-store, no-cache, must-revalidate, max-age=0";
+            resp.Headers["Pragma"] = "no-cache";
+            resp.Headers["Expires"] = "0";
+        }
+
+        private static string JsonEscape(string value)
+        {
+            if (string.IsNullOrEmpty(value))
+                return string.Empty;
+
+            return value.Replace("\\", "\\\\")
+                        .Replace("\"", "\\\"")
+                        .Replace("\r", "\\r")
+                        .Replace("\n", "\\n");
+        }
+
+        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";
+            }
+        }
+    }
+}
--- a/RadioDJViewer/index.html
+++ b/RadioDJViewer/index.html
@@ -0,0 +1,37 @@
+<!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">{{TITLE}}</div>
+				<div class="song-artist">{{ARTIST}}</div>
+				<div class="song-time" id="song-time">{{TIME}}</div>
+			</div>
+		</div>
+	</div>
+
+	<script src="./script.js"></script>
+</body>
+</html>
--- a/RadioDJViewer/radiodj-restapi-template.Designer.cs
+++ b/RadioDJViewer/radiodj-restapi-template.Designer.cs
@@ -56,6 +56,11 @@
            this.label7 = new System.Windows.Forms.Label();
            this.textBox7 = new System.Windows.Forms.TextBox();
            this.groupBox2 = new System.Windows.Forms.GroupBox();
+            this.web_server_settings_groupbox = new System.Windows.Forms.GroupBox();
+            this.web_server_port_textbox = new System.Windows.Forms.TextBox();
+            this.web_server_port_label = new System.Windows.Forms.Label();
+            this.web_server_label = new System.Windows.Forms.Label();
+            this.web_server_checkbox = new System.Windows.Forms.CheckBox();
            this.label13 = new System.Windows.Forms.Label();
            this.comboBoxScrollSpeed = new System.Windows.Forms.ComboBox();
            this.textBoxPauseTime = new System.Windows.Forms.TextBox();
@@ -64,9 +69,12 @@
            this.label9 = new System.Windows.Forms.Label();
            this.label8 = new System.Windows.Forms.Label();
            this.label12 = new System.Windows.Forms.Label();
+            this.clock_label = new System.Windows.Forms.Label();
+            this.clock_visibility_checkBox = new System.Windows.Forms.CheckBox();
            this.groupBox1.SuspendLayout();
            this.groupBox3.SuspendLayout();
            this.groupBox2.SuspendLayout();
+            this.web_server_settings_groupbox.SuspendLayout();
            this.SuspendLayout();
            // 
            // groupBox1
@@ -98,7 +106,7 @@
            // 
            // ok_button_master
            // 
-            this.ok_button_master.Location = new System.Drawing.Point(35, 584);
+            this.ok_button_master.Location = new System.Drawing.Point(65, 694);
            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;
@@ -107,7 +115,7 @@
            // 
            // button2
            // 
-            this.button2.Location = new System.Drawing.Point(357, 584);
+            this.button2.Location = new System.Drawing.Point(305, 694);
            this.button2.Name = "button2";
            this.button2.Size = new System.Drawing.Size(157, 23);
            this.button2.TabIndex = 2;
@@ -181,7 +189,7 @@
            // 
            // button3
            // 
-            this.button3.Location = new System.Drawing.Point(90, 419);
+            this.button3.Location = new System.Drawing.Point(71, 535);
            this.button3.Name = "button3";
            this.button3.Size = new System.Drawing.Size(120, 30);
            this.button3.TabIndex = 8;
@@ -190,7 +198,7 @@
            // 
            // button4
            // 
-            this.button4.Location = new System.Drawing.Point(305, 419);
+            this.button4.Location = new System.Drawing.Point(316, 535);
            this.button4.Name = "button4";
            this.button4.Size = new System.Drawing.Size(120, 30);
            this.button4.TabIndex = 9;
@@ -203,7 +211,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(22, 413);
            this.groupBox3.Name = "groupBox3";
            this.groupBox3.Size = new System.Drawing.Size(482, 115);
            this.groupBox3.TabIndex = 12;
@@ -296,6 +304,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);
@@ -322,11 +331,61 @@
            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, 575);
            this.groupBox2.TabIndex = 3;
            this.groupBox2.TabStop = false;
            this.groupBox2.Text = "Profiles";
            // 
+            // web_server_settings_groupbox
+            // 
+            this.web_server_settings_groupbox.Controls.Add(this.clock_visibility_checkBox);
+            this.web_server_settings_groupbox.Controls.Add(this.clock_label);
+            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, 308);
+            this.web_server_settings_groupbox.Name = "web_server_settings_groupbox";
+            this.web_server_settings_groupbox.Size = new System.Drawing.Size(471, 99);
+            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_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;
+            // 
+            // 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_label
+            // 
+            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;
+            // 
            // label13
            // 
            this.label13.AutoSize = true;
@@ -400,11 +459,30 @@
            this.label12.TabIndex = 27;
            this.label12.Text = "Separating character format";
            // 
+            // clock_label
+            // 
+            this.clock_label.AutoSize = true;
+            this.clock_label.Location = new System.Drawing.Point(44, 56);
+            this.clock_label.Name = "clock_label";
+            this.clock_label.Size = new System.Drawing.Size(76, 13);
+            this.clock_label.TabIndex = 37;
+            this.clock_label.Text = "Clock Visibility:";
+            // 
+            // clock_visibility_checkBox
+            // 
+            this.clock_visibility_checkBox.AutoSize = true;
+            this.clock_visibility_checkBox.Location = new System.Drawing.Point(119, 55);
+            this.clock_visibility_checkBox.Name = "clock_visibility_checkBox";
+            this.clock_visibility_checkBox.Size = new System.Drawing.Size(65, 17);
+            this.clock_visibility_checkBox.TabIndex = 38;
+            this.clock_visibility_checkBox.Text = "Enabled";
+            this.clock_visibility_checkBox.UseVisualStyleBackColor = true;
+            // 
            // 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, 729);
            this.Controls.Add(this.groupBox2);
            this.Controls.Add(this.button2);
            this.Controls.Add(this.ok_button_master);
@@ -418,6 +496,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);

        }
@@ -461,5 +541,12 @@
        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;
+        private System.Windows.Forms.CheckBox clock_visibility_checkBox;
+        private System.Windows.Forms.Label clock_label;
    }
 }
--- a/RadioDJViewer/radiodj-restapi-template.cs
+++ b/RadioDJViewer/radiodj-restapi-template.cs
@@ -78,6 +78,15 @@ 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();
+                        // Clock visibility setting
+                        clock_visibility_checkBox.Checked = profile.ClockVisibilityEnabled;
+                    }
+                    catch { }
                }
            }
        }
@@ -129,7 +138,12 @@ 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,
+                // Clock visibility setting
+                ClockVisibilityEnabled = clock_visibility_checkBox.Checked
            };
            ProfileStorage.SaveProfile(profile);
            // Refresh profile list
--- a/RadioDJViewer/script.js
+++ b/RadioDJViewer/script.js
@@ -0,0 +1,171 @@
+(function () {
+	var IMAGE_FILENAME = "Album-Art.png";
+	var DEFAULT_REFRESH_RATE_MS = 1000;
+	var DEFAULT_TIME_REFRESH_RATE_MS = 100;
+	var currentArtist = getTextContent(".song-artist");
+	var currentTitle = getTextContent(".song-title");
+	var currentTime = getTextContent(".song-time");
+	var refreshInterval = null;
+	var timeRefreshInterval = null;
+	var latestTimeRequestId = 0;
+	var refreshRateMs = getRefreshRateMs();
+	var timeRefreshRateMs = DEFAULT_TIME_REFRESH_RATE_MS;
+
+	function getTextContent(selector) {
+		var element = document.querySelector(selector);
+		if (!element || typeof element.textContent !== "string") {
+			return "";
+		}
+		return trimText(element.textContent);
+	}
+
+	function trimText(value) {
+		return String(value || "").replace(/^\s+|\s+$/g, "");
+	}
+
+	function getRefreshRateMs() {
+		var match = /(?:\?|&)refreshrate=([^&]+)/i.exec(window.location.search || "");
+		var seconds = match ? parseFloat(decodeURIComponent(match[1])) : 1;
+		if (!isFinite(seconds) || seconds <= 0) {
+			seconds = 1;
+		}
+		var interval = Math.round(seconds * 1000);
+		if (interval < 250) {
+			interval = 250;
+		}
+		return interval;
+	}
+
+	function fetchText(path, fallbackValue, callback) {
+		var xhr = new XMLHttpRequest();
+		xhr.open("GET", path + "?v=" + new Date().getTime(), true);
+		xhr.setRequestHeader("Cache-Control", "no-cache");
+		xhr.onreadystatechange = function () {
+			if (xhr.readyState !== 4) {
+				return;
+			}
+			if (xhr.status >= 200 && xhr.status < 300) {
+				callback(trimText(xhr.responseText));
+				return;
+			}
+			callback(fallbackValue);
+		};
+		xhr.onerror = function () {
+			callback(fallbackValue);
+		};
+		try {
+			xhr.send(null);
+		} catch (e) {
+			callback(fallbackValue);
+		}
+	}
+
+	function updateSongDisplay(data) {
+		var titleElement = document.querySelector(".song-title");
+		var artistElement = document.querySelector(".song-artist");
+		var trackChanged = false;
+		var nextTitle;
+		var nextArtist;
+
+		if (!titleElement || !artistElement || !data) {
+			return false;
+		}
+
+		nextTitle = trimText(data.title || "");
+		nextArtist = trimText(data.artist || "");
+
+		if (nextTitle !== currentTitle) {
+			currentTitle = nextTitle;
+			titleElement.classList.add("updating");
+			titleElement.textContent = currentTitle || "Unknown Title";
+			trackChanged = true;
+			setTimeout(function () {
+				titleElement.classList.remove("updating");
+			}, 400);
+		}
+
+		if (nextArtist !== currentArtist) {
+			currentArtist = nextArtist;
+			artistElement.classList.add("updating");
+			artistElement.textContent = currentArtist || "Unknown Artist";
+			trackChanged = true;
+			setTimeout(function () {
+				artistElement.classList.remove("updating");
+			}, 400);
+		}
+
+		return trackChanged;
+	}
+
+	function updateTimeDisplay(nextTime) {
+		var timeElement = document.querySelector(".song-time");
+		var normalizedTime = trimText(nextTime || "No Data") || "No Data";
+		if (!timeElement) {
+			return;
+		}
+		if (normalizedTime !== currentTime) {
+			currentTime = normalizedTime;
+			timeElement.textContent = currentTime;
+		}
+	}
+
+	function updateAlbumArt() {
+		var albumArt = document.querySelector(".album-art");
+		var backgroundImage = document.querySelector(".background-image");
+		var imageUrl = IMAGE_FILENAME + "?v=" + new Date().getTime();
+		if (!albumArt || !backgroundImage) {
+			return;
+		}
+		albumArt.src = imageUrl;
+		backgroundImage.src = imageUrl;
+	}
+
+	function setClockVisibility(visible) {
+		var timeElement = document.querySelector(".song-time");
+		if (!timeElement) {
+			return;
+		}
+		timeElement.style.display = visible ? "" : "none";
+	}
+
+	function refreshMetadata() {
+		fetchText("artist.txt", currentArtist || "", function (artist) {
+			fetchText("title.txt", currentTitle || "", function (title) {
+				fetchText("clock-visibility", "true", function (clockVisible) {
+					var trackChanged = updateSongDisplay({
+						artist: artist,
+						title: title
+					});
+					setClockVisibility(String(clockVisible || "false").toLowerCase() === "true");
+					if (trackChanged) {
+						updateAlbumArt();
+					}
+				});
+			});
+		});
+	}
+
+	function refreshTime() {
+		var requestId = latestTimeRequestId + 1;
+		latestTimeRequestId = requestId;
+		fetchText("time.txt", currentTime || "No Data", function (nextTime) {
+			if (requestId !== latestTimeRequestId) {
+				return;
+			}
+			updateTimeDisplay(nextTime);
+		});
+	}
+
+	function init() {
+		refreshMetadata();
+		refreshTime();
+		refreshInterval = window.setInterval(refreshMetadata, refreshRateMs);
+		timeRefreshInterval = window.setInterval(refreshTime, timeRefreshRateMs);
+	}
+
+	if (document.readyState === "loading") {
+		document.addEventListener("DOMContentLoaded", init);
+	} else {
+		init();
+	}
+})();
--- a/RadioDJViewer/style.css
+++ b/RadioDJViewer/style.css
@@ -0,0 +1,177 @@
+* {
+	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;
+}
+
+/* Song time display (underneath artist) */
+.song-time {
+	font-size: 14px;
+	font-weight: 400;
+	color: #cccccc;
+	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9);
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	letter-spacing: 0px;
+	line-height: 1.1;
+	opacity: 0.9;
+	margin-top: 4px;
+}
+
+/* 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;
+}
+
+/* Clock section - positioned at bottom of page */
+.clock-section {
+	width: 100%;
+	margin-top: 20px;
+	padding: 20px;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.digital-clock {
+	font-size: 48px;
+	font-weight: 300;
+	color: #ffffff;
+	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.9);
+	font-family: 'Courier New', monospace;
+	letter-spacing: 2px;
+}
Author	SHA1	Message	Date
minster586	34c80bda7b	Set Time Clock	2026-07-01 22:37:18 -04:00
minster586	ea86ff00db	Update README.md	2026-04-13 00:49:27 -04:00
minster586	e73176f806	Added some endpoint I added some endpoints but they were already in there but I wanted them documented	2026-04-13 00:46:48 -04:00
minster586	ca20267307	Added new information for web server	2026-04-13 00:42:27 -04:00
minster586	a31bcc2971	Updated version and finally got web server running	2026-04-13 00:21:18 -04:00
minster586	761b382364	Made some minor changes and set in a widget for the web	2026-04-12 23:45:04 -04:00