<!DOCTYPE html>
<html style="    background-color: #1d1f26;">
    <head>
        <title>osc.js Web Socket Demo</title>
        <meta charset="UTF-8" />
        <style type="text/css">
            button {width: 90px;
    height: 30px;
    border-radius: 9px;
    background-color: #3c404d;
    border: 0px;
    color: white;
margin: 5px;}

    button:hover {
        width: 90px;
    height: 30px;
    border-radius: 9px;
    background-color: red;
    border: 0px;
    color: white;
margin: 5px;}
        </style>
        <script src="http://localhost:3000/common/osc-browser.min.js"></script>
        <script type="text/javascript">

            const port = new osc.WebSocketPort({
                url: "ws://localhost:8081"
            });
            port.open();

            const sayEE = function () {
                port.send({
                    address: "/control/ee/play",
                    args: ["1"]
                });
            };
            const sayEP = function () {
                port.send({
                    address: "/control/ep/play",
                    args: ["1"]
                });
            };
            const sayYO = function () {
                port.send({
                    address: "/control/yo/play",
                    args: ["1"]
                });
            };
            const sayEN = function () {
                port.send({
                    address: "/control/en/play",
                    args: ["1"]
                });
            };
            const sayED = function () {
                port.send({
                    address: "/control/ed/play",
                    args: ["1"]
                });
            };
            const saySTOP = function () {
                port.send({
                    address: "/control/stop/play",
                    args: ["1"]
                });
            };

        </script>
    </head>

    <body>
        <button onclick="sayEE()">EE</button>
        <button onclick="sayEP()">EP</button>
        <button onclick="sayYO()">IO</button>
        <button onclick="sayEN()">EN</button>
        <button onclick="sayED()">ED</button>
        <button onclick="saySTOP()">STOP</button>
    </body>
</html>
