Video to Audio Converter Tool

 

Video to Audio Converter

body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f0f0f0; } .container { max-width: 400px; margin: 50px auto; background-color: #fff; padding: 20px; border-radius: 5px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); text-align: center; } h2 { margin-bottom: 20px; } input[type="file"] { margin-bottom: 20px; } button { padding: 10px 20px; background-color: #007bff; color: #fff; border: none; border-radius: 3px; cursor: pointer; margin-right: 10px; } button:hover { background-color: #0056b3; } let mediaRecorder; let recordedChunks = []; let audioPlayer = document.getElementById('audioPlayer'); function startRecording() { let videoInput = document.getElementById('videoInput').files[0]; if (!videoInput) { alert('Please select a video file'); return; } let video = document.createElement('video'); video.src = URL.createObjectURL(videoInput); video.onloadedmetadata = function() { let canvas = document.createElement('canvas'); canvas.width = this.videoWidth; canvas.height = this.videoHeight; let context = canvas.getContext('2d'); context.drawImage(video, 0, 0, canvas.width, canvas.height); let stream = canvas.captureStream(); mediaRecorder = new MediaRecorder(stream); mediaRecorder.ondataavailable = function(event) { if (event.data.size > 0) { recordedChunks.push(event.data); } }; mediaRecorder.onstop = function() { let blob = new Blob(recordedChunks, { type: 'audio/webm' }); let url = URL.createObjectURL(blob); audioPlayer.src = url; audioPlayer.style.display = 'block'; recordedChunks = []; }; mediaRecorder.start(); setTimeout(stopRecording, 5000); // Recording for 5 seconds as an example }; } function stopRecording() { if (mediaRecorder && mediaRecorder.state !== 'inactive') { mediaRecorder.stop(); } }