larryyangsen/userMedia.html

## userMedia.html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Recording</title>
</head>

<body>
    <div>
        <video id="player" controls></video>
    </div>
    <script>

        (async () => {
            const player = document.getElementById('player');
            const bufferSize = 4096;
            const stream = await navigator.mediaDevices.getUserMedia({
                audio: true,
                video: true
            });
            const AudioContext = window.AudioContext || window.webkitAudioContext;
            const audioContext = new AudioContext;
            const sourceNode = audioContext.createMediaStreamSource(stream);
            const processor = audioContext.createScriptProcessor(bufferSize, 1, 1);
            player.srcObject = stream;
            processor.onaudioprocess = e => {
                console.log(e)
            };
            processor.connect(audioContext.destination);
            sourceNode.connect(processor)
        })()
    </script>
</body>

</html>
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Recording</title>
	</head>

	<body>
	<div>
	<video id="player" controls></video>
	</div>
	<script>

	(async () => {
	const player = document.getElementById('player');
	const bufferSize = 4096;
	const stream = await navigator.mediaDevices.getUserMedia({
	audio: true,
	video: true
	});
	const AudioContext = window.AudioContext \|\| window.webkitAudioContext;
	const audioContext = new AudioContext;
	const sourceNode = audioContext.createMediaStreamSource(stream);
	const processor = audioContext.createScriptProcessor(bufferSize, 1, 1);
	player.srcObject = stream;
	processor.onaudioprocess = e => {
	console.log(e)
	};
	processor.connect(audioContext.destination);
	sourceNode.connect(processor)
	})()
	</script>
	</body>

	</html>