facebook-fastspeech2-en-ljspeech

Sleeping

App Files Files Community

facebook-fastspeech2-en-ljspeech / index.html

ford442

Update index.html

1a08d75 verified 13 days ago

raw

history blame contribute delete

2.55 kB

	<!DOCTYPE html>
	<html>
	<head>
	<title>Whisper, Vicuna, & TTS Demo</title>
	</head>
	<body>
	<div id="gradio-container"></div>
	<script src="/js/index.js"></script>
	<script>
	window.addEventListener('DOMContentLoaded', (event) => {
	let recorder;
	let chunks =[];
	let audioComponent;
	let recognition; // Speech recognition object

	window.addEventListener('DOMContentLoaded', (event) => {
	audioComponent = document.getElementById("mic_audio");

	// Initialize speech recognition
	recognition = new webkitSpeechRecognition() \|\| new SpeechRecognition(); // Cross-browser compatibility
	recognition.continuous = true; // Keep listening
	recognition.interimResults = false; // Don't return partial results

	recognition.onresult = event => {
	const transcript = event.results.transcript.toLowerCase(); // Get the recognized text
	console.log("Recognized:", transcript); // For debugging

	if (transcript.includes("start recording")) { // Your "start" command
	startRecording();
	} else if (transcript.includes("stop recording")) { // Your "stop" command
	stopRecording();
	}
	};

	recognition.onerror = event => {
	console.error("Speech recognition error:", event.error);
	};

	recognition.start(); // Start listening for voice commands immediately

	});

	function startRecording() {
	navigator.mediaDevices.getUserMedia({ audio: true })
	.then(stream => {
	recorder = new MediaRecorder(stream);
	recorder.ondataavailable = e => {
	if (e.data.size > 0) {
	chunks.push(e.data);
	}
	};
	recorder.start();
	console.log("Recording started.");
	})
	.catch(err => console.error('Error accessing microphone:', err));
	}

	function stopRecording() {
	if (recorder && recorder.state === "recording") {
	recorder.stop();
	recorder.onstop = async () => {
	const blob = new Blob(chunks, { type: 'audio/wav' }); // Or appropriate type
	const file = new File([blob], "recording.wav", { type: 'audio/wav' }); // Create a File object

	const dataTransfer = new DataTransfer();
	dataTransfer.items.add(file);
	audioComponent.files = dataTransfer.files; // Set the files property

	audioComponent.dispatchEvent(new Event('change')); // Trigger change to send data

	chunks =;
	console.log("Recording stopped and data sent.");
	};
	}
	}

	});

	</script>
	</body>
	</html>