Photos for Class
`; this._targetInput.insertAdjacentHTML('afterend', dHtm); this._targetInput.nextElementSibling.insertAdjacentElement('beforeend', this._targetInput); } this._newVoiceId = `v_searchByVoice_${this._instanceIndex}`; this._voiceTextElmId = `v_voiceTxtEl_${this._instanceIndex}`; var newVoice = document.getElementById(this._newVoiceId); if ((this._targetInput || this._targetInputList) && !newVoice) { let sHtm = `
`; if (!this._textableInstance) { this._targetInput.insertAdjacentHTML('afterend', sHtm); this._targetInput.parentElement.classList.add('v_hasVoiceSearch'); } else { if (this._targetSelectionElm.parentElement === null) { var summernoteToolBar = document.getElementById('summernote-disconnected-toolbar'); if (summernoteToolBar) { var rowTwo = summernoteToolBar.getElementsByClassName('note-row2')[0]; this._targetSelectionElm = rowTwo; } } if (this._targetSelectionElm) { this._targetSelectionElm.insertAdjacentHTML('beforeend', sHtm); this._targetSelectionElm.classList.add('v_hasVoiceSearch'); } else { return true; } } } return false; }; SpeechToTextHelper.prototype.CapitalizeFirstLetter = function (str) { return str.charAt(0).toUpperCase() + str.slice(1); } SpeechToTextHelper.prototype.SetupRecognition = function () { let finalTranscript = ''; let voiceTutElm = document.getElementById(this._voiceTextElmId); let selectedInstanceIndex = this._instanceIndex; this._recState.recognition = new this._speechRecognition(); this._recState.recognition.continuous = false; //this._recState.recognition.lang = 'en-US'; this._recState.recognition.interimResults = true; if ((this._targetInput || this._targetInputList) && voiceTutElm) { this._recState.recognition.onresult = function (e) { let thisPointer = speechInstances[selectedInstanceIndex]; let interimTranscript = ""; for (let i = e.resultIndex; i < e.results.length; i += 1) { const { transcript } = e.results[i][0]; if (e.results[i].isFinal) { finalTranscript += transcript; } else { interimTranscript += transcript; } } thisPointer._recState.finalSpeechVal = `${finalTranscript} ${interimTranscript}`.trim(); if (!thisPointer._textableInstance) { thisPointer._targetInput.value = thisPointer.CapitalizeFirstLetter(thisPointer._recState.finalSpeechVal); } else { if (thisPointer._targetInputList.length === 0) { var shapeId = thisPointer._targetElmTracking.split('_textarea')[0]; var textArea = document.getElementById(shapeId).getElementsByClassName("note-editable")[0].firstElementChild; var shape = document.getElementById(shapeId); if (textArea) { textArea.classList.add(thisPointer._targetElmTracking); thisPointer._targetInputList = shape.getElementsByClassName(thisPointer._targetElmTracking); console.log('Speech to text self heal'); } else { Logger.logErrorMessage("SpeechToText.OnResults", new Error('No target input list')); console.log('Text to speech error'); } } for (var i = 0; i < thisPointer._targetInputList.length; i++) { thisPointer._targetInputList[i].innerText = thisPointer._recState.finalSpeechVal; } } var modalTextbox = document.getElementById('textModalPreview'); if (modalTextbox) { var inputBox = document.getElementById('taTextInput_0'); var fo = modalTextbox.getElementsByTagName('foreignObject')[0]; fo.firstElementChild.firstElementChild.firstElementChild.innerText = thisPointer._recState.finalSpeechVal; inputBox.value = thisPointer._recState.finalSpeechVal; } else { voiceTutElm.innerText = thisPointer._recState.finalSpeechVal; } }; this._recState.recognition.onspeechstart = function (e) { let thisPointer = speechInstances[selectedInstanceIndex]; thisPointer._recState.finalSpeechVal = ''; finalTranscript = ''; }; this._recState.recognition.onspeechend = function (e) { let thisPointer = speechInstances[selectedInstanceIndex]; thisPointer._recState.recognition.stop(); }; this._recState.recognition.onend = function (e) { let thisPointer = speechInstances[selectedInstanceIndex]; var voiceTutElm = document.getElementById(thisPointer._voiceTextElmId); if (thisPointer._recState.finalSpeechVal.length >= 2) { if (!thisPointer._textableInstance) { if (thisPointer._targetInput.nodeName.toLowerCase() !== 'input') { thisPointer._targetInput.innerText = thisPointer._recState.finalSpeechVal; } else { thisPointer._targetInput.value = thisPointer.CapitalizeFirstLetter(thisPointer._recState.finalSpeechVal); } thisPointer._targetInput.dispatchEvent(new Event('change')); } else { for (var i = 0; i < thisPointer._targetInputList.length; i++) { var inputElm = thisPointer._targetInputList[i]; if (inputElm.nodeName.toLowerCase() !== 'input') { var selectedFontElm = document.getElementsByClassName('note-current-fontname')[0]; var selectedFontSize = document.getElementsByClassName('note-current-fontsize')[0]; inputElm.innerText = thisPointer._recState.finalSpeechVal; if (selectedFontElm) { inputElm.style.fontFamily = selectedFontElm.style.fontFamily; } if (selectedFontSize) { inputElm.style.fontSize = `${selectedFontSize.innerText}px`; } } else { inputElm.value = thisPointer._recState.finalSpeechVal; } inputElm.dispatchEvent(new Event('change')); } } var removeListening = function () { var elms = document.getElementsByClassName('v_listening'); while (elms.length > 0) { elms[0].classList.remove('v_listening'); } } if (thisPointer._targetActionElm) { thisPointer._targetActionElm.click(); } removeListening(); } if (!thisPointer._recState.finalSpeechVal.length) { voiceTutElm.innerText = thisPointer._recState.noSpeech; thisPointer._listeningTimeout = setTimeout(removeListening, 1500); } }; this._recState.recognition.onerror = function (e) { let thisPointer = speechInstances[selectedInstanceIndex]; thisPointer._recState.recognition.stop(); console.error('Speech recognition error:', e.error); if (e.error.includes('not-allowed')) { document.body.classList.add('v_speechNotAllowed'); } throw e.error; }; } }; SpeechToTextHelper.prototype.ShowTutorialToolTip = function () { var elm = document.getElementById(`v_voiceInstructionsTip_${this._instanceIndex}`); elm.style.display = 'flex'; }; SpeechToTextHelper.prototype.HideTutorialToolTip = function () { var elm = document.getElementById(`v_voiceInstructionsTip_${this._instanceIndex}`); if (elm) { elm.style.display = 'none'; sessionStorage.setItem(`v_isVoiceTutorialViewed_${this._instanceIndex}`, 'true'); } } SpeechToTextHelper.prototype.AddEventListeners = function () { let selectedInstanceIndex = this._instanceIndex; var speechButton = document.getElementById(this._newVoiceId); this._targetSelectionElm.addEventListener('mouseover', function () { let thisPointer = speechInstances[selectedInstanceIndex]; thisPointer.CheckForTutorial(); }); speechButton.addEventListener('click', function (e) { let thisPointer = speechInstances[selectedInstanceIndex]; if (thisPointer._listeningTimeout) { clearTimeout(thisPointer._listeningTimeout); } thisPointer._recState.finalSpeechVal = ''; let tutorialTxt = document.getElementById(thisPointer._voiceTextElmId); let tutorialInput = thisPointer._targetInput; thisPointer.HideTutorialToolTip(); if (thisPointer._recState.recognition != null && !this.parentElement.classList.contains('v_listening')) { this.parentElement.classList.add('v_listening'); if (tutorialTxt) { tutorialTxt.innerText = thisPointer._recState.listening; } if (tutorialInput) { if (tutorialInput.nodeName.toLowerCase() === 'input') { tutorialInput.setAttribute('placeholder', thisPointer._recState.listening); } else { tutorialInput.innerText = thisPointer._recState.listening; } } thisPointer._recState.recognition.start(); } else { this.parentElement.classList.remove('v_listening'); thisPointer._recState.recognition.stop(); } }); var toolTipCloser = document.getElementById(`v_toolTipCloser_${selectedInstanceIndex}`); toolTipCloser.addEventListener('click', function () { let thisPointer = speechInstances[selectedInstanceIndex]; thisPointer.HideTutorialToolTip(); }); }; SpeechToTextHelper.prototype.CheckForTutorial = function () { let selectedInstanceIndex = this._instanceIndex; let isTutorialViewed = sessionStorage.getItem(`v_isVoiceTutorialViewed_${this._instanceIndex}`); if (isTutorialViewed == null || isTutorialViewed === 'false') { this.ShowTutorialToolTip(); setTimeout(function () { let thisPointer = speechInstances[selectedInstanceIndex]; thisPointer.HideTutorialToolTip(); }, 5000); } };
Explore Captivating Shaving Kit Pictures and Images: A Comprehensive Collection Highlighting the Unique Aspects of Shaving Kit
Explore captivating Free Shaving Kit Pictures, ideal for classroom use. These Shaving Kit Photos, including diverse images like shaving, brush, razor, vintage, mirror, hygiene, shaving brush, shaving cream, retro, shaving, mirror, mirror, mirror, mirror, mirror, enhance educational materials. Discover a wide array of related Photos, each offering unique perspectives.
Every Image, when downloaded is automatically cited with the author and the Creative Commons License. This serves as a fantastic tool for creating visually engaging and informative class content while teaching digital citizenship.
Next Page