Update Readme

Added instructions to open the application in a browser.

README.md

@@ -1,4 +1,4 @@
-# For some parts of this project i used Gen AI, more information below 
+!!! For some parts of this project i used Gen AI, more information below !!!
 
 # Setup
 ```
@@ -28,13 +28,15 @@ Add the script in [tampermonkey](tampermonkey) as new userscript in tampermonkey
 
 # Usage
 ```
-flask run
+flask run -h 0.0.0.0
 ```
 
 ```
 node server/server.cjs 
 ```
 
+Open [127.0.0.1:5000](http://127.0.0.1:5000) in your browser or `<your-ip>:5000`
+
 # Credits
 
 Python code and javascript is written by me  
@@ -42,3 +44,11 @@ The bridge server was also written by me
   
 CSS was generated by Gemini  
 The tampermonkey script was also generated by Gemini since my first idea was to use the YTM-Desktop app as player until i realised that it doesn't support adding songs to the queue.
+
+# Planned Features
+- View current playing song  
+- Play/pause
+- Next song
+- Repeat on/off
+- Manually rewrite the tampermonkey script with better functions
+- Pack webapp and bridge server in one application / make the tampermonkey script talk to the webapp directly

static/script.js

@@ -9,7 +9,7 @@ function add(e,title,artist,id,action) {
     }, 500);
 
 
-    fetch("http://localhost:3000/command", {
+    fetch("http://" + window.location.hostname + ":3000/command", {
         method: "POST",
         body: JSON.stringify({
             "videoId": id, 

static/style.css

@@ -141,6 +141,15 @@ a.video {
     min-width: 250px;
 }
 
+a.playlist {
+    font-weight: 600;
+    color: #fff;
+    text-decoration: none;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    min-width: 250px;
+}
+
 a.artist {
     color: #aaa;
     text-decoration: none;