{"id":8915,"date":"2025-11-20T08:26:55","date_gmt":"2025-11-20T08:26:55","guid":{"rendered":"https:\/\/techtrendfeed.com\/?p=8915"},"modified":"2025-11-20T08:26:55","modified_gmt":"2025-11-20T08:26:55","slug":"javascript-speechsynthesis-api","status":"publish","type":"post","link":"https:\/\/techtrendfeed.com\/?p=8915","title":{"rendered":"JavaScript SpeechSynthesis API"},"content":{"rendered":" \r\n<br><div id=\"main\"><article itemscope=\"\" itemtype=\"http:\/\/schema.org\/Article\">\n<p>As the net continues to be the medium for all customers, requirements our bodies have to proceed to supply new APIs to complement person expertise and accessibility.   One underused API for unsighted customers is <code>speechSynthesis<\/code>, an API to programmatically direct the browser to audibly communicate any arbitrary string.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Code<\/h2>\n\n\n\n<p>You may direct the browser to utter speech with <code>window.speechSynthesis<\/code> and <code>SpeechSynthesisUtterance<\/code>:<\/p>\n\n\n\n<pre class=\"javascript\">window.speechSynthesis.communicate(\n    new SpeechSynthesisUtterance('Hey Jude!')\n)\n<\/pre>\n\n\n\n<p><code>speechSynthesis.communicate<\/code> will robotically inform the person something you present as a <code>SpeechSynthesisUtterance<\/code> string.  Help for this API is accessible in all trendy browsers.<\/p>\n\n\n\n<p>I would not think about <code>speechSynthesis<\/code> as a alternative for native accessibility instruments, however this API might be used to enhance what native instruments present!<\/p>\n\n\n\n<div class=\"x x-long x-secondary\">\n    \n    \n    <div class=\"x-secondary-large\">\n    <a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/requestmetrics.com\/?utm_source=davidwalsh\" style=\"display:block;\">\n        <img decoding=\"async\" src=\"https:\/\/davidwalsh.name\/demo\/rm_perf_banner-728.min.svg\" style=\"max-width:100%;height:auto;\" alt=\"Request Metrics real user monitoring\" loading=\"lazy\" width=\"728\" height=\"90\"\/>\n    <\/a>\n    <\/div>\n    <div class=\"x-secondary-small\">\n    <a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/requestmetrics.com\/?utm_source=davidwalsh\" style=\"display:block;\">\n        <img decoding=\"async\" src=\"https:\/\/davidwalsh.name\/demo\/rm_perf_block_300.min.svg\" style=\"max-width:100%;height:auto;\" alt=\"Request Metrics real user monitoring\" loading=\"lazy\" width=\"300\" height=\"250\"\/>\n    <\/a>\n    <\/div>\n<\/div>\n\n\n\n\n\n<\/article>\n\n<div class=\"article-block\" style=\"min-height:90px\"><div class=\"x x-long x-terciary\" style=\"max-height: none;\">\n  \n    \n    \n<div class=\"x-secondary-large\">\n  <a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/requestmetrics.com\/?utm_source=davidwalsh\" style=\"display:block;\">\n    <img decoding=\"async\" src=\"https:\/\/davidwalsh.name\/demo\/rm_perf_banner-728.min.svg\" style=\"max-width:100%;height:auto;\" alt=\"Request Metrics real user monitoring\" loading=\"lazy\" width=\"728\" height=\"90\"\/>\n  <\/a>\n<\/div>\n<div class=\"x-secondary-small\">\n  <a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/requestmetrics.com\/?utm_source=davidwalsh\" style=\"display:block;\">\n    <img decoding=\"async\" src=\"https:\/\/davidwalsh.name\/demo\/rm_perf_block_300.min.svg\" style=\"max-width:100%;height:auto;\" alt=\"Request Metrics real user monitoring\" loading=\"lazy\" width=\"300\" height=\"250\"\/>\n  <\/a>\n<\/div>\n\n  \n\n<\/div>\n<\/div>\n\n\n<div class=\"article-block post-more\" style=\"\u201cclear:both;\u201d\"><ul class=\"post-list small-list\"><li data-url=\"https:\/\/davidwalsh.name\/templated\" itemscope=\"\" itemtype=\"http:\/\/schema.org\/Article\"><span itemscope=\"\" itemtype=\"https:\/\/schema.org\/ImageObject\"><img decoding=\"async\" src=\"https:\/\/davidwalsh.name\/demo\/mootools250.png?preview\" class=\"post-image\" alt=\"Introducing MooTools Templated\"\/><\/span><div class=\"preview\"><h3 itemprop=\"name\"><a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/davidwalsh.name\/templated\" itemprop=\"url\">Introducing MooTools\u00a0Templated<\/a><\/h3><p>One main drawback with creating UI elements with the MooTools JavaScript framework is that there is not an effective way of permitting customization of template and ease of node creation.  As of at present, there are two methods of making:&#13;&#13;&#13;&#13;&#13;new Factor Insanity&#13;&#13;The primary approach to create UI-driven&#8230;<\/p><\/div><\/li><li data-url=\"https:\/\/davidwalsh.name\/impostor-syndrome\" itemscope=\"\" itemtype=\"http:\/\/schema.org\/Article\"><span itemscope=\"\" itemtype=\"https:\/\/schema.org\/ImageObject\"><img decoding=\"async\" src=\"https:\/\/davidwalsh.name\/demo\/WalshTongues.jpg?preview\" class=\"post-image\" alt=\"I\u2019m an Impostor\"\/><\/span><div class=\"preview\"><h3 itemprop=\"name\"><a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/davidwalsh.name\/impostor-syndrome\" itemprop=\"url\">I\u2019m an\u00a0Impostor<\/a><\/h3><p>That is the toughest factor I&#8217;ve ever needed to write, a lot much less admit to myself. \u00a0I&#8217;ve written resignation letters from jobs I&#8217;ve liked, I&#8217;ve ended relationships, I&#8217;ve failed at a number of duties, and let myself down in my life. \u00a0All of these emotions had been very&#8230;<\/p><\/div><\/li><\/ul><\/div><div class=\"article-block post-more\"><ul class=\"post-list small-list\"><li data-url=\"https:\/\/davidwalsh.name\/drag-drop-stacking\" itemscope=\"\" itemtype=\"http:\/\/schema.org\/Article\"><span itemscope=\"\" itemtype=\"https:\/\/schema.org\/ImageObject\"><img decoding=\"async\" src=\"https:\/\/davidwalsh.name\/demo\/drag-opacity.jpg?preview\" class=\"post-image\" alt=\"Drag and Drop Z-Index Stacking\"\/><\/span><\/li><li data-url=\"https:\/\/davidwalsh.name\/mootools-nextprev\" itemscope=\"\" itemtype=\"http:\/\/schema.org\/Article\"><span itemscope=\"\" itemtype=\"https:\/\/schema.org\/ImageObject\"><img decoding=\"async\" src=\"https:\/\/davidwalsh.name\/demo\/nextprev.jpg?preview\" class=\"post-image\" alt=\"Introducing MooTools NextPrev\"\/><\/span><div class=\"preview\"><h3 itemprop=\"name\"><a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/davidwalsh.name\/mootools-nextprev\" itemprop=\"url\">Introducing MooTools\u00a0NextPrev<\/a><\/h3><p><a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/davidwalsh.name\/demo\/next-prev.php\"\/>&#13;&#13;One factor I like doing is duplicating OS functionalities.  One of many issues your OS lets you do simply is transfer from one merchandise to a different.  More often than not you are merely making an attempt to get to the following or the earlier merchandise.<\/p><\/div><\/li><\/ul><\/div><\/div>\r\n<br>\r\n","protected":false},"excerpt":{"rendered":"<p>As the net continues to be the medium for all customers, requirements our bodies have to proceed to supply new APIs to complement person expertise and accessibility. One underused API for unsighted customers is speechSynthesis, an API to programmatically direct the browser to audibly communicate any arbitrary string. The Code You may direct the browser [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":8917,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[56],"tags":[664,443,6515],"class_list":["post-8915","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software","tag-api","tag-javascript","tag-speechsynthesis"],"_links":{"self":[{"href":"https:\/\/techtrendfeed.com\/index.php?rest_route=\/wp\/v2\/posts\/8915","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/techtrendfeed.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/techtrendfeed.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/techtrendfeed.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/techtrendfeed.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8915"}],"version-history":[{"count":1,"href":"https:\/\/techtrendfeed.com\/index.php?rest_route=\/wp\/v2\/posts\/8915\/revisions"}],"predecessor-version":[{"id":8916,"href":"https:\/\/techtrendfeed.com\/index.php?rest_route=\/wp\/v2\/posts\/8915\/revisions\/8916"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/techtrendfeed.com\/index.php?rest_route=\/wp\/v2\/media\/8917"}],"wp:attachment":[{"href":"https:\/\/techtrendfeed.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8915"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/techtrendfeed.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=8915"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/techtrendfeed.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=8915"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<!-- This website is optimized by Airlift. Learn more: https://airlift.net. Template:. Learn more: https://airlift.net. Template: 69d9690a190636c2e0989534. Config Timestamp: 2026-04-10 21:18:02 UTC, Cached Timestamp: 2026-08-07 11:40:08 UTC -->