Untitled

<html>
    <head>
        <script src="node_modules/flocking/dist/flocking-all.js"></script>
        <script src="seaboard-block-instrument.js"></script>
        <script src="mpe-voice.js"></script>
        <script src="mpe-synth.js"></script>

        <style>
            body {
                padding: 0;
                margin: 0;
            }
            #meter {
                box-sizing: border-box;
                position: fixed;
                bottom: 0;
                left: 0;
                border: 3px solid grey;
                border-radius: 15px;
                width: 100vw;
                height: 75px;
            }
        </style>
    </head>
    <body>
        <input type="checkbox" id="starter" name="starter">
        <label for="starter">Start Audio</label>

        <canvas id="meter"></canvas>

        <script>
            var environment = flock.init();
            document.getElementById('starter').onclick = function(){
                if (this.checked){
                    environment.play();
                } else{
                    environment.stop();
                }
            };

            var seaboardBlock = adam.seaboardBlock();
        </script>
    </body>
</html>