diff --git a/dock.html b/dock.html index 2c910f0..df0ff58 100644 --- a/dock.html +++ b/dock.html @@ -163,7 +163,7 @@ function generateInvite(){ var href = window.location.href; var dir = href.substring(0, href.lastIndexOf('/')) + "/"; - var salt = location.hostname; // "obs.ninja" is the expected default. You will want to change this if hosting dock.html locally. + var salt = location.hostname; // "vdo.ninja" is the expected default. You will want to change this if hosting dock.html locally. if (getById("invite_password").value.trim().length){ generateHash(getById("invite_password").value.trim().replace(/[\W]+/g,"_")+salt,4).then(function(hash){ diff --git a/examples/chatoverlay.html b/examples/chatoverlay.html new file mode 100644 index 0000000..0e9ab05 --- /dev/null +++ b/examples/chatoverlay.html @@ -0,0 +1,162 @@ + + + + + OBSN Chat Overlay + + + + + + diff --git a/examples/index.html b/examples/index.html index 5519728..c8b1feb 100644 --- a/examples/index.html +++ b/examples/index.html @@ -77,6 +77,11 @@
How to have a twitch live chat side-by-side with VDO.NInja on the same screen
+
+

youtube

+
How to have a youtube live chat side-by-side with VDO.NInja on the same + screen
+

dual

how to have two VDO.Ninja windows (or any windows really) open on the same @@ -112,7 +117,7 @@ layout of elements. (experimental)
-

chat

+

chat

Example of a chat-only interface for VDO.Ninja; maybe dockable into OBS even.
diff --git a/examples/twitch.html b/examples/twitch.html index 17ea7fe..03e627b 100644 --- a/examples/twitch.html +++ b/examples/twitch.html @@ -64,7 +64,7 @@ input{
- +
@@ -85,8 +85,13 @@ function loadIframes(url=false){ document.getElementById("container2").style.display="inline-block"; var path = window.location.host+window.location.pathname.split("/").slice(0,-1).join("/"); + path = path.replace("/examples",""); - var room1 = "https://"+path+"/?push="+roomname+"&webcam&autostart&vd=front&ad=1&transparent&noheader"; + if (roomname.startsWith("https://")){ + var room1 = roomname; + } else { + var room1 = "https://"+path+"/?push="+roomname+"&webcam&autostart&vd=front&ad=1&transparent&noheader"; + } var room2 = "https://www.twitch.tv/embed/"+twitch+"/chat?parent="+location.hostname; var iframe = document.createElement("iframe"); iframe.allow = "autoplay;camera;microphone;fullscreen;picture-in-picture;"; diff --git a/examples/youtube.html b/examples/youtube.html new file mode 100644 index 0000000..f9f4a1f --- /dev/null +++ b/examples/youtube.html @@ -0,0 +1,129 @@ + +YouTube Chat + VDON + + + + + + + + +
+
+
+ + + + +
+ + + \ No newline at end of file diff --git a/index.html b/index.html index 0873541..3d31b28 100644 --- a/index.html +++ b/index.html @@ -79,7 +79,7 @@ - +