Bryan Jennings bryanjenningz

bryanjenningz / record-stop.html

Created October 7, 2018 17:31

	<button onclick="recordStop()" id="record-stop-button">Record</button>
	<button onclick="playAudio()" disabled id="play-audio-button">Play</button>
	<script>
	const recordAudio = () =>
	new Promise(async resolve => {
	const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
	const mediaRecorder = new MediaRecorder(stream);
	const audioChunks = [];

	mediaRecorder.addEventListener("dataavailable", event => {

bryanjenningz / record.html

Created October 7, 2018 16:56

	<button onclick="record()">Record</button>
	<script>
	const recordAudio = () =>
	new Promise(async resolve => {
	const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
	const mediaRecorder = new MediaRecorder(stream);
	const audioChunks = [];

	mediaRecorder.addEventListener("dataavailable", event => {
	audioChunks.push(event.data);

bryanjenningz / audio-recorder-10.js

Created October 7, 2017 20:25

	const recordAudio = () =>
	new Promise(async resolve => {
	const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
	const mediaRecorder = new MediaRecorder(stream);
	const audioChunks = [];

	mediaRecorder.addEventListener("dataavailable", event => {
	audioChunks.push(event.data);
	});

bryanjenningz / audio-recorder-09.js

Created October 7, 2017 20:24

	const sleep = time => new Promise(resolve => setTimeout(resolve, time));

	(async () => {
	const recorder = await recordAudio();
	recorder.start();
	await sleep(3000);
	const audio = await recorder.stop();
	audio.play();
	})();

bryanjenningz / audio-recorder-08.js

Created October 7, 2017 20:23

	(async () => {
	const recorder = await recordAudio();
	recorder.start();

	setTimeout(async () => {
	const audio = await recorder.stop();
	audio.play();
	}, 3000);
	})();

bryanjenningz / audio-recorder-07.js

Created October 7, 2017 20:22

	const recordAudio = () => {
	return new Promise(resolve => {
	navigator.mediaDevices.getUserMedia({ audio: true })
	.then(stream => {
	const mediaRecorder = new MediaRecorder(stream);
	const audioChunks = [];

	mediaRecorder.addEventListener("dataavailable", event => {
	audioChunks.push(event.data);
	});

bryanjenningz / audio-recorder-06.js

Created October 7, 2017 20:21

	navigator.mediaDevices.getUserMedia({ audio: true })
	.then(stream => {
	const mediaRecorder = new MediaRecorder(stream);
	mediaRecorder.start();

	const audioChunks = [];
	mediaRecorder.addEventListener("dataavailable", event => {
	audioChunks.push(event.data);
	});

bryanjenningz / audio-recorder-05.js

Created October 7, 2017 20:19

	navigator.mediaDevices.getUserMedia({ audio: true })
	.then(stream => {
	const mediaRecorder = new MediaRecorder(stream);
	mediaRecorder.start();

	const audioChunks = [];
	mediaRecorder.addEventListener("dataavailable", event => {
	audioChunks.push(event.data);
	});

bryanjenningz / audio-recorder-04.js

Created October 7, 2017 20:18

	navigator.mediaDevices.getUserMedia({ audio: true })
	.then(stream => {
	const mediaRecorder = new MediaRecorder(stream);
	mediaRecorder.start();

	const audioChunks = [];
	mediaRecorder.addEventListener("dataavailable", event => {
	audioChunks.push(event.data);
	});

bryanjenningz / audio-recorder-03.js

Created October 7, 2017 20:16

	navigator.mediaDevices.getUserMedia({ audio: true })
	.then(stream => {
	const mediaRecorder = new MediaRecorder(stream);
	mediaRecorder.start();

	const audioChunks = [];

	mediaRecorder.addEventListener("dataavailable", event => {
	audioChunks.push(event.data);
	});