index.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>AmazonLex</title>
    <meta name="author" content="lafranch">
    <meta name="description" content="Lex Runtime example from the browser.">
    <meta name="keywords" content="Amazon Lex, SDK, Runtime, Browser, JavaScript">
    <link rel="icon" type="image/png" href="images/favicon-32x32.png" sizes="32x32" />
    <link rel="icon" type="image/png" href="images/favicon-16x16.png" sizes="16x16" />
    <link rel="stylesheet" href="css/style.css">
</head>

<body class="wrapper">
    <div class="align-center audio-control">
        <p id="audio-control" class="white-circle rel">
            <i class="icon-applaud-bullhorn button button-circle txt-xxlarge marg zindex-hi rel "></i>
            <canvas class="visualizer abs pos-right width100 height100"></canvas>
        </p>
        <p><span id="message">Click and talk</span></p>

        Send to mbaas
        <input type="checkbox" id="SEND_MBAAS" name="SEND TO MBAAS" >
        <div>
            <p>
                <input type="text" id="ACCESS_KEY_ID" name="ACCESS KEY ID" placeholder="Access Key Id" value="">
            </p>
            <p>
                <input type="text" id="SECRET_KEY" name="SECRET KEY" placeholder="Secret Key" value="">
            </p>
            <p>
                <input type="text" id="BOT" name="BOT" placeholder="Bot Name" value="AskApplaud">
            </p>
            <p>
                <input type="text" id="userId" name="userId" placeholder="User id" value="1234">
            </p>
        </div>
    </div>


    <script src="https://cdnjs.cloudflare.com/ajax/libs/then-request/2.2.0/request.js"></script>
    <script src="https://sdk.amazonaws.com/js/aws-sdk-2.48.0.min.js"></script>
    <script type="text/javascript">
    window.lexaudio = {};
    </script>
    <script src="scripts/control.js" type="text/javascript"></script>
    <script src="scripts/recorder.js" type="text/javascript"></script>
    <script src="scripts/renderer.js" type="text/javascript"></script>
    <script src="scripts/conversation.js" type="text/javascript"></script>
    <script type="text/javascript">
        //this needs to load on doc ready!!
        setTimeout(function(){
          console.log('ready!!?')
          if (window.addEventListener) window.addEventListener("load", new lexaudio.example(), false);
          else if (window.attachEvent) window.attachEvent("onload", setup(new lexaudio.example()));
          else window.onload = new lexaudio.example();
        }, 11000)
    </script>
</body>

</html>