Home
Our Team
Job Shop
CS
More
Home
Our Team
Job Shop
CS
Home
Our Team
Job Shop
CS
Online Job Application
Our Online Assessments
Typing Test
Voice Assessment
Interview Recorder
<div id="interviewRecorder" class="mask"> </div> <div class="text-center"> <div id="videoContainer"> <video id="videoElement" playsinline autoplay></video> </div> <div id="interviewQuestions"> <h3 id="questionTitle"></h3> <h5 id="questionText"></h5> </div> <div class="text-center mt-3"> <button id="startStopButton" class="btn btn-primary">Start Recording</button> <button id="playPauseButton" class="btn btn-primary" disabled>Play</button> <button id="nextButton" class="btn btn-info" disabled>Next Question</button> <button id="downloadButton" class="btn btn-success" disabled>Submit Video</button> </div> <!-- Bootstrap JS and your script --> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-core"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> <script> let mediaRecorder; let recordedChunks = []; let isRecording = false; let currentQuestionIndex = 0; // Get the video element const videoElement = document.getElementById('videoElement'); // Get the video container const videoContainer = document.getElementById('videoContainer'); // Get the question elements const questionTitle = document.getElementById('questionTitle'); const questionText = document.getElementById('questionText'); // Get the buttons const startStopButton = document.getElementById('startStopButton'); const pauseResumeButton = document.getElementById('pauseResumeButton'); const downloadButton = document.getElementById('downloadButton'); const nextButton = document.getElementById('nextButton'); // List of interview questions const questions = [ & quot;What interests you in this position ?& quot;, & quot;Tell us about your previous experience.& quot;, & quot;How do you handle challenges in the workplace ?& quot;, & quot;What are your strengths and weaknesses ?& quot;, & quot;What are your career goals ?& quot;, & quot;What are your salary expectations ?& quot;, & quot;What do you know about our company ?& quot;, & quot;Why should we hire you ?& quot;, ]; function playPauseVideo() { if (videoElement.paused) { videoElement.play(); playPauseButton.textContent = 'Pause'; } else { videoElement.pause(); playPauseButton.textContent = 'Play'; } } // Event listener for the play/pause button playPauseButton.addEventListener('click', playPauseVideo); // Function to request camera access and start recording async function startRecording() { try { const stream = await navigator.mediaDevices.getUserMedia({ video: true }); videoElement.srcObject = stream; videoContainer.style.display = & quot; block & quot;; displayQuestion(); recordedChunks = []; mediaRecorder = new MediaRecorder(stream); mediaRecorder.ondataavailable = function (event) { if (event.data.size > 0) { recordedChunks.push(event.data); } }; mediaRecorder.onstop = function () { const blob = new Blob(recordedChunks, { type: 'video/webm' }); const url = URL.createObjectURL(blob); downloadButton.href = url; downloadButton.download = 'recorded-video.webm'; }; mediaRecorder.start(); } catch (err) { console.error('Error accessing the camera:', err); } } // Function to display the current question function displayQuestion() { questionTitle.textContent = `Question ${currentQuestionIndex + 1}:`; questionText.textContent = questions[currentQuestionIndex]; } // Event listener for the start/stop button startStopButton.addEventListener('click', () => { if (!isRecording) { startRecording(); nextButton.disabled = false; playPauseButton.disabled = false; downloadButton.disabled = false; } isRecording = !isRecording; startStopButton.textContent = isRecording ? 'Stop Recording' : 'Start Recording'; if (isRecording) { startStopButton.classList.remove('btn-primary'); startStopButton.classList.add('btn-danger'); } else { startStopButton.classList.remove('btn-danger'); startStopButton.classList.add('btn-primary'); } }); // Event listener for the "Next Question" button nextButton.addEventListener('click', () => { if (currentQuestionIndex < questions.length - 1) { currentQuestionIndex++; displayQuestion(); nextButton.disabled = false; downloadButton.disabled = false; playPauseButton.textContent = 'Play'; // Reset play/pause button text videoElement.pause(); // Pause the video when moving to the next question } }); // Call displayQuestion() to show the first question on page load displayQuestion(); downloadButton.addEventListener('click', () => { if (recordedChunks.length > 0) { const blob = new Blob(recordedChunks, { type: 'video/webm' }); const url = URL.createObjectURL(blob); // Set the URL and filename for the download link downloadButton.href = url; downloadButton.download = 'recorded-video.webm'; // Programmatically trigger the download downloadButton.click(); } else { alert(& quot;No recorded video available to download.& quot;); } }); </script> </body> </html> </body>" style="width: 100%; overflow: visible; transition: height 1.5s; height: 275.594px;">
Copyright © 2024
www.mmglobus.com
All Rights Reserved.
Terms and Conditions
