nowfound

Dev tools · November 2, 2014

Voice Elements

Web components that do amazing things w/ the web speech api

Voice Elements launched on November 2, 2014 with 88 votes, #487 of 1,965 launches that month and more than 50% of that year's launches. The site was still online in September 2026, 11 years on.

What it does

A couple of Web Components that can do amazing stuff using the Web Speech API.

Provides you a simple DOM API to do speech synthesis (text to speech). In the following demo, we set some content into the text attribute. Then, by using the autoplay attribute, the voice is played when the element loads. In the following demo, we define a different language by using the accent attribute. When the button is clicked, we call the speak method to trigger the audio. In the following demo, the text attribute is set according to the input value. When the form is submitted, we call the speak method to trigger the audio. Voice recognition is the translation of spoken words into text. This is achieved in the browser by using the SpeechRecognition interface from the Web Speech API.…from zenorocha.github.io

Does a similar job

all alternatives →
  • Voices2014 · voices.com · ▲72

    Voice-over marketplace for voice talent

  • Custom Elements2014 · ▲119

    A web components gallery for modern web apps

  • larynx2016 · ▲121

    Share web content along with your voice

  • Speechnotes2015 · speechnotes.co · ▲84

    Type with your voice. Speech-to-text in your browser.

  • SpeakPage2017 · ▲91

    Add voice to your web pages

  • AQ
    A quiz app using the Web Speech API2013 · iambrandonn.github.com · ▲17

More dev tools this month

the category →
  • /dev/null▲482

    a social network for devs

    Dev tools · 2d ago · dev-null.sh

  • open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

    Dev tools · 27d ago · github.com

  • Contribute to reladraw/reladraw development by creating an account on GitHub.

    Dev tools · 25d ago · github.com

  • OpenBot▲362

    Grok Bot alternative: free, local, open-source, multiplayer

    Dev tools · 22d ago · openbot.run

  • Talanoa▲343

    Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

    Dev tools · 20d ago · talanoa.email

  • CoreSpeed▲332

    One MCP for everything your agents need: apps, memory, tools

    Dev tools · 28d ago · corespeed.io

Source: Product Hunt launch ↗

Launched alongside, November 2014

the whole month →
  • Hooked▲836

    A book on how to build habit-forming products

    Life & fun · 2014 · amazon.com

  • Bartender▲616

    Organize and hide menu bar items on your Mac

    Life & fun · 2014 · macbartender.com

  • Ship custom shirts to fans & leads without holding inventory

    Life & fun · 2014 · game-corner.actionflash.com

  • A hands-free speaker you control with your voice

    AI · 2014 · amazon.com

  • Withoomph▲456

    Free, beautifully designed logos instantly

    Work · 2014 · canva.com

  • MM

    Life & fun · 2014 · letstalkover.coffee