speech to text in javascript Speech to Text in JavaScript Start Press the Start button var speechRecognition = window.webkitSpeechRecognition var recognition = new speechRecognition() var textbox = $("#textbox") var instructions = $("#instructions") var content = '' recognition.continuous = true // recognition is started recognition.onstart = function() { instructions.text("Voice Recognition is On") } recognition.onspeechend = function() { instructions.text("No Activity") } recognition.onerror = function() { instruction.text("Try Again") } recognition.onresult = function(event) { var current = event.resultIndex; var transcript = event.results[current][0].transcript content += transcript textbox.val(content) } $("#start-btn").click(function(event) { recognition.start() }) textbox.on('input', function() { con...
Posts
@import url("https://fonts.googleapis.com/css2?family=Inter&family=Lato&family=Libre+Baskerville&family=Merriweather:wght@700&family=Work+Sans&display=swap"); * { margin: 0; padding: 0; box-sizing: border-box; font-family: "Work Sans", sans-serif; } html { color: rgb(96 101 123); } body { display: flex; justify-content: center; align-items: center; align-self: center; background: rgb(255 255 255); } .container { padding: 30px; margin-top: 80px; } h2 { color: rgb(43 45 56); text-align: center; font-size: 48px; letter-spacing: -0.2px; font-family: "Merriweather", serif; } p { max-width: 50rem; text-align: center; margin-top: 24px; margin-bottom: 100px; } .main-content { max-width: 50rem; width: 100%; min-height: 400px; height: auto; padding: 18px 18px 120px 18px; position: relative; resize: none; box-shadow: 0 12px 48px 0px rgb(109 117 141 / 20%); background: rgb(255 255 ...
import "./App.css" import SpeechRecognition, { useSpeechRecognition } from 'react-speech-recognition'; import useClipboard from "react-use-clipboard"; import {useState} from "react"; const App = () => { const [textToCopy, setTextToCopy] = useState(); const [isCopied, setCopied] = useClipboard(textToCopy, { successDuration:1000 }); const startListening = () => SpeechRecognition.startListening({ continuous: true, language: 'en-IN' }); const { transcript, browserSupportsSpeechRecognition } = useSpeechRecognition(); if (!browserSupportsSpeechRecognition) { return null } return ( Speech to Text Converter A React hook that converts speech from the microphone to text and makes it available to your React components. setTextToCopy(transcript)}> {transcript} ...
Cart Page Home 0 let label = document.getElementById("label"); let ShoppingCart = document.getElementById("shopping_cart"); let basket = JSON.parse(localStorage.getItem("data")) || []; let calculate = () => { let cartIcon = document.getElementById("cart_amount"); cartIcon.innerHTML = basket.map((x) => x.item).reduce((x, y) => x + y, 0); }; calculate(); let generateCartItems = () => { if (basket.length !== 0) { return (ShoppingCart.innerHTML = basket .map((x) => { let { id,name,price,item,img } = x; return ` ${name} $ ${price} Remove `; }).join("")); }else { ShoppingCart.innerHTML = ` Shopping cart is ...
Mastering the Art of Effective HR Interview Conversations In the realm of Human Resources (HR), the interview process serves as a crucial gateway to identifying top talent and ensuring organizational success. A well-conducted interview not only assesses a candidate's qualifications but also delves into their personality, problem-solving abilities, and cultural fit within the company. In this comprehensive guide, we delve into the intricacies of conducting successful HR interviews, from establishing rapport to evaluating candidates effectively. Establishing a Positive Atmosphere Creating a Welcoming Environment : The interview begins the moment the candidate steps through the door. Greet them warmly, offer a comfortable seat, and engage in casual conversation to alleviate any nerves. Simple gestures like offering a glass of water can go a long way in making the candidate feel at ease. Building Rapport : Start the conversation with a friendly greeting and inquire about the ca...