app.theenglishquiz.com Open in urlscan Pro
2606:4700:3030::ac43:de5b  Public Scan

class MediaRecorder { /** * @param {MediaStream} stream The audio stream to record. */ constructor (stream, config = null) { /** * The `MediaStream` passed into the constructor. * @type {MediaStream} */ this.stream = stream this.config = config /** * The current state of recording process. * @type {"inactive"|"recording"|"paused"} */ this.state = 'inactive' this.em = document.createDocumentFragment() this.encoder = createWorker(MediaRecorder.encoder) let recorder = this this.encoder.addEventListener('message', e => { let event = new Event('dataavailable') event.data = new Blob([e.data], { type: recorder.mimeType }) recorder.em.dispatchEvent(event) if (recorder.state === 'inactive') { recorder.em.dispatchEvent(new Event('stop')) } }) } /** * Begins recording media. * * @param {number} [timeslice] The milliseconds to record into each `Blob`. * If this parameter isn’t included, single `Blob` * will be recorded. * * @return {undefined} * * @example * recordButton.addEventListener('click', () => { * recorder.start() * }) */ start (timeslice) { if (this.state !== 'inactive') { return this.em.dispatchEvent(error('start')) } this.state = 'recording' if (!context) { context = new AudioContext(this.config) } this.clone = this.stream.clone() this.input = context.createMediaStreamSource(this.clone) this.processor = context.createScriptProcessor(2048, 1, 1) this.encoder.postMessage(['init', context.sampleRate]) this.processor.onaudioprocess = e => { if (this.state === 'recording') { this.encoder.postMessage(['encode', e.inputBuffer.getChannelData(0)]) } } this.input.connect(this.processor) this.processor.connect(context.destination) this.em.dispatchEvent(new Event('start')) if (timeslice) { this.slicing = setInterval(() => { if (this.state === 'recording') this.requestData() }, timeslice) } return undefined } /** * Stop media capture and raise `dataavailable` event with recorded data. * * @return {undefined} * * @example * finishButton.addEventListener('click', () => { * recorder.stop() * }) */ stop () { if (this.state === 'inactive') { return this.em.dispatchEvent(error('stop')) } this.requestData() this.state = 'inactive' this.clone.getTracks().forEach(track => { track.stop() }) this.processor.disconnect() this.input.disconnect() return clearInterval(this.slicing) } /** * Pauses recording of media streams. * * @return {undefined} * * @example * pauseButton.addEventListener('click', () => { * recorder.pause() * }) */ pause () { if (this.state !== 'recording') { return this.em.dispatchEvent(error('pause')) } this.state = 'paused' return this.em.dispatchEvent(new Event('pause')) } /** * Resumes media recording when it has been previously paused. * * @return {undefined} * * @example * resumeButton.addEventListener('click', () => { * recorder.resume() * }) */ resume () { if (this.state !== 'paused') { return this.em.dispatchEvent(error('resume')) } this.state = 'recording' return this.em.dispatchEvent(new Event('resume')) } /** * Raise a `dataavailable` event containing the captured media. * * @return {undefined} * * @example * this.on('nextData', () => { * recorder.requestData() * }) */ requestData () { if (this.state === 'inactive') { return this.em.dispatchEvent(error('requestData')) } return this.encoder.postMessage(['dump', context.sampleRate]) } /** * Add listener for specified event type. * * @param {"start"|"stop"|"pause"|"resume"|"dataavailable"|"error"} * type Event type. * @param {function} listener The listener function. * * @return {undefined} * * @example * recorder.addEventListener('dataavailable', e => { * audio.src = URL.createObjectURL(e.data) * }) */ addEventListener (...args) { this.em.addEventListener(...args) } /** * Remove event listener. * * @param {"start"|"stop"|"pause"|"resume"|"dataavailable"|"error"} * type Event type. * @param {function} listener The same function used in `addEventListener`. * * @return {undefined} */ removeEventListener (...args) { this.em.removeEventListener(...args) } /** * Calls each of the listeners registered for a given event. * * @param {Event} event The event object. * * @return {boolean} Is event was no canceled by any listener. */ dispatchEvent (...args) { this.em.dispatchEvent(...args) } }