sample_wss_source.html

<html>
<body>
<script>
	var conCon = 1;
	var socketserver = false;
	
	var roomID = "test";
	
	(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);
	
	if (urlParams.has("session")){
		roomID = urlParams.get("session");
	} else if (urlParams.has("s")){
		roomID = urlParams.get("s");
	} else if (urlParams.has("id")){
		roomID = urlParams.get("id");
	} else if (window.location.protocol=="file:"){
		roomID = prompt("Enter your session ID here, or add it to the URL.");
	} 
	
	function setupSocket(){
		socketserver.onclose = function (){
			setTimeout(function(){
				conCon+=1;
				socketserver = new WebSocket(serverURL);
				setupSocket();
			},100*conCon);
		};
		socketserver.onopen = function (){
			conCon = 1;
			socketserver.send(JSON.stringify({"join":roomID, "out":1, "in":3}));
		};
		socketserver.addEventListener('message', function (event) {
			console.log(event.data);
		});
	}
	
	var serverURL = "wss://api.overlay.ninja";
	socketserver = new WebSocket(serverURL); 
	setupSocket();
	
	function sendTest(){
		var data = {};
		data.chatname = "steve";
		data.chatbadges = "";
		data.backgroundColor = "";
		data.textColor = "";
		data.chatmessage = "Some test message here. 🥷";
		data.chatimg = "unknown.png";
		data.hasDonation = "$100";
		data.hasMembership = "";;
		data.contentimg = "";
		data.type = "zoom";
		
		socketserver.send(JSON.stringify(data));
	}
</script>

<button onclick="sendTest();">TEST MESSAGE</button>

</body>
</html>