--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Recorder</title>
+ <script src="./script.js" defer></script>
+ <link rel="stylesheet" href="./styles.css">
+ <link rel="icon" type="image/x-icon" href="/favicon.png">
+</head>
+
+<body>
+ <img src="/favicon.png" style="width:20%;">
+ <header>
+ <h1>Record and Play Audio in JavaScript</h1>
+ </header>
+ <p>
+ <button id="btnStart">START RECORDING</button>
+ <button id="btnStop" disabled>STOP RECORDING</button>
+ <button id="btnPlay" disabled>PLAY RECORDING</button>
+ </p>
+ <audio id="audioPlay"></audio>
+</body>
+
+</html>
\ No newline at end of file
--- /dev/null
+console.log("wassup")
+// Access the permission for use
+// the microphone
+navigator.mediaDevices.getUserMedia({ audio: true })
+ .then(function(audio_stream) {
+ console.log("hi");
+ })
+ .catch(function(err) {
+ console.log(err.name, err.message);
+ });
