-
-
Notifications
You must be signed in to change notification settings - Fork 707
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #894 from steveseguin/19.1
Version 19.1
- Loading branch information
Showing
141 changed files
with
26,766 additions
and
3,351 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,121 @@ | ||
| <html> | ||
| <head><title>Twitch + Video</title> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> | ||
| <meta content="text/html;charset=utf-8" http-equiv="Content-Type" /> | ||
| <style> | ||
| body{ | ||
| padding:0; | ||
| margin:0; | ||
| background-color:#003; | ||
| width:100%; | ||
| height:100%; | ||
| } | ||
|
|
||
| iframe { | ||
| width:100%; | ||
| height:100%; | ||
| border:0; | ||
| margin:0; | ||
| padding:0; | ||
| position:absolute; | ||
| display:block; | ||
| } | ||
|
|
||
|
|
||
| input{ | ||
| padding:10px; | ||
| width:80%; | ||
| font-size:1.2em; | ||
| z-index: 1000; | ||
| margin:10%; | ||
| } | ||
|
|
||
| #startButton{ | ||
| margin: 10px; | ||
| padding: 20px | ||
| display: block; | ||
| border-radius: 50px; | ||
| font-size:1.5em; | ||
| } | ||
|
|
||
| #toggleMute{ | ||
| margin: 10px; | ||
| padding: 30px 0; | ||
| border-radius: 50px; | ||
| font-size:1.5em; | ||
| display: block; | ||
| position: fixed; | ||
| bottom: 0; | ||
| width:200px; | ||
| left: calc(50% - 100px); | ||
| } | ||
|
|
||
| .pressed { | ||
| background-color: red; | ||
| } | ||
|
|
||
| </style> | ||
| </head> | ||
| <body> | ||
| <div id="clean"> | ||
| <center> | ||
| <input placeholder="Enter a VDON stream ID here" id="viewlink" type="text" /> | ||
| <button id="startButton" onclick="loadIframes()" style="display:block;padding:10px;margin:10px;">START</button></center> | ||
| </div> | ||
| <script> | ||
|
|
||
| window.addEventListener("orientationchange", function() { | ||
| // Announce the new orientation number | ||
| // alert(window.orientation); | ||
| }, false); | ||
|
|
||
|
|
||
|
|
||
|
|
||
| function loadIframes(url=false){ | ||
|
|
||
| var streamID = document.getElementById("viewlink").value; | ||
| https://vdo.ninja/?label&webcam&cleanoutput&ad=1&vd=1 | ||
|
|
||
| var path = "vdo.ninja"; //window.location.host+window.location.pathname.split("/").slice(0,-1).join("/"); | ||
| var streamSrc = "https://"+path+"/?push="+streamID+"&label&webcam&cleanoutput&ad=1&vd=1"; | ||
|
|
||
| document.getElementById("clean").parentNode.removeChild(document.getElementById("clean")); | ||
|
|
||
| var iframe = document.createElement("iframe"); | ||
| iframe.allow = "autoplay;camera;microphone;fullscreen;picture-in-picture;"; | ||
| iframe.src = streamSrc; | ||
| document.body.appendChild(iframe); | ||
|
|
||
| function sendSelfCommand(action, value=null){ | ||
| iframe.contentWindow.postMessage({"target":null, "action":action, "value":value}, '*'); | ||
| } | ||
|
|
||
|
|
||
|
|
||
| var button = document.createElement("button"); | ||
| button.id = "toggleMute"; | ||
| button.innerHTML = "Mute"; | ||
| button.dataset.value = "true"; | ||
| document.body.appendChild(button); | ||
|
|
||
| button.onclick = function(){ | ||
|
|
||
| if (this.dataset.value=="true"){ | ||
| this.dataset.value = "false"; | ||
| this.classList.add("pressed"); | ||
| this.innerHTML = "Un-Mute"; | ||
| sendSelfCommand("mic",false); | ||
| } else { | ||
| this.classList.remove("pressed"); | ||
| this.innerHTML = "Mute"; | ||
| this.dataset.value = "true"; | ||
| sendSelfCommand("mic",true); | ||
| } | ||
| } | ||
|
|
||
| } | ||
|
|
||
| </script> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,159 @@ | ||
| <html> | ||
| <head> | ||
| <meta charset="utf8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
| <title>OBSN Chat Overlay</title> | ||
| <style> | ||
|
|
||
| @font-face { | ||
| font-family: 'Cousine'; | ||
| src: url('fonts/Cousine-Bold.ttf') format('truetype'); | ||
| } | ||
|
|
||
| body { | ||
| margin:0; | ||
| padding:0 10px; | ||
| height:100%; | ||
| border: 0; | ||
| display: flex; | ||
| flex-direction: column-reverse; | ||
| position:absolute; | ||
| bottom:0; | ||
| overflow:hidden; | ||
| max-width:100%; | ||
| } | ||
|
|
||
| div { | ||
| margin:0; | ||
| background-color: black; | ||
| padding: 8px 8px 0px 8px; | ||
| color: white; | ||
| font-family: Cousine, monospace; | ||
| font-size: 3.2em; | ||
| line-height: 1.1em; | ||
| letter-spacing: 0.0em; | ||
| text-transform: uppercase; | ||
| text-shadow: 0.05em 0.05em 0px rgba(0,0,0,1); | ||
| max-width:100%; | ||
| word-wrap: break-word; | ||
| overflow-wrap: break-word; | ||
| word-break: break-all; | ||
| hyphens: auto; | ||
| display:inline-block; | ||
| } | ||
|
|
||
|
|
||
|
|
||
| a { | ||
| color:white; | ||
| font-size:1.2em; | ||
| text-transform: none; | ||
| word-wrap: break-word; | ||
| overflow-wrap: break-word; | ||
| word-wrap: break-word; | ||
| word-break: break-all; | ||
| hyphens: auto; | ||
| } | ||
| </style> | ||
| <script> | ||
|
|
||
|
|
||
| (function (w) { | ||
| w.URLSearchParams = | ||
| w.URLSearchParams || | ||
| function (searchString) { | ||
| var self = this; | ||
| self.searchString = searchString; | ||
| self.get = function (name) { | ||
| var results = new RegExp("[\?&]" + name + "=([^&#]*)").exec( | ||
| self.searchString | ||
| ); | ||
| if (results == null) { | ||
| return null; | ||
| } else { | ||
| return decodeURI(results[1]) || 0; | ||
| } | ||
| }; | ||
| }; | ||
| })(window); | ||
| var urlParams = new URLSearchParams(window.location.search); | ||
|
|
||
|
|
||
| function loadIframe() { | ||
|
|
||
| var iframe = document.createElement("iframe"); | ||
|
|
||
| var view= ""; | ||
| if (urlParams.has("view")) { | ||
| view = "&view="+(urlParams.get("view") || ""); | ||
| } | ||
| var room=""; | ||
| if (urlParams.has("room")) { | ||
| room = "&room="+urlParams.get("room"); | ||
| } | ||
|
|
||
| var password=""; | ||
| if (urlParams.has("password")) { | ||
| password = "&password="+urlParams.get("password"); | ||
| } | ||
|
|
||
| iframe.allow = "autoplay"; | ||
| var srcString = "./?novideo&noaudio&label=chatOverlay&scene"+room+view+password; | ||
|
|
||
| iframe.src = srcString; | ||
| iframe.style.width="0"; | ||
| iframe.style.height="0"; | ||
| iframe.style.border="0"; | ||
|
|
||
| document.body.appendChild(iframe); | ||
|
|
||
| //////////// LISTEN FOR EVENTS | ||
|
|
||
| var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent"; | ||
| var eventer = window[eventMethod]; | ||
| var messageEvent = eventMethod === "attachEvent" ? "onmessage" : "message"; | ||
|
|
||
|
|
||
| /// If you have a routing system setup, you could have just one global listener for all iframes instead. | ||
|
|
||
| eventer(messageEvent, function (e) { | ||
| if (e.source != iframe.contentWindow){return} // reject messages send from other iframes | ||
|
|
||
| console.log(e); | ||
| if ("gotChat" in e.data){ | ||
| logData(e.data.gotChat.label,e.data.gotChat.msg); | ||
| } | ||
| }); | ||
| } | ||
|
|
||
| function printValues(obj) { | ||
| var out = ""; | ||
| for (var key in obj) { | ||
| if (typeof obj[key] === "object") { | ||
| out += "<br />"; | ||
| out += printValues(obj[key]); | ||
| } else { | ||
| if (key.startsWith("_")) { | ||
| } else { | ||
| out += "<b>" + key + "</b>: " + obj[key] + "<br />"; | ||
| } | ||
| } | ||
| } | ||
| return out; | ||
| } | ||
|
|
||
| function logData(type, data) { | ||
| var span = document.createElement('span'); | ||
| var entry = document.createElement('div'); | ||
| if (type){ | ||
| type = "<i>"+type.replace(/_/g, ' ')+"</i>"; | ||
| } | ||
| entry.innerHTML = type + data; | ||
| span.appendChild(entry); | ||
| document.body.prepend(span); | ||
| } | ||
| </script> | ||
| </head> | ||
| <body onload="loadIframe();"> | ||
| </body> | ||
| </html> |
Oops, something went wrong.