Question: using javascript. pls help me. give me currect answer if you dont know ask me again. i gave you code you have tu modify that
using javascript. pls help me. give me currect answer if you dont know ask me again. i gave you code you have tu modify that code.
| * { | |
| font-family: Verdana, Arial, sans-serif; | |
| } | |
| a:link { | |
| color:#000; | |
| text-decoration: none; | |
| } | |
| a:visited { | |
| color:#000; | |
| } | |
| a:hover { | |
| color:#33F; | |
| } | |
| .button { | |
| background: -webkit-linear-gradient(top,#008dfd 0,#0370ea 100%); | |
| border: 1px solid #076bd2; | |
| border-radius: 3px; | |
| color: #fff; | |
| display: none; | |
| font-size: 13px; | |
| font-weight: bold; | |
| line-height: 1.3; | |
| padding: 8px 25px; | |
| text-align: center; | |
| text-shadow: 1px 1px 1px #076bd2; | |
| letter-spacing: normal; | |
| } | |
| .center { | |
| padding: 10px; | |
| text-align: center; | |
| } | |
| .final { | |
| color: black; | |
| padding-right: 3px; | |
| } | |
| .interim { | |
| color: gray; | |
| } | |
| .info { | |
| font-size: 14px; | |
| text-align: center; | |
| color: #777; | |
| display: none; | |
| } | |
| .right { | |
| float: right; | |
| } | |
| .sidebyside { | |
| display: inline-block; | |
| width: 45%; | |
| min-height: 40px; | |
| text-align: left; | |
| vertical-align: top; | |
| } | |
| #headline { | |
| font-size: 40px; | |
| font-weight: 300; | |
| } | |
| #info { | |
| font-size: 20px; | |
| text-align: center; | |
| color: #777; | |
| visibility: hidden; | |
| } | |
| #results { | |
| font-size: 14px; | |
| font-weight: bold; | |
| border: 1px solid #ddd; | |
| padding: 15px; | |
| text-align: left; | |
| min-height: 150px; | |
| } | |
| #start_button { | |
| border: 0; | |
| background-color:transparent; | |
| padding: 0; | |
| } | |
| Web Speech API Demonstration | |
Click on the microphone icon and begin speaking. | |
Speak now. | |
No speech was detected. You may need to adjust your | |
| microphone settings. | |
| No microphone was found. Ensure that a microphone is installed and that | |
| microphone settings are configured correctly. | |
Click the "Allow" button above to enable your microphone. | |
Permission to use microphone was denied. | |
Permission to use microphone is blocked. To change, | |
| go to chrome://settings/contentExceptions#media-stream | |
Web Speech API is not supported by this browser. | |
| Upgrade to Chrome | |
| version 25 or later. | |
| Copy and Paste | |
| Press Control-C to copy text. (Command-C on Mac.) | |
| Create Email | |
| Text sent to default email application. | |
| (See chrome://settings/handlers to change.) | |
| var langs = | |
| [['Afrikaans', ['af-ZA']], | |
| ['Bahasa Indonesia',['id-ID']], | |
| ['Bahasa Melayu', ['ms-MY']], | |
| ['Catal', ['ca-ES']], | |
| ['etina', ['cs-CZ']], | |
| ['Deutsch', ['de-DE']], | |
| ['English', ['en-AU', 'Australia'], | |
| ['en-CA', 'Canada'], | |
| ['en-IN', 'India'], | |
| ['en-NZ', 'New Zealand'], | |
| ['en-ZA', 'South Africa'], | |
| ['en-GB', 'United Kingdom'], | |
| ['en-US', 'United States']], | |
| ['Espaol', ['es-AR', 'Argentina'], | |
| ['es-BO', 'Bolivia'], | |
| ['es-CL', 'Chile'], | |
| ['es-CO', 'Colombia'], | |
| ['es-CR', 'Costa Rica'], | |
| ['es-EC', 'Ecuador'], | |
| ['es-SV', 'El Salvador'], | |
| ['es-ES', 'Espaa'], | |
| ['es-US', 'Estados Unidos'], | |
| ['es-GT', 'Guatemala'], | |
| ['es-HN', 'Honduras'], | |
| ['es-MX', 'Mxico'], | |
| ['es-NI', 'Nicaragua'], | |
| ['es-PA', 'Panam'], | |
| ['es-PY', 'Paraguay'], | |
| ['es-PE', 'Per'], | |
| ['es-PR', 'Puerto Rico'], | |
| ['es-DO', 'Repblica Dominicana'], | |
| ['es-UY', 'Uruguay'], | |
| ['es-VE', 'Venezuela']], | |
| ['Euskara', ['eu-ES']], | |
| ['Franais', ['fr-FR']], | |
| ['Galego', ['gl-ES']], | |
| ['Hrvatski', ['hr_HR']], | |
| ['IsiZulu', ['zu-ZA']], | |
| ['slenska', ['is-IS']], | |
| ['Italiano', ['it-IT', 'Italia'], | |
| ['it-CH', 'Svizzera']], | |
| ['Magyar', ['hu-HU']], | |
| ['Nederlands', ['nl-NL']], | |
| ['Norsk bokml', ['nb-NO']], | |
| ['Polski', ['pl-PL']], | |
| ['Portugus', ['pt-BR', 'Brasil'], | |
| ['pt-PT', 'Portugal']], | |
| ['Romn', ['ro-RO']], | |
| ['Slovenina', ['sk-SK']], | |
| ['Suomi', ['fi-FI']], | |
| ['Svenska', ['sv-SE']], | |
| ['Trke', ['tr-TR']], | |
| ['', ['bg-BG']], | |
| ['P', ['ru-RU']], | |
| ['', ['sr-RS']], | |
| ['', ['ko-KR']], | |
| ['', ['cmn-Hans-CN', ' ()'], | |
| ['cmn-Hans-HK', ' ()'], | |
| ['cmn-Hant-TW', ' ()'], | |
| ['yue-Hant-HK', ' ()']], | |
| ['', ['ja-JP']], | |
| ['Lingua latna', ['la']]]; | |
| for (var i = 0; i | |
| select_language.options[i] = new Option(langs[i][0], i); | |
| } | |
| select_language.selectedIndex = 6; | |
| updateCountry(); | |
| select_dialect.selectedIndex = 6; | |
| showInfo('info_start'); | |
| function updateCountry() { | |
| for (var i = select_dialect.options.length - 1; i >= 0; i--) { | |
| select_dialect.remove(i); | |
| } | |
| var list = langs[select_language.selectedIndex]; | |
| for (var i = 1; i | |
| select_dialect.options.add(new Option(list[i][1], list[i][0])); | |
| } | |
| select_dialect.style.visibility = list[1].length == 1 ? 'hidden' : 'visible'; | |
| } | |
| var create_email = false; | |
| var final_transcript = ''; | |
| var recognizing = false; | |
| var ignore_onend; | |
| var start_timestamp; | |
| if (!('webkitSpeechRecognition' in window)) { | |
| upgrade(); | |
| } else { | |
| start_button.style.display = 'inline-block'; | |
| var recognition = new webkitSpeechRecognition(); | |
| recognition.continuous = true; | |
| recognition.interimResults = true; | |
| recognition.onstart = function() { | |
| recognizing = true; | |
| showInfo('info_speak_now'); | |
| start_img.src = 'mic-animate.gif'; | |
| }; | |
| recognition.onerror = function(event) { | |
| if (event.error == 'no-speech') { | |
| start_img.src = 'mic.gif'; | |
| showInfo('info_no_speech'); | |
| ignore_onend = true; | |
| } | |
| if (event.error == 'audio-capture') { | |
| start_img.src = 'mic.gif'; | |
| showInfo('info_no_microphone'); | |
| ignore_onend = true; | |
| } | |
| if (event.error == 'not-allowed') { | |
| if (event.timeStamp - start_timestamp | |
| showInfo('info_blocked'); | |
| } else { | |
| showInfo('info_denied'); | |
| } | |
| ignore_onend = true; | |
| } | |
| }; | |
| recognition.onend = function() { | |
| recognizing = false; | |
| if (ignore_onend) { | |
| return; | |
| } | |
| start_img.src = 'mic.gif'; | |
| if (!final_transcript) { | |
| showInfo('info_start'); | |
| return; | |
| } | |
| showInfo(''); | |
| if (window.getSelection) { | |
| window.getSelection().removeAllRanges(); | |
| var range = document.createRange(); | |
| range.selectNode(document.getElementById('final_span')); | |
| window.getSelection().addRange(range); | |
| } | |
| if (create_email) { | |
| create_email = false; | |
| createEmail(); | |
| } | |
| }; | |
| recognition.onresult = function(event) { | |
| var interim_transcript = ''; | |
| for (var i = event.resultIndex; i | |
| if (event.results[i].isFinal) { | |
| final_transcript += event.results[i][0].transcript; | |
| } else { | |
| interim_transcript += event.results[i][0].transcript; | |
| } | |
| } | |
| final_transcript = capitalize(final_transcript); | |
| final_span.innerHTML = linebreak(final_transcript); | |
| interim_span.innerHTML = linebreak(interim_transcript); | |
| if (final_transcript || interim_transcript) { | |
| showButtons('inline-block'); | |
| } | |
| }; | |
| } | |
| function upgrade() { | |
| start_button.style.visibility = 'hidden'; | |
| showInfo('info_upgrade'); | |
| } | |
| var two_line = / /g; | |
| var one_line = / /g; | |
| function linebreak(s) { | |
| return s.replace(two_line, '').replace(one_line, ' '); | |
| } | |
| var first_char = /\S/; | |
| function capitalize(s) { | |
| return s.replace(first_char, function(m) { return m.toUpperCase(); }); | |
| } | |
| function createEmail() { | |
| var n = final_transcript.indexOf(' '); | |
| if (n = 80) { | |
| n = 40 + final_transcript.substring(40).indexOf(' '); | |
| } | |
| var subject = encodeURI(final_transcript.substring(0, n)); | |
| var body = encodeURI(final_transcript.substring(n + 1)); | |
| window.location.href = 'mailto:?subject=' + subject + '&body=' + body; | |
| } | |
| function copyButton() { | |
| if (recognizing) { | |
| recognizing = false; | |
| recognition.stop(); | |
| } | |
| copy_button.style.display = 'none'; | |
| copy_info.style.display = 'inline-block'; | |
| showInfo(''); | |
| } | |
| function emailButton() { | |
| if (recognizing) { | |
| create_email = true; | |
| recognizing = false; | |
| recognition.stop(); | |
| } else { | |
| createEmail(); | |
| } | |
| email_button.style.display = 'none'; | |
| email_info.style.display = 'inline-block'; | |
| showInfo(''); | |
| } | |
| function startButton(event) { | |
| if (recognizing) { | |
| recognition.stop(); | |
| return; | |
| } | |
| final_transcript = ''; | |
| recognition.lang = select_dialect.value; | |
| recognition.start(); | |
| ignore_onend = false; | |
| final_span.innerHTML = ''; | |
| interim_span.innerHTML = ''; | |
| start_img.src = 'mic-slash.gif'; | |
| showInfo('info_allow'); | |
| showButtons('none'); | |
| start_timestamp = event.timeStamp; | |
| } | |
| function showInfo(s) { | |
| if (s) { | |
| for (var child = info.firstChild; child; child = child.nextSibling) { | |
| if (child.style) { | |
| child.style.display = child.id == s ? 'inline' : 'none'; | |
| } | |
| } | |
| info.style.visibility = 'visible'; | |
| } else { | |
| info.style.visibility = 'hidden'; | |
| } | |
| } | |
| var current_style; | |
| function showButtons(style) { | |
| if (style == current_style) { | |
| return; | |
| } | |
| current_style = style; | |
| copy_button.style.display = style; | |
| email_button.style.display = style; | |
| copy_info.style.display = 'none'; | |
| email_info.style.display = 'none'; | |
| } | |






It tells us that the Node server is up running on localhost (IP: 127.0.0.1) port 5000. You can verify it by typing this h p://localhost:5000/ in your browser and you will et the following Google Web Speech demo page Lessons-DEVELOPM >* Voice Driven Web Ap x, [1 localhost:5000 Apps-Search 8080 al medsun Learning the Korn h Web Speech API Den Time Warner Cab S System Dashboar Convert PDF to w D HEAD gens a Great Web Speech API Demonstration Click on the microphone icon and begin speaking. English United States To stop this Node server, you can press
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
