Wednesday, December 17, 2025
HomeSoftware DevelopmentJavaScript SpeechSynthesis API

JavaScript SpeechSynthesis API


As the net continues to be the medium for all customers, requirements our bodies must proceed to supply new APIs to complement consumer expertise and accessibility. One underused API for unsighted customers is speechSynthesis, an API to programmatically direct the browser to audibly converse any arbitrary string.

The Code

You’ll be able to direct the browser to utter speech with window.speechSynthesis and SpeechSynthesisUtterance:

window.speechSynthesis.converse(
    new SpeechSynthesisUtterance('Hey Jude!')
)

speechSynthesis.converse will robotically inform the consumer something you present as a SpeechSynthesisUtterance string. Assist for this API is offered in all trendy browsers.

I would not take into account speechSynthesis as a substitute for native accessibility instruments, however this API may very well be used to enhance what native instruments present!

  • Create Namespaced Classes with MooTools

    MooTools has all the time gotten a little bit of grief for not inherently utilizing and standardizing namespaced-based JavaScript lessons just like the Dojo Toolkit does.  Many builders create their lessons as globals which is usually frowned up.  I largely disagree with that stance, however every to their very own.  In any occasion…

  • CSS 3D Folding Animation
  • Advanced CSS Printing – Using JavaScript Double-Click To Remove Unwanted DIVs
  • MooTools PulseFade Plugin

    I used to be lately pushed to create a MooTools plugin that might take a component and fade it to a min from a max for a given variety of occasions. This is the results of my Moo-foolery. The MooTools JavaScript Choices of the category embody: min: (defaults to .5) the…


RELATED ARTICLES

Most Popular

Recent Comments