JSFiddle - React, Tailwind, and code Playground

by Santiago J

HTML

<script src="http://santiago.gotdns.com/socket.io/socket.io.js"></script>

JavaScript

function $(s,a,p) { return (p||document)[a?"querySelectorAll":"querySelector"](s); }
function mkEl(tag, attr) {
    var el = document.createElement(tag);
    for (var a in attr) el.setAttribute(a, attr[a]);
    return el;
}

var size = { width: 640, height: 480 };

window.onload = function() {
    var img = mkEl("img", size);
    $("body").appendChild(img);
    
    var socket = io.connect("http://santiago.gotdns.com");

    // See if we can connect to the socket.io server
    socket.on("ping!", function(){ console.log("ping!"); });
    socket.emit("ping?");

    socket.on("framerecv", function(data) {
        img.src = data;
    });
}