creating messanger for content scripst

to pass messages to overlay
2020-11-12 06:05:32 -05:00
parent c8fda4aac9
commit fb13e2f056
9 changed files with 14516 additions and 17 deletions
--- a/src/html/chat_overlay.html
+++ b/src/html/chat_overlay.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Chat Overlay</title>
+    <link rel="stylesheet" href="./youtube_styling.css">
+  </head>
+  <body>
+    <style>
+      yt-live-chat-text-message-renderer{
+        background-color: transparent !important;
+      }
+    </style>
+    <div id="message_container"></div>
+    <script src="../chat_overlay.js"></script>
+  </body>
+</html>
--- a/src/html/options.html
+++ b/src/html/options.html
@@ -136,6 +136,10 @@
          </div>
        </div>
      </span>
+      
+      <hr>
+      <button class="chat_overlay" id="chat_overlay" >Chat Overlay</button>
+
    <div id="save-status">&nbsp;</div>
  </div>

--- a/src/html/youtube_styling.css
+++ b/src/html/youtube_styling.css