<!doctype html>
<html lang="en-US" prefix="og: http://ogp.me/ns#" class="responsive_768 responsive_480">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- v: 1.6.26 -->
<link rel="profile" href="http://gmpg.org/xfn/11" />
<meta charset="UTF-8">
<title>ResponsiveVoice.JS</title>

<style type="text/css" id="thb-customizer-imports">@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:regular,italic,700,700italic,300,600); @import url(https://fonts.googleapis.com/css?family=PT+Sans+Caption:regular,700); </style>
<!-- This site is optimized with the Yoast SEO plugin v7.2 - https://yoast.com/wordpress/plugins/seo/ -->
<meta name="description" content="Instant Text To Speech Javascript and Speech Synthesis library with Voice Consistency Across Devices. Speech Synthesis or TTS is available in all browsers."/>
<link rel="canonical" href="https://responsivevoice.org/" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="ResponsiveVoice Text To Speech - ResponsiveVoice.JS" />
<meta property="og:description" content="Instant Text To Speech Javascript and Speech Synthesis library with Voice Consistency Across Devices. Speech Synthesis or TTS is available in all browsers." />
<meta property="og:url" content="https://responsivevoice.org/" />
<meta property="og:site_name" content="ResponsiveVoice.JS" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:description" content="Instant Text To Speech Javascript and Speech Synthesis library with Voice Consistency Across Devices. Speech Synthesis or TTS is available in all browsers." />
<meta name="twitter:title" content="ResponsiveVoice Text To Speech - ResponsiveVoice.JS" />
<script type='application/ld+json'>{"@context":"https:\/\/schema.org","@type":"WebSite","@id":"#website","url":"https:\/\/responsivevoice.org\/","name":"ResponsiveVoice.JS","potentialAction":{"@type":"SearchAction","target":"https:\/\/responsivevoice.org\/?s={search_term_string}","query-input":"required name=search_term_string"}}</script>
<!-- / Yoast SEO plugin. -->

<link rel='dns-prefetch' href='//responsivevoice.org' />
<link rel='dns-prefetch' href='//s.w.org' />
<link rel="alternate" type="application/rss+xml" title="ResponsiveVoice.JS &raquo; Feed" href="https://responsivevoice.org/feed/" />
<link rel="alternate" type="application/rss+xml" title="ResponsiveVoice.JS &raquo; Comments Feed" href="https://responsivevoice.org/comments/feed/" />
<!-- This site uses the Google Analytics by MonsterInsights plugin v7.0.5 - Using Analytics tracking - https://www.monsterinsights.com/ -->
<script type="text/javascript" data-cfasync="false">
var mi_track_user = true;
var disableStr = 'ga-disable-UA-35369787-20';
/* Function to detect opted out users */
function __gaTrackerIsOptedOut() {
return document.cookie.indexOf(disableStr + '=true') > -1;
}
/* Disable tracking if the opt-out cookie exists. */
if ( __gaTrackerIsOptedOut() ) {
window[disableStr] = true;
}
/* Opt-out function */
function __gaTrackerOptout() {
document.cookie = disableStr + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/';
window[disableStr] = true;
}
if ( mi_track_user ) {
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','__gaTracker');
__gaTracker('create', 'UA-35369787-20', 'auto');
__gaTracker('set', 'forceSSL', true);
__gaTracker('require', 'displayfeatures');
__gaTracker('send','pageview');
} else {
console.log( "" );
(function() {
/* https://developers.google.com/analytics/devguides/collection/analyticsjs/ */
var noopfn = function() {
return null;
};
var noopnullfn = function() {
return null;
};
var Tracker = function() {
return null;
};
var p = Tracker.prototype;
p.get = noopfn;
p.set = noopfn;
p.send = noopfn;
var __gaTracker = function() {
var len = arguments.length;
if ( len === 0 ) {
return;
}
var f = arguments[len-1];
if ( typeof f !== 'object' || f === null || typeof f.hitCallback !== 'function' ) {
console.log( 'Not running function __gaTracker(' + arguments[0] + " ....) because you\'re not being tracked. ");
return;
}
try {
f.hitCallback();
} catch (ex) {
}
};
__gaTracker.create = function() {
return new Tracker();
};
__gaTracker.getByName = noopnullfn;
__gaTracker.getAll = function() {
return [];
};
__gaTracker.remove = noopfn;
window['__gaTracker'] = __gaTracker;
})();
}
</script>
<!-- / Google Analytics by MonsterInsights -->
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.4\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.4\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/responsivevoice.org\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.5"}};
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55357,56692,8205,9792,65039],[55357,56692,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel='stylesheet' id='crayon-css' href='https://responsivevoice.org/wp-content/plugins/crayon-syntax-highlighter/css/min/crayon.min.css?ver=_2.7.2_beta' type='text/css' media='all' />
<link rel='stylesheet' id='thb_layout-css' href='https://responsivevoice.org/wp-content/themes/one/css/layout.css?ver=4.9.5' type='text/css' media='all' />
<link rel='stylesheet' id='magnificpopup-css' href='https://responsivevoice.org/wp-content/themes/one/config/modules/backpack/lightbox/magnificpopup/css/magnificpopup.css?ver=4.9.5' type='text/css' media='all' />
<link rel='stylesheet' id='thb_style_2-css' href='https://responsivevoice.org/wp-content/themes/one/style.css?ver=4.9.5' type='text/css' media='all' />
<link rel='stylesheet' id='thb-fontello-css' href='https://responsivevoice.org/wp-content/themes/one/framework/assets/shared/fontello/css/fontello.css?ver=4.9.5' type='text/css' media='all' />
<link rel='stylesheet' id='smile-modal-style-css' href='https://responsivevoice.org/wp-content/plugins/convertplug/modules/modal/assets/css/modal.min.css?ver=4.9.5' type='text/css' media='all' />
<link rel='stylesheet' id='cp-perfect-scroll-style-css' href='https://responsivevoice.org/wp-content/plugins/convertplug/modules/slide_in/../../admin/assets/css/perfect-scrollbar.min.css?ver=4.9.5' type='text/css' media='all' />
<script type='text/javascript'>
/* <![CDATA[ */
var thb_system = {"ajax_url":"https:\/\/responsivevoice.org\/wp-admin\/admin-ajax.php","frontend_js_url":"https:\/\/responsivevoice.org\/wp-content\/themes\/one\/framework\/assets\/frontend\/js","page_id":"2","thb_builder_data":[{"rows":[{"columns":[{"size":"full","appearance":"","blocks":[{"data":{"box_layout":"layout-inline","layout_styles":"layout-style-b","subtitle_position":"subtitle-bottom","class":"","icon":"","icon_styles":"icon-style-a","icon_color":"","icon_size":"icon-small","icon_image":"","title":"","subtitle":"","content":"<iframe style=\"width:100%; height:200px;\" src= \"https:\/\/code.responsivevoice.org\/examples\/example2.html\"><\/iframe>","call_to_label_primary":"","call_to_url_primary":"","call_to_url_primary_target_blank":"","call_to_label_secondary":"","call_to_url_secondary":"","call_to_url_secondary_target_blank":"","is_title":""},"type":"thb_text_box"}]}]}],"appearance":{"width":"boxed","padding_top":"","padding_bottom":"","margin_top":"","margin_bottom":"","background":{"id":"","overlay_display":"1","overlay_color":"#000000","overlay_opacity":"0.05","background_color":"#ffffff"},"background_appearance":"relative","fit_height":"","class":""}},{"rows":[{"columns":[{"size":"full","appearance":"","blocks":[{"data":{"box_layout":"layout-left","layout_styles":"layout-style-c","subtitle_position":"subtitle-bottom","class":"","icon":"","icon_styles":"icon-style-a","icon_color":"","icon_size":"icon-small","icon_image":"","title":"<font color=\"white\">Free For Non-Commercial Use<\/font>","subtitle":"","content":"<textarea style=\"width:100%\" >&lt;script src=&#39;https:\/\/code.responsivevoice.org\/responsivevoice.js&#39;&gt;&lt;\/script&gt;<\/textarea> \r\nAdd this code to your webpage (<a href=\"#thb-section-2\">see license below<\/a>) \r\n\r\n<textarea style=\"width:100%\">&lt;input onclick=&#39;responsiveVoice.speak(&quot;Hello World&quot;);&#39; type=&#39;button&#39; value=&#39;\ud83d\udd0a Play&#39; \/&gt;<\/textarea>\r\n\r\nThen use it on the page <input onclick='responsiveVoice.speak(\"Hello World\");' type='button' value='\ud83d\udd0a Play' \/>\r\n","call_to_label_primary":"","call_to_url_primary":"","call_to_url_primary_target_blank":"","call_to_label_secondary":"","call_to_url_secondary":"","call_to_url_secondary_target_blank":"","is_title":""},"type":"thb_text_box"}]}]}],"appearance":{"width":"boxed","padding_top":"","padding_bottom":"","margin_top":"","margin_bottom":"","background":{"id":"","overlay_display":"","overlay_color":"","overlay_opacity":"","background_color":"#000000"},"background_appearance":"relative","fit_height":"","class":""}},{"rows":[{"columns":[{"size":"full","appearance":"","blocks":[{"data":{"box_layout":"layout-centered","layout_styles":"layout-style-c","subtitle_position":"subtitle-bottom","class":"","icon":"","icon_styles":"icon-style-a","icon_color":"","icon_size":"icon-small","icon_image":"","title":"There's More? Sure!","subtitle":"","content":"","call_to_label_primary":"","call_to_url_primary":"","call_to_url_primary_target_blank":"","call_to_label_secondary":"","call_to_url_secondary":"","call_to_url_secondary_target_blank":"","is_title":""},"type":"thb_text_box"}]}]},{"columns":[{"size":"one-fourth","appearance":"","blocks":[{"data":{"box_layout":"layout-centered","layout_styles":"layout-style-b","subtitle_position":"subtitle-bottom","class":"","icon":"icon-puzzle","icon_styles":"icon-style-b","icon_color":"#ffffff","icon_size":"icon-big","icon_image":"","title":"","subtitle":"","content":"","call_to_label_primary":"","call_to_url_primary":"","call_to_url_primary_target_blank":"","call_to_label_secondary":"Free WordPress Speech Plugin","call_to_url_secondary":"http:\/\/responsivevoice.com#thb-section-1","call_to_url_secondary_target_blank":"","is_title":""},"type":"thb_text_box"}]},{"size":"one-fourth","appearance":"","blocks":[{"data":{"box_layout":"layout-centered","layout_styles":"layout-style-b","subtitle_position":"subtitle-bottom","class":"","icon":"icon-comment-empty","icon_styles":"icon-style-b","icon_color":"#ffffff","icon_size":"icon-big","icon_image":"","title":"","subtitle":"","content":"","call_to_label_primary":"","call_to_url_primary":"","call_to_url_primary_target_blank":"","call_to_label_secondary":"Free Website Voice Agent","call_to_url_secondary":"http:\/\/responsivevoice.com#thb-section-2","call_to_url_secondary_target_blank":"","is_title":""},"type":"thb_text_box"}]},{"size":"one-fourth","appearance":"","blocks":[{"data":{"box_layout":"layout-centered","layout_styles":"layout-style-b","subtitle_position":"subtitle-bottom","class":"","icon":"icon-html5","icon_styles":"icon-style-b","icon_color":"#ffffff","icon_size":"icon-big","icon_image":"","title":"","subtitle":"","content":"","call_to_label_primary":"","call_to_url_primary":"","call_to_url_primary_target_blank":"","call_to_label_secondary":"Voice Developer API Trial","call_to_url_secondary":"http:\/\/responsivevoice.com#thb-section-3","call_to_url_secondary_target_blank":"","is_title":""},"type":"thb_text_box"}]},{"size":"one-fourth","appearance":"","blocks":[{"data":{"box_layout":"layout-centered","layout_styles":"layout-style-b","subtitle_position":"subtitle-bottom","class":"","icon":"icon-award","icon_styles":"icon-style-b","icon_color":"#ffffff","icon_size":"icon-big","icon_image":"","title":"","subtitle":"","content":"","call_to_label_primary":"","call_to_url_primary":"","call_to_url_primary_target_blank":"","call_to_label_secondary":"eLearning Speech for Storyline & Captivate","call_to_url_secondary":"http:\/\/responsivevoice.com#thb-section-4","call_to_url_secondary_target_blank":"","is_title":""},"type":"thb_text_box"}]}]}],"appearance":{"width":"boxed","padding_top":"","padding_bottom":"","margin_top":"","margin_bottom":"","background":{"id":"","overlay_display":"","overlay_color":"","overlay_opacity":"","background_color":"#cb2026"},"background_appearance":"relative","fit_height":"","class":""}},{"rows":[{"columns":[{"size":"one-half","appearance":"","blocks":[{"data":{"box_layout":"layout-left","layout_styles":"layout-style-c","subtitle_position":"subtitle-bottom","class":"","icon":"","icon_styles":"icon-style-a","icon_color":"","icon_size":"icon-small","icon_image":"","title":"Free for Non-Commercial","subtitle":"","content":"Do you want to use ResponsiveVoice for a non-commercial personal or non-profit project?\r\n\r\n1. <a href=\"\/\/responsivevoice.com\/wordpress-text-to-speech-plugin\/\">WordPress Plugin<\/a> (free for commercial and non-commercial use)\r\n2. <a href=\"\/\/responsivevoice.com\/voice-agent\/\">Voice Agent Free Version<\/a> (<b>feature limited<\/b> free for commercial and non-commercial use)\r\n3. <a href=\"\/\/responsivevoice.org\/api\/\">Voice API<\/a> (free for non-commercial use only)\r\n\r\nAll <a href=\"\/\/responsivevoice.com\">other ResponsiveVoice products<\/a> require paid licenses.\r\n\r\nJust add the attribution to your site:\r\n<div style=\"width:300px;vertical-align:top;font-family: Arial;font-size:9pt;line-height: normal\">\r\n<a rel=\"license\" href=\"\/\/responsivevoice.org\/\"><img title=\"ResponsiveVoice Text To Speech\" src=\"\/\/responsivevoice.org\/wp-content\/uploads\/2014\/08\/120x31.png\" style=\"float:left;padding-right:2px\" \/><\/a><span xmlns:dct=\"http:\/\/purl.org\/dc\/terms\/\" property=\"dct:title\"><a href=\"\/\/responsivevoice.org\/\" target=\"_blank\" title=\"ResponsiveVoice Text To Speech\">ResponsiveVoice<\/a><\/span> used under <a rel=\"license\" href=\"http:\/\/creativecommons.org\/licenses\/by-nc-nd\/4.0\/\" title=\"Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License\">Non-Commercial License<\/a><\/div>\r\n<div style=\"clear:both;\">&nbsp;<\/div>","call_to_label_primary":"","call_to_url_primary":"","call_to_url_primary_target_blank":"","call_to_label_secondary":"Learn More","call_to_url_secondary":"http:\/\/responsivevoice.org\/license\/","call_to_url_secondary_target_blank":"","is_title":""},"type":"thb_text_box"}]},{"size":"one-half","appearance":"","blocks":[{"data":{"box_layout":"layout-left","layout_styles":"layout-style-c","subtitle_position":"subtitle-bottom","class":"","icon":"","icon_styles":"icon-style-a","icon_color":"","icon_size":"icon-small","icon_image":"","title":"Licensing","subtitle":"","content":"For commercial website, application or developer licensing <a href=\"\/\/responsivevoice.com\">visit ResponsiveVoice.com<\/a> or to speak to us about our professional services for integrating into your product or website <a href=\"\/\/responsivevoice.com\/support\/\" target=\"_blank\">contact us<\/a>.\r\n\r\nIf you have questions about the Non-commercial license <a href=\"\/\/responsivevoice.com\/support\/\" target=\"_blank\">contact us<\/a>","call_to_label_primary":"","call_to_url_primary":"","call_to_url_primary_target_blank":"0","call_to_label_secondary":"Learn More","call_to_url_secondary":"\/\/responsivevoice.com\/","call_to_url_secondary_target_blank":"","is_title":""},"type":"thb_text_box"}]}]}],"appearance":{"width":"boxed","padding_top":"","padding_bottom":"","margin_top":"","margin_bottom":"","background":{"id":"","overlay_display":"","overlay_color":"","overlay_opacity":"","background_color":"#383838"},"background_appearance":"relative","fit_height":"","class":""}},{"rows":[{"columns":[{"size":"full","appearance":"","blocks":[{"data":{"box_layout":"layout-left","layout_styles":"layout-style-a","subtitle_position":"subtitle-bottom","class":"","icon":"","icon_styles":"icon-style-a","icon_color":"","icon_size":"icon-small","icon_image":"","title":"Browser and Device Support","subtitle":"","content":"<img src=\"\/\/responsivevoice.org\/wp-content\/uploads\/2014\/08\/browsers_and_devices_sm-610x188.png\" alt=\"browsers_and_devices_sm\" class=\"alignnone size-medium wp-image-181\" \/><br \/><small>Native support: built into the browser. Audio stream: Fallsback to server generated audio<\/small>","call_to_label_primary":"","call_to_url_primary":"","call_to_url_primary_target_blank":"","call_to_label_secondary":"","call_to_url_secondary":"","call_to_url_secondary_target_blank":"","is_title":""},"type":"thb_text_box"},{"data":{"box_layout":"layout-left","layout_styles":"layout-style-a","subtitle_position":"subtitle-bottom","class":"","icon":"","icon_styles":"icon-style-a","icon_color":"","icon_size":"icon-small","icon_image":"","title":"","subtitle":"","content":"<h3>Don't Clog the Tubes!&nbsp;&nbsp;&nbsp;<button class=\"butt js--triggerAnimation\" onclick='responsiveVoice.speak(\"The Internet is a series of tubes! HTML5 introduces the Speech API for Speech Synthesis and Speech Recognition. This is the easiest way to use the spoken word in your app or website. Speech Synthesis or more commonly known as Text To Speech (TTS) is now available in\u00a0most modern browsers. Gone are the days of waiting for Text To Speech engines to render MP3 audio files from text and then download them from servers. Today the browser can\u00a0instantly speak text on the client side and with quite reasonable quality. Yabba, Dabba, Do!\",\"UK English Male\");' type=\"button\" value=\"Play\">\ud83d\udd0a Play<\/button><\/h3>\r\nHTML5 introduces the Speech API for Speech Synthesis and Speech Recognition.\r\n\r\nThis is the easiest way to use the spoken word in your app or website.\r\n\r\nSpeech Synthesis or more commonly known as Text To Speech (TTS) is now available in\u00a0most modern browsers.\r\n\r\nGone are the days of waiting for Text To Speech engines to render MP3 audio files from text and then download them from servers.\r\n\r\nToday the browser can\u00a0instantly speak text on the client side and with quite reasonable quality.\r\n\r\n<h3>Gargling Bagpipes&nbsp;&nbsp;&nbsp;<button class=\"butt js--triggerAnimation\" onclick='responsiveVoice.speak(\"But there is a problem, each browser and device can have a different set of Voices. You can't be sure of a consistent user experience when it comes to the spoken voice or accent. If you\u00a0make a call to the speak API using the default voice it will sound very different on different users devices and browsers. In some cases you won't even know if the user will get a male or female voice. Although, you make a direct call to the speak API and choose a specific voice like Google UK Female, if a user is browsing on iOS with Safari the voice will not be available. The rain in Spain falls mainly on the plane.\",null);' type=\"button\" value=\"Play\">\ud83d\udd0a Play<\/button><\/h3>\r\nBut there is a problem, each browser and device can have a different set of \"Voices\". You can't be sure of a consistent user experience when it comes to the spoken voice or accent.\r\n\r\nIf you\u00a0make a call to the speak API using the default voice it will sound very different on different users devices and browsers. In some cases you won't even know if the user will get a male or female voice.\r\n\r\nAlthough, you make a direct call to the speak API and choose a specific voice like \"Google UK Female\", if a user is browsing on iOS with Safari the voice will not be available.\r\n<h3>Responsive Design for Voice&nbsp;&nbsp;&nbsp;<button class=\"butt js--triggerAnimation\" onclick='responsiveVoice.speak(\"Taking\u00a0inspiration from Responsive Web Design we have created Responsive Voice JS a library that can easily be included in a web page that allows you to make simple api calls to speak text. The nature of mun K was irrepressible.\",null);' type=\"button\" value=\"Play\">\ud83d\udd0a Play<\/button><\/h3>\r\nTaking\u00a0inspiration from Responsive Web Design we have created responsivevoice.js a library that can easily be included in a web page that allows you to make simple api calls to speak text.\r\n<h3>Responsive Voices&nbsp;&nbsp;&nbsp;<button class=\"butt js--triggerAnimation\" onclick='responsiveVoice.speak(\"ResponsiveVoice JS\u00a0defines a selection of smart Voice profiles that know which voice to use for the users device in order to create a consistent experience no matter which browser or device the speech is being spoken on. By choosing one ResponsiveVoice the closest\u00a0voice is chosen on Apple I.O.S. Safari and Chrome, Android Chrome, Windows Chrome Desktop and Mac O.S.X. Thunderbirds, R, go.\",null);' type=\"button\" value=\"Play\">\ud83d\udd0a Play<\/button><\/h3>\r\nResponsiveVoice JS\u00a0defines a selection of smart Voice profiles that know which voice to use for the users device in order to create a consistent experience no matter which browser or device the speech is being spoken on.\r\n\r\nBy choosing one ResponsiveVoice the closest\u00a0voice is chosen on\r\n<ul>\r\n\t<li>iOS (Safari &amp; Chrome)<\/li>\r\n\t<li>Android (Chrome,\u00a0Including across the popular Text To Speech engines Ivona, Acapela, Samsung)<\/li>\r\n\t<li>Windows (Chrome Desktop)<\/li>\r\n\t<li>Mac OSX (Safari &amp; Chrome)<\/li>\r\n<\/ul>\r\n<h3>Smart Chunking&nbsp;&nbsp;&nbsp;<button class=\"butt js--triggerAnimation\" onclick=\"responsiveVoice.speak('With large blocks of text ResponsiveVoice splits up the text into chunks, with preference given to splitting at the end of sentences. Preference is given to splitting at full stop, question mark, colon or semi-colon after that split is performed by the nearest comma and falling back from that the nearest space between words.',null);\" type=\"button\" value=\"Play\">\ud83d\udd0a Play<\/button><\/h3>\r\nWith large blocks of text ResponsiveVoice splits up the text into chunks, with preference given to splitting at the end of sentences. Preference is given to splitting at full stop, question mark, colon or semi-colon after that split is performed by the nearest comma and falling back from that the nearest space between words. \r\n\r\n<h3>Quirks&nbsp;&nbsp;&nbsp;<button class=\"butt js--triggerAnimation\" onclick=\"responsiveVoice.speak('ResponsiveVoice JS also takes care of a number of hindrances from the various implementations of HTML5 Speech API across browsers and operating systems.',null);\" type=\"button\" value=\"Play\">\ud83d\udd0a Play<\/button><\/h3>\r\nResponsiveVoice JS also takes care of a number of hindrances from the various implementations of HTML5 Speech API across browsers and operating systems.\r\n<ul>\r\n\t<li>Chrome desktop has a limit on the number of characters it can speak, under the hood ResponsiveVoice JS automatically chunks text into acceptable blocks<\/li>\r\n\t<li>Chrome desktop will not speak unless initialised after page load, ResponsiveVoice JS resolves this<\/li>\r\n\t<li>iOS Safari & Chrome require timing delays between speech API calls, ResponsiveVoice JS resolves this<\/li>\r\n <li>iOS TTS can't be triggered without a direct user interaction, ResponsiveVoice JS resolves this<\/li>\r\n <li>Internet Explorer speech rate is slower, ResponsiveVoice JS resolves this<\/li>\r\n\t<li>more...<\/li>\r\n<\/ul>\r\n","call_to_label_primary":"","call_to_url_primary":"","call_to_url_primary_target_blank":"","call_to_label_secondary":"","call_to_url_secondary":"","call_to_url_secondary_target_blank":"","is_title":""},"type":"thb_text_box"}]}]}],"appearance":{"width":"boxed","class":""}},{"rows":[{"columns":[{"size":"one-half","appearance":"","blocks":[{"data":{"box_layout":"layout-left-alt","layout_styles":"layout-style-d","subtitle_position":"subtitle-bottom","class":"","icon":"","icon_styles":"icon-style-a","icon_color":"","icon_size":"icon-small","icon_image":"","title":"Website Voice","subtitle":"","content":"The easiest way to add voice features to your website\r\nVoice-Enable your site with one line of code\r\nDashboard for Voice Features\r\nVoice Message Editor\r\nAccessibility Compliance Features","call_to_label_primary":"","call_to_url_primary":"","call_to_url_primary_target_blank":"0","call_to_label_secondary":"Voice Enable Your site in 3 minutes","call_to_url_secondary":"\/\/responsivevoice.com\/voiceagent\/","call_to_url_secondary_target_blank":"1","is_title":""},"type":"thb_text_box"}]},{"size":"one-half","appearance":"","blocks":[{"data":{"image":"1017","image_size":"full","open_lightbox":"","link_href":"\/\/responsivevoice.com\/voiceagent\/","link_target_blank":"1","title":"","content":"","class":""},"type":"thb_image"}]}]}],"appearance":{"width":"boxed","padding_top":"","padding_bottom":"","margin_top":"","margin_bottom":"","background":{"id":"","overlay_display":"","overlay_color":"","overlay_opacity":"","background_color":"#cb2026"},"background_appearance":"relative","fit_height":"","class":""}},{"rows":[{"columns":[{"size":"one-half","appearance":"","blocks":[{"data":{"box_layout":"layout-left-alt","layout_styles":"layout-style-d","subtitle_position":"subtitle-bottom","class":"","icon":"","icon_styles":"icon-style-a","icon_color":"","icon_size":"icon-small","icon_image":"","title":"Developer API","subtitle":"","content":"Sign Up and follow our one-time simple instructions to setup the ResponsiveVoice API in your site or application. \r\n\r\nStart coding your own new voice features in minutes.","call_to_label_primary":"","call_to_url_primary":"","call_to_url_primary_target_blank":"","call_to_label_secondary":"30 Day Free Trial","call_to_url_secondary":"\/\/responsivevoice.com\/api-trial-application\/","call_to_url_secondary_target_blank":"1","is_title":""},"type":"thb_text_box"}]},{"size":"one-half","appearance":"","blocks":[{"data":{"image":"389","image_size":"full","open_lightbox":"","link_href":"\/\/responsivevoice.com\/api-trial-application\/","link_target_blank":"1","title":"","content":"","class":""},"type":"thb_image"}]}]}],"appearance":{"width":"boxed","padding_top":"","padding_bottom":"","margin_top":"","margin_bottom":"","background":{"id":"","overlay_display":"","overlay_color":"","overlay_opacity":"","background_color":"#000000"},"background_appearance":"relative","fit_height":"","class":""}},{"rows":[{"columns":[{"size":"full","appearance":"","blocks":[{"data":{"box_layout":"layout-left","layout_styles":"layout-style-a","subtitle_position":"subtitle-bottom","class":"","icon":"","icon_styles":"icon-style-a","icon_color":"","icon_size":"icon-small","icon_image":"","title":"Sites Using ResponsiveVoice","subtitle":"","content":"","call_to_label_primary":"","call_to_url_primary":"","call_to_url_primary_target_blank":"","call_to_label_secondary":"","call_to_url_secondary":"","call_to_url_secondary_target_blank":"","is_title":""},"type":"thb_text_box"}]}]},{"columns":[{"size":"one-fourth","appearance":"","blocks":[{"data":{"box_layout":"layout-left","layout_styles":"layout-style-e","subtitle_position":"subtitle-bottom","class":"","icon":"","icon_styles":"icon-style-a","icon_color":"","icon_size":"icon-small","icon_image":"185","title":"","subtitle":"","content":"","call_to_label_primary":"Talking Website Characters","call_to_url_primary":"\/\/bringto.life","call_to_url_primary_target_blank":"1","call_to_label_secondary":"","call_to_url_secondary":"","call_to_url_secondary_target_blank":"","is_title":""},"type":"thb_text_box"}]},{"size":"one-fourth","appearance":"","blocks":[{"data":{"box_layout":"layout-left","layout_styles":"layout-style-e","subtitle_position":"subtitle-bottom","class":"","icon":"","icon_styles":"icon-style-a","icon_color":"","icon_size":"icon-small","icon_image":"","title":"","subtitle":"","content":"<iframe width=\"560\" height=\"315\" src=\"\/\/www.youtube.com\/embed\/zKcfgFMgKpU?rel=0\" frameborder=\"0\" allowfullscreen><\/iframe>","call_to_label_primary":"WebGL Elearning Game","call_to_url_primary":"http:\/\/learnbrite.com","call_to_url_primary_target_blank":"1","call_to_label_secondary":"","call_to_url_secondary":"","call_to_url_secondary_target_blank":"","is_title":""},"type":"thb_text_box"}]},{"size":"one-fourth","appearance":"","blocks":[{"data":{"box_layout":"layout-left","layout_styles":"layout-style-e","subtitle_position":"subtitle-bottom","class":"","icon":"","icon_styles":"icon-style-a","icon_color":"","icon_size":"icon-small","icon_image":"","title":"","subtitle":"","content":"<img src=\"\/\/responsivevoice.org\/wp-content\/uploads\/2015\/08\/sales_training_scenario.png\" \/>","call_to_label_primary":"Gamification Scenario","call_to_url_primary":"http:\/\/chatmapper.com","call_to_url_primary_target_blank":"1","call_to_label_secondary":"","call_to_url_secondary":"","call_to_url_secondary_target_blank":"","is_title":""},"type":"thb_text_box"}]},{"size":"one-fourth","appearance":"","blocks":[{"data":{"box_layout":"layout-left","layout_styles":"layout-style-e","subtitle_position":"subtitle-bottom","class":"","icon":"","icon_styles":"icon-style-a","icon_color":"","icon_size":"icon-small","icon_image":"","title":"References & Inspiration","subtitle":"","content":"<a href=\"https:\/\/dvcs.w3.org\/hg\/speech-api\/raw-file\/tip\/speechapi.html\">W3C Web Speech API<\/a>\r\n<a href=\"http:\/\/janantala.github.io\/speech-synthesis\/\" target=\"_blank\">Speech Synthesis<\/a>\r\n<a href=\"http:\/\/zenorocha.github.io\/voice-elements\/\" target=\"_blank\">Voice Elements<\/a>\r\n<a href=\"http:\/\/www.hung-truong.com\/blog\/2013\/04\/26\/hacking-googles-text-to-speech-api\/\" target=\"_blank\">Hacking Googles Text-to-Speech Api<\/a>\r\n<a href=\"http:\/\/viralpatel.net\/blogs\/the-unofficial-google-text-to-speech-api\/\" target=\"_blank\">The Unofficial Google Text-to-Speech Api<\/a>\r\n<a href=\"https:\/\/developer.chrome.com\/apps\/tts\" target=\"_blank\">Developer Chrome Apps TTS<\/a>","call_to_label_primary":"","call_to_url_primary":"","call_to_url_primary_target_blank":"","call_to_label_secondary":"","call_to_url_secondary":"","call_to_url_secondary_target_blank":"","is_title":""},"type":"thb_text_box"}]}]},{"columns":[{"size":"one-fourth","appearance":"","blocks":[{"data":{"box_layout":"layout-left","layout_styles":"layout-style-e","subtitle_position":"subtitle-bottom","class":"","icon":"","icon_styles":"icon-style-a","icon_color":"","icon_size":"icon-small","icon_image":"","title":"","subtitle":"","content":"<img src=\"\/\/responsivevoice.org\/wp-content\/uploads\/2015\/08\/screenshot2.png\" \/>","call_to_label_primary":"Language Learning","call_to_url_primary":"http:\/\/elon.io","call_to_url_primary_target_blank":"1","call_to_label_secondary":"","call_to_url_secondary":"","call_to_url_secondary_target_blank":"","is_title":""},"type":"thb_text_box"}]},{"size":"one-fourth","appearance":"","blocks":[{"data":{"box_layout":"layout-left","layout_styles":"layout-style-e","subtitle_position":"subtitle-bottom","class":"","icon":"","icon_styles":"icon-style-a","icon_color":"","icon_size":"icon-small","icon_image":"","title":"","subtitle":"","content":"","call_to_label_primary":"","call_to_url_primary":"","call_to_url_primary_target_blank":"1","call_to_label_secondary":"","call_to_url_secondary":"","call_to_url_secondary_target_blank":"","is_title":""},"type":"thb_text_box"}]},{"size":"one-fourth","appearance":"","blocks":[{"data":{"box_layout":"layout-left","layout_styles":"layout-style-e","subtitle_position":"subtitle-bottom","class":"","icon":"","icon_styles":"icon-style-a","icon_color":"","icon_size":"icon-small","icon_image":"","title":"","subtitle":"","content":"","call_to_label_primary":"","call_to_url_primary":"","call_to_url_primary_target_blank":"1","call_to_label_secondary":"","call_to_url_secondary":"","call_to_url_secondary_target_blank":"","is_title":""},"type":"thb_text_box"}]},{"size":"one-fourth","appearance":""}]}],"appearance":{"width":"boxed","padding_top":"","padding_bottom":"","margin_top":"","margin_bottom":"","background":{"id":"","overlay_display":"","overlay_color":"","overlay_opacity":"","background_color":"#383838"},"background_appearance":"relative","fit_height":"","class":""}}]};
var thb_slideshow = {"autoplay":"0","speed":"3000","effect":"move","num_slides":"1"};
var slide_in = {"demo_dir":"https:\/\/responsivevoice.org\/wp-content\/plugins\/convertplug\/modules\/slide_in\/assets\/demos"};
/* ]]> */
</script>
<script type='text/javascript' src='https://responsivevoice.org/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var CrayonSyntaxSettings = {"version":"_2.7.2_beta","is_admin":"0","ajaxurl":"https:\/\/responsivevoice.org\/wp-admin\/admin-ajax.php","prefix":"crayon-","setting":"crayon-setting","selected":"crayon-setting-selected","changed":"crayon-setting-changed","special":"crayon-setting-special","orig_value":"data-orig-value","debug":""};
var CrayonSyntaxStrings = {"copy":"Press %s to Copy, %s to Paste","minimize":"Click To Expand Code"};
/* ]]> */
</script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/plugins/crayon-syntax-highlighter/js/min/crayon.min.js?ver=_2.7.2_beta'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var monsterinsights_frontend = {"js_events_tracking":"true","is_debug_mode":"false","download_extensions":"doc,exe,js,pdf,ppt,tgz,zip,xls","inbound_paths":"","home_url":"https:\/\/responsivevoice.org","track_download_as":"event","internal_label":"int","hash_tracking":"false"};
/* ]]> */
</script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/plugins/google-analytics-for-wordpress/assets/js/frontend.min.js?ver=7.0.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-includes/js/swfobject.js?ver=2.2-20120417'></script>
<link rel='https://api.w.org/' href='https://responsivevoice.org/wp-json/' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://responsivevoice.org/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://responsivevoice.org/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 4.9.5" />
<link rel='shortlink' href='https://responsivevoice.org/' />
<link rel="alternate" type="application/json+oembed" href="https://responsivevoice.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fresponsivevoice.org%2F" />
<link rel="alternate" type="text/xml+oembed" href="https://responsivevoice.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fresponsivevoice.org%2F&#038;format=xml" />
<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
<link rel="apple-touch-icon" sizes="57x57" href="/wp-content/uploads/2015/04/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/wp-content/uploads/2015/04/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/wp-content/uploads/2015/04/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/wp-content/uploads/2015/04/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/wp-content/uploads/2015/04/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/wp-content/uploads/2015/04/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/wp-content/uploads/2015/04/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/wp-content/uploads/2015/04/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/wp-content/uploads/2015/04/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/wp-content/uploads/2015/04/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/wp-content/uploads/2015/04/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/wp-content/uploads/2015/04/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/wp-content/uploads/2015/04/favicon-16x16.png">
<link rel="manifest" href="/wp-content/uploads/2015/04/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/wp-content/uploads/2015/04/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<meta http-equiv="X-Frame-Options" content="deny">
<script async="" defer="" src="//survey.g.doubleclick.net/async_survey?site=7y44b3lerxqvqnebev4afmzlde"></script>
<script src="//code.responsivevoice.org/responsivevoice.js"></script>
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="//www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">google.load('search','1');</script>
<script src="//www.google.com/uds/?file=search&v=1" type="text/javascript"></script>
<link href="//www.google.com/uds/api/search/1.0/cb6ef4de1f03dde8c26c6d526f8a1f35/default+en.css" type="text/css" rel="stylesheet">
<script src="//www.google.com/uds/api/search/1.0/cb6ef4de1f03dde8c26c6d526f8a1f35/default+en.I.js" type="text/javascript"></script>
<script>
var filterblur = document.getElementById("filterblur");
var maxradius = 40;
var rdelta = 12;
var radius = maxradius/2;
function update() {
requestAnimationFrame(update);
if (typeof responsiveVoice !== 'undefined' && responsiveVoice.isPlaying()) {
radius += (Math.random() * rdelta) - rdelta/2;
if (radius>maxradius) radius = maxradius/2;
if (radius<0) radius = maxradius/2;
if (document.getElementById("filterblur")) document.getElementById("filterblur").setAttribute("stdDeviation",radius);
} else {
if (document.getElementById("filterblur")) document.getElementById("filterblur").setAttribute("stdDeviation",0);
}
}
update();
</script>
<style>
.poweredby {
text-align: center;
font-family: arial;
font-size: 9px;
/*margin-right: 15px;*/
}
.poweredby strong{
font-size:11px;
letter-spacing: -0.05em;
}
.poweredby_container {
width:100px;
height:100px;
}
</style>
<script src='https://vws.responsivevoice.com/v/e?key=WGciAW2s'></script>
<!--script src='https://vws.responsivevoice.com/v/e?key=OGzFJUDs'></script-->
<!-- Hotjar Tracking Code for responsivevoice.org -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:70225,hjsv:5};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
</script>
<script>
var keyboardMap = [
"", // [0]
"", // [1]
"", // [2]
"CANCEL", // [3]
"", // [4]
"", // [5]
"HELP", // [6]
"", // [7]
"BACK SPACE", // [8]
"TAB", // [9]
"", // [10]
"", // [11]
"CLEAR", // [12]
"ENTER", // [13]
"ENTER_SPECIAL", // [14]
"", // [15]
"SHIFT", // [16]
"CONTROL", // [17]
"ALT", // [18]
"PAUSE", // [19]
"CAPS LOCK", // [20]
"KANA", // [21]
"EISU", // [22]
"JUNJA", // [23]
"FINAL", // [24]
"HANJA", // [25]
"", // [26]
"ESCAPE", // [27]
"CONVERT", // [28]
"NONCONVERT", // [29]
"ACCEPT", // [30]
"MODECHANGE", // [31]
"SPACE", // [32]
"PAGE UP", // [33]
"PAGE DOWN", // [34]
"END", // [35]
"HOME", // [36]
"LEFT", // [37]
"UP", // [38]
"RIGHT", // [39]
"DOWN", // [40]
"SELECT", // [41]
"PRINT", // [42]
"EXECUTE", // [43]
"PRINTSCREEN", // [44]
"INSERT", // [45]
"DELETE", // [46]
"", // [47]
"0", // [48]
"1", // [49]
"2", // [50]
"3", // [51]
"4", // [52]
"5", // [53]
"6", // [54]
"7", // [55]
"8", // [56]
"9", // [57]
"COLON", // [58]
"SEMICOLON", // [59]
"LESS THAN", // [60]
"EQUALS", // [61]
"GREATER THAN", // [62]
"QUESTION MARK", // [63]
"AT", // [64]
"A", // [65]
"B", // [66]
"C", // [67]
"D", // [68]
"E", // [69]
"F", // [70]
"G", // [71]
"H", // [72]
"I", // [73]
"J", // [74]
"K", // [75]
"L", // [76]
"M", // [77]
"N", // [78]
"O", // [79]
"P", // [80]
"Q", // [81]
"R", // [82]
"S", // [83]
"T", // [84]
"U", // [85]
"V", // [86]
"W", // [87]
"X", // [88]
"Y", // [89]
"Z", // [90]
"OS KEY", // [91] Windows Key (Windows) or Command Key (Mac)
"", // [92]
"CONTEXT MENU", // [93]
"", // [94]
"SLEEP", // [95]
"NUMPAD 0", // [96]
"NUMPAD 1", // [97]
"NUMPAD 2", // [98]
"NUMPAD 3", // [99]
"NUMPAD 4", // [100]
"NUMPAD 5", // [101]
"NUMPAD 6", // [102]
"NUMPAD 7", // [103]
"NUMPAD 8", // [104]
"NUMPAD 9", // [105]
"MULTIPLY", // [106]
"ADD", // [107]
"SEPARATOR", // [108]
"SUBTRACT", // [109]
"DECIMAL", // [110]
"DIVIDE", // [111]
"F1", // [112]
"F2", // [113]
"F3", // [114]
"F4", // [115]
"F5", // [116]
"F6", // [117]
"F7", // [118]
"F8", // [119]
"F9", // [120]
"F10", // [121]
"F11", // [122]
"F12", // [123]
"F13", // [124]
"F14", // [125]
"F15", // [126]
"F16", // [127]
"F17", // [128]
"F18", // [129]
"F19", // [130]
"F20", // [131]
"F21", // [132]
"F22", // [133]
"F23", // [134]
"F24", // [135]
"", // [136]
"", // [137]
"", // [138]
"", // [139]
"", // [140]
"", // [141]
"", // [142]
"", // [143]
"NUM LOCK", // [144]
"SCROLL LOCK", // [145]
"WIN_OEM_FJ_JISHO", // [146]
"WIN_OEM_FJ_MASSHOU", // [147]
"WIN_OEM_FJ_TOUROKU", // [148]
"WIN_OEM_FJ_LOYA", // [149]
"WIN_OEM_FJ_ROYA", // [150]
"", // [151]
"", // [152]
"", // [153]
"", // [154]
"", // [155]
"", // [156]
"", // [157]
"", // [158]
"", // [159]
"CIRCUMFLEX", // [160]
"EXCLAMATION", // [161]
"DOUBLE QUOTE", // [162]
"HASH", // [163]
"DOLLAR", // [164]
"PERCENT", // [165]
"AMPERSAND", // [166]
"UNDERSCORE", // [167]
"OPEN PAREN", // [168]
"CLOSE PAREN", // [169]
"ASTERISK", // [170]
"PLUS", // [171]
"PIPE", // [172]
"HYPHEN MINUS", // [173]
"OPEN CURLY BRACKET", // [174]
"CLOSE CURLY BRACKET", // [175]
"TILDE", // [176]
"", // [177]
"", // [178]
"", // [179]
"", // [180]
"VOLUME MUTE", // [181]
"VOLUME DOWN", // [182]
"VOLUME UP", // [183]
"", // [184]
"", // [185]
"SEMICOLON", // [186]
"EQUALS", // [187]
"COMMA", // [188]
"MINUS", // [189]
"PERIOD", // [190]
"SLASH", // [191]
"BACK QUOTE", // [192]
"", // [193]
"", // [194]
"", // [195]
"", // [196]
"", // [197]
"", // [198]
"", // [199]
"", // [200]
"", // [201]
"", // [202]
"", // [203]
"", // [204]
"", // [205]
"", // [206]
"", // [207]
"", // [208]
"", // [209]
"", // [210]
"", // [211]
"", // [212]
"", // [213]
"", // [214]
"", // [215]
"", // [216]
"", // [217]
"", // [218]
"OPEN BRACKET", // [219]
"BACK SLASH", // [220]
"CLOSE BRACKET", // [221]
"QUOTE", // [222]
"", // [223]
"META", // [224]
"ALTGR", // [225]
"", // [226]
"WIN_ICO_HELP", // [227]
"WIN_ICO_00", // [228]
"", // [229]
"WIN_ICO_CLEAR", // [230]
"", // [231]
"", // [232]
"WIN_OEM_RESET", // [233]
"WIN_OEM_JUMP", // [234]
"WIN_OEM_PA1", // [235]
"WIN_OEM_PA2", // [236]
"WIN_OEM_PA3", // [237]
"WIN_OEM_WSCTRL", // [238]
"WIN_OEM_CUSEL", // [239]
"WIN_OEM_ATTN", // [240]
"WIN_OEM_FINISH", // [241]
"WIN_OEM_COPY", // [242]
"WIN_OEM_AUTO", // [243]
"WIN_OEM_ENLW", // [244]
"WIN_OEM_BACKTAB", // [245]
"ATTN", // [246]
"CRSEL", // [247]
"EXSEL", // [248]
"EREOF", // [249]
"PLAY", // [250]
"ZOOM", // [251]
"", // [252]
"PA1", // [253]
"WIN_OEM_CLEAR", // [254]
"" // [255]
];
</script><!-- Custom CSS -->
<style>
#masthead { display: none; }
.thb-slide-caption .thb-caption-inner-wrapper .thb-caption-texts-wrapper > div.thb-heading p {font-size:80px;}
</style>
<!-- Generated by https://wordpress.org/plugins/theme-junkie-custom-css/ -->
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--><style type="text/css" id="thb-customizer">#slide-menu-container ul li ul li a, .thb-slide-caption .thb-caption-inner-wrapper .thb-caption-texts-wrapper > div.thb-caption, .thb-text blockquote, .comment_body blockquote, #page-header .page-subtitle, .hentry.masonry .loop-post-meta, .item.list.classic .item-header .loop-post-meta, .thb-related li .item-title p, .format-quote.hentry.masonry .item-header h1, .format-quote.item.list.classic .item-header h1, .work-inner-wrapper .work-data .work-categories, .work-data .work-subtitle, #respond .comment-notes, #respond .logged-in-as, .comment .comment_rightcol .comment_head .date, .thb-section-column-block-thb_text_box .thb-section-block-header p, .thb-section-column-block-thb_pricingtable .thb-pricingtable-description { font-family: "Source Sans Pro"; } body, .thb-text blockquote cite, .comment_body blockquote cite, form input, form button, form textarea { font-family: "PT Sans Caption"; } .header-layout-a #main-nav ul > li.action.blue > a:hover, .thb-section-column-block-thb_text_box .thb-section-block-call-to .action-primary:hover, .header-layout-a #main-nav ul ul li a:hover, #slide-menu-container ul li a:hover, .thb-navigation.numeric li .current, #page-links span, a:hover, .thb-text blockquote:after, .comment_body blockquote:after, .hentry.masonry .loop-post-meta a:hover, .item.list.classic .item-header .loop-post-meta a:hover, .thb-related li .item-title p a:hover, .meta.details a:hover, .thb-portfolio-grid-b .work-inner-wrapper .thb-like:hover, .thb-portfolio-filter .filterlist li.active, #respond .comment-notes a:hover, #respond .logged-in-as a:hover, .icon-style-a.thb-section-column-block-thb_text_box .thb-section-block-icon, .icon-style-b.thb-section-column-block-thb_text_box .thb-section-block-icon, .icon-style-e.thb-section-column-block-thb_text_box .thb-section-block-icon, .thb-section-column-block-thb_accordion .thb-toggle-trigger:hover, .thb-section-column-block-thb_accordion .thb-toggle-trigger:hover:before, .thb-tab-horizontal.thb-section-column-block-thb_tabs .thb-tabs-nav li.open a, .thb-tab-vertical.thb-section-column-block-thb_tabs .thb-tabs-nav li.open a, .thb-tab-vertical.thb-section-column-block-thb_tabs .thb-tabs-nav li.open a:after, .thb-tab-vertical.thb-section-column-block-thb_tabs .thb-tabs-nav li.open a:hover:after, .thb-section-column-block-thb_divider .thb-go-top:hover, .thb-skin-light .hentry.masonry .item-header h1 a:hover, .hentry.masonry .item-header .thb-skin-light h1 a:hover, .thb-skin-light .item.list.classic .item-header h1 a:hover, .item.list.classic .item-header .thb-skin-light h1 a:hover, .thb-skin-dark .thb-text a:hover, .thb-skin-dark .hentry.masonry .item-header h1 a:hover, .hentry.masonry .item-header .thb-skin-dark h1 a:hover, .thb-skin-dark .item.list.classic .item-header h1 a:hover, .item.list.classic .item-header .thb-skin-dark h1 a:hover { color: #cb2026; } .thb-btn.thb-read-more:after, .owl-buttons div.thb-read-more:after, .header-layout-a #main-nav ul > li.action.blue > a:after, .thb-section-column-block-thb_text_box .thb-section-block-call-to .action-primary:after, .header-layout-a #main-nav ul > li a:before, .thb-overlay, .thb-work-overlay, .format-aside.hentry.masonry .post-wrapper, .format-aside.item.list.classic .post-wrapper, .thb-portfolio-grid-b .work-thumb:hover .work-data, .thb-portfolio-filter .filterlist li.active:after, .thb-portfolio-filter .filterlist li.active:hover:after, .icon-style-c.thb-section-column-block-thb_text_box .thb-section-block-icon, .icon-style-d.thb-section-column-block-thb_text_box .thb-section-block-icon, .thb-section-column-block-thb_progress_bar.progress-style-b .thb-meter .thb-meter-bar-progress, .thb-section-column-block-thb_progress_bar.progress-style-a .thb-meter-bar-progress { background-color: #cb2026; } .thb-btn.thb-read-more:hover, .owl-buttons div.thb-read-more:hover, .thb-navigation.numeric li .current, #page-links span, .header-layout-a #main-nav ul > li.action.blue > a, .thb-text blockquote, .comment_body blockquote, .comment.bypostauthor .comment_rightcol .comment_head p, .icon-style-c.thb-section-column-block-thb_text_box .thb-section-block-icon, .icon-style-d.thb-section-column-block-thb_text_box .thb-section-block-icon, .thb-section-column-block-thb_text_box .thb-section-block-call-to .action-primary, .thb-tab-horizontal.thb-section-column-block-thb_tabs .thb-tabs-nav li.open a, .thb-skin-light#header #main-nav ul li.action.blue > a, .thb-skin-light .thb-btn.thb-read-more:hover, .thb-skin-light .owl-buttons div.thb-read-more:hover, .owl-buttons .thb-skin-light div.thb-read-more:hover, .thb-skin-dark .thb-btn.thb-read-more:hover, .thb-skin-dark .owl-buttons div.thb-read-more:hover, .owl-buttons .thb-skin-dark div.thb-read-more:hover { border-color: #cb2026; } #slide-menu-container, #thb-search-box-container { background-color: rgba(203,32,38,0.9); } ::-webkit-selection { background-color: #cb2026; } ::-moz-selection { background-color: #cb2026; } ::selection { background-color: #cb2026; } #nprogress .spinner .spinner-icon { border-top-color: #cb2026; } #nprogress .spinner .spinner-icon { border-left-color: #cb2026; } </style><style type="text/css">.thb-desktop .thb-section-row { opacity: 1 !important; }
#header {
margin-bottom: 0px;
}
span.wpcf7-list-item { display: block; }
.thb-section-extra {
padding-top: 10px;
}
.pageheader-layout-d #page-header.thb-page-header-disabled .thb-page-header-image-holder, .pageheader-layout-f #page-header.thb-page-header-disabled .thb-page-header-image-holder {
margin-bottom: 0px;
}
#copyright {
display: table;
float: none;
font-size: 14px;
margin: 0 auto;
}</style> </head>
<body class="home page-template-default page page-id-2 logo-left thb-lightbox-enabled layout-width-extended header-layout-a pageheader-alignment-left pageheader-layout-d subtitle-top thb-sticky-header thb-theme thb-desktop">


<div id="thb-external-wrapper">

<header id="header" class="thb-skin-dark">

<div class="thb-header-inner-wrapper">

<div class="thb-section-container">

<div class="thb-header-wrapper">


<h1 id="logo">
<a href="https://responsivevoice.org/" title="ResponsiveVoice.JS">
<span class="thb-logo">ResponsiveVoice.JS</span>
<span class="thb-logo-tagline">Instant Text-To-Speech with Voice Consistency Across Devices</span>
</a>
</h1>
<nav id="main-nav" class="main-navigation primary">
<h2 class="hidden">Main navigation</h2>
<div class="menu-menu-1-container"><ul id="menu-menu-1" class="menu"><li id="menu-item-126" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-2 current_page_item menu-item-126"><a href="https://responsivevoice.org/">Home</a></li>
<li id="menu-item-1030" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1030"><a target="_blank" href="//responsivevoice.com/pricing/">Pricing</a></li>
<li id="menu-item-283" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-283"><a href="https://responsivevoice.org/api/">API</a>
<ul class="sub-menu">
<li id="menu-item-350" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-350"><a href="https://responsivevoice.org/api/">API</a></li>
<li id="menu-item-352" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-352"><a href="https://responsivevoice.org/text-to-speech-script-server/">Version 1.4</a></li>
<li id="menu-item-351" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-351"><a href="https://responsivevoice.org/change-log/">Change Log</a></li>
<li id="menu-item-209" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-209"><a href="https://responsivevoice.org/text-to-speech-sdk/">SDK</a>
<ul class="sub-menu">
<li id="menu-item-275" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-275"><a href="https://responsivevoice.org/text-to-speech-sdk/text-to-speech-play-button/">Text to Speech Play Button</a></li>
<li id="menu-item-277" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-277"><a href="https://responsivevoice.org/text-to-speech-sdk/text-to-speech-menus/">Text to Speech Menus and Links</a></li>
<li id="menu-item-276" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-276"><a href="https://responsivevoice.org/text-to-speech-sdk/text-to-speech-highlighted-selected-text/">Text to Speech Highlighted Selected Text</a></li>
<li id="menu-item-303" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-303"><a href="https://responsivevoice.org/text-to-speech-sdk/automatically-speak-text-when-webpage-displays/">Automatically Speak Text when Webpage Displays</a></li>
<li id="menu-item-273" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-273"><a href="https://responsivevoice.org/text-to-speech-sdk/text-to-speech-widget/">Text to Speech Widget</a></li>
<li id="menu-item-430" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-430"><a href="https://responsivevoice.org/text-to-speech-sdk/accessibility-keyboard-navigation-text-to-speech/">Text to Speech Navigation Accessibility</a></li>
<li id="menu-item-274" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-274"><a href="https://responsivevoice.org/text-to-speech-sdk/text-to-speech-background-audio/">Text to Speech Background Audio</a></li>
<li id="menu-item-300" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-300"><a href="https://responsivevoice.org/text-to-speech-sdk/text-to-speech-automatically-detect-language/">Text to Speech Automatically Detect Language</a></li>
<li id="menu-item-358" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-358"><a href="https://responsivevoice.org/text-to-speech-sdk/text-to-speech-exit-intent-message/">Text to Speech Exit Intent Message</a></li>
<li id="menu-item-383" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-383"><a href="https://responsivevoice.org/text-to-speech-sdk/3d-speaking-animated-avatars-and-characters/">3D Speaking Animated Avatars and Characters</a></li>
<li id="menu-item-394" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-394"><a href="https://responsivevoice.org/text-to-speech-sdk/using-callbacks/">Using Callbacks</a></li>
</ul>
</li>
</ul>
</li>
<li id="menu-item-376" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-376"><a href="https://responsivevoice.org/faq/">F.A.Q.</a>
<ul class="sub-menu">
<li id="menu-item-1031" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1031"><a href="//responsivevoice.org/faq/">F.A.Q.</a></li>
<li id="menu-item-904" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-904"><a href="https://responsivevoice.org/text-to-speech-languages/">Languages</a>
<ul class="sub-menu">
<li id="menu-item-905" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-905"><a href="https://responsivevoice.org/text-to-speech-languages/australian-text-to-speech/">Australian Text to Speech</a></li>
<li id="menu-item-906" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-906"><a href="https://responsivevoice.org/text-to-speech-languages/konusma-turkce-metin/">Konuşma Türkçe metin</a></li>
<li id="menu-item-907" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-907"><a href="https://responsivevoice.org/text-to-speech-languages/magyar-szoveget-beszedde/">Magyar szöveget beszéddé</a></li>
<li id="menu-item-908" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-908"><a href="https://responsivevoice.org/text-to-speech-languages/nakala-ya-hotuba-katika-swahili/">Nakala ya hotuba katika swahili</a></li>
<li id="menu-item-909" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-909"><a href="https://responsivevoice.org/text-to-speech-languages/nederlandse-tekst-naar-spraak/">Nederlandse Tekst naar Spraak</a></li>
<li id="menu-item-910" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-910"><a href="https://responsivevoice.org/text-to-speech-languages/teks-berbicara-dalam-bahasa-indonesia/">Teks berbicara dalam bahasa Indonesia</a></li>
<li id="menu-item-911" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-911"><a href="https://responsivevoice.org/text-to-speech-languages/teks-na-spraak-in-afrikaans/">Teks na spraak in afrikaans</a></li>
<li id="menu-item-912" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-912"><a href="https://responsivevoice.org/text-to-speech-languages/teks-nan-diskou-an-kreyol-ayisyen/">Tèks nan diskou an kreyòl ayisyen</a></li>
<li id="menu-item-913" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-913"><a href="https://responsivevoice.org/text-to-speech-languages/tekst-te-fjales-ne-gjuhen-shqipe/">Tekst të fjalës në gjuhën shqipe</a></li>
<li id="menu-item-914" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-914"><a href="https://responsivevoice.org/text-to-speech-languages/tekst-til-tale-i-dansk/">Tekst til tale i dansk</a></li>
<li id="menu-item-915" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-915"><a href="https://responsivevoice.org/text-to-speech-languages/tekst-til-tale-pa-norsk/">Tekst til tale på norsk</a></li>
<li id="menu-item-916" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-916"><a href="https://responsivevoice.org/text-to-speech-languages/tekst-u-govor-na-hrvatskom-jeziku/">Tekst u govor na hrvatskom jeziku</a></li>
<li id="menu-item-917" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-917"><a href="https://responsivevoice.org/text-to-speech-languages/teksta-u-govor-u-bosanskom/">Teksta u govor u bosanskom</a></li>
<li id="menu-item-918" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-918"><a href="https://responsivevoice.org/text-to-speech-languages/teksti-puheeksi-vuonna-suomen/">Teksti puheeksi vuonna Suomen</a></li>
<li id="menu-item-919" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-919"><a href="https://responsivevoice.org/text-to-speech-languages/teksto-paroladon-en-esperanto/">Teksto paroladon en Esperanto</a></li>
<li id="menu-item-920" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-920"><a href="https://responsivevoice.org/text-to-speech-languages/teksts-uz-runu-latviesu-valoda/">Teksts uz runu latviešu valodā</a></li>
<li id="menu-item-921" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-921"><a href="https://responsivevoice.org/text-to-speech-languages/polski-syntezator-mowy/">Zamiana tekstu na mowę po Polsku</a></li>
<li id="menu-item-922" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-922"><a href="https://responsivevoice.org/text-to-speech-languages/testo-a-voce-in-italiano/">Testo a Voce in Italiano</a></li>
<li id="menu-item-923" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-923"><a href="https://responsivevoice.org/text-to-speech-languages/testun-i-leferydd-yn-y-gymraeg/">Testun i leferydd yn y Gymraeg</a></li>
<li id="menu-item-924" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-924"><a href="https://responsivevoice.org/text-to-speech-languages/text-a-veu-en-catala/">Text a veu en català</a></li>
<li id="menu-item-925" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-925"><a href="https://responsivevoice.org/text-to-speech-languages/text-in-sprache-deutsche/">Text in Sprache Deutsche</a></li>
<li id="menu-item-926" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-926"><a href="https://responsivevoice.org/text-to-speech-languages/text-na-rec-v-ceskych/">Text na řeč v českých</a></li>
<li id="menu-item-927" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-927"><a href="https://responsivevoice.org/text-to-speech-languages/text-na-rec-v-slovencine/">Text na reč v slovenčine</a></li>
<li id="menu-item-928" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-928"><a href="https://responsivevoice.org/text-to-speech-languages/text-till-tal-pa-svenska/">Text till tal på svenska</a></li>
<li id="menu-item-929" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-929"><a href="https://responsivevoice.org/text-to-speech-languages/texte-en-parole-francais/">Texte en Parole Français</a></li>
<li id="menu-item-930" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-930"><a href="https://responsivevoice.org/text-to-speech-languages/texti-a-raedu-i-islensku/">Texti á ræðu í íslensku</a></li>
</ul>
</li>
</ul>
</li>
<li id="menu-item-1207" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1207"><a href="https://responsivevoice.com/news/">Blog</a></li>
<li id="menu-item-128" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-128"><a target="_blank" href="https://responsivevoice.freshdesk.com/support/solutions">Contact</a></li>
</ul></div>
</nav>


<div class="slide-menu-trigger-wrapper">
<a href="#" class="slide-menu-trigger">open</a>
</div>

</div>

</div>

</div>
</header>

<div id="page-content">

<header id="page-header" class="thb-page-header-disabled">

<div class="thb-page-header-image-holder">
<div class="thb-slideshow thb-main-slideshow rsTHB full_slideshow" data-thb-slideshow="">
<div class="slide slide-type-image thb-skin-light" style="background-image: url(https://responsivevoice.org/wp-content/uploads/2014/08/c9e42240.jpg)" data-type-count="1">
<span class="thb-fake-background" class="slide slide-type-image thb-skin-light" style="background-image: url(https://responsivevoice.org/wp-content/uploads/2014/08/c9e42240.jpg)"></span>
<span class="thb-overlay" style="background-color:#000000;-khtml-opacity:0.2;-moz-opacity:0.2;opacity:0.2;"></span>
<div class="thb-slide-caption thb-caption-left">
<div class="thb-slide-caption-wrapper">
<div class="thb-caption-inner-wrapper">

<div class="thb-caption-texts-wrapper">
<div class="thb-heading">
<p><strong>Instant Text to Speech</strong></p>
</div>
<div class="thb-caption">
<p>ResponsiveVoice is a HTML5-based Text-To-Speech library designed to add voice features to web sites and apps across all smartphone, tablet and desktop devices. It supports 51 languages through 168 voices, no dependencies and weighs just 14kb&#8230; Try It!</p>
<span class="cp-load-after-post"></span> </div>
</div>

</div>
</div>

</div>
</div> </div>
</div>
<div class="thb-page-header-wrapper thb-skin-dark">
<div class="thb-page-header-wrapper-extra">

<div class="thb-page-header-inner-wrapper hidden">
<p class='page-title' >ResponsiveVoice Text To Speech</p> </div>

</div>
</div>

</header>
<div id="thb-section-0" class="thb-section boxed thb-skin-light thb-skin-light thb-section-boxed">

<div class="thb-section-extra" data-relative="1" style=" background-color: #ffffff;">

<span class="thb-background-overlay" style="background-color:#000000;-khtml-opacity:0.05;-moz-opacity:0.05;opacity:0.05;"></span>
<div class="thb-section-inner-wrapper">
<div id="thb-section-0-row-0" class="thb-section-row">
<div class="thb-section-row-inner-wrapper">
<div id="thb-section-0-row-0-column-0" class="thb-section-column thb-section-column-size-full thb-section-column-index-0 " style="">
<div class="thb-section-column-inner-wrapper">
<div id="thb-section-0-row-0-column-0-block-0" class="thb-section-column-block thb-section-column-block-thb_text_box icon-small layout-inline icon-style-a layout-style-b " data-section="0" data-row="0" data-column="0" data-index="0">



<div class="thb-section-block-content">

<div class="thb-text">
<p><iframe style="width:100%; height:200px;" src= "https://code.responsivevoice.org/examples/example2.html"></iframe></p>
</div>
</div>


</div>
</div>
</div> </div>
</div> </div>
</div>
</div><div id="thb-section-1" class="thb-section boxed thb-skin-light thb-skin-light thb-section-boxed">

<div class="thb-section-extra" data-relative="1" style=" background-color: #000000;">

<div class="thb-section-inner-wrapper">
<div id="thb-section-1-row-0" class="thb-section-row">
<div class="thb-section-row-inner-wrapper">
<div id="thb-section-1-row-0-column-0" class="thb-section-column thb-section-column-size-full thb-section-column-index-0 " style="">
<div class="thb-section-column-inner-wrapper">
<section id="thb-section-1-row-0-column-0-block-0" class="thb-section-column-block thb-section-column-block-thb_text_box icon-small layout-left icon-style-a layout-style-c " data-section="1" data-row="0" data-column="0" data-index="0">



<div class="thb-section-block-content">

<div class="thb-section-block-header">

<h2 class="thb-section-block-title">
<span>
<font color="white">Free For Non-Commercial Use</font> </span>
</h2>
</div>

<div class="thb-text">
<p><textarea style="width:100%" >&lt;script src=&#39;https://code.responsivevoice.org/responsivevoice.js&#39;&gt;&lt;/script&gt;</textarea><br />
Add this code to your webpage (<a href="#thb-section-2">see license below</a>) </p>
<p><textarea style="width:100%">&lt;input onclick=&#39;responsiveVoice.speak(&quot;Hello World&quot;);&#39; type=&#39;button&#39; value=&#39;🔊 Play&#39; /&gt;</textarea></p>
<p>Then use it on the page <input onclick='responsiveVoice.speak("Hello World");' type='button' value='🔊 Play' /></p>
</div>
</div>


</section>
</div>
</div> </div>
</div> </div>
</div>
</div><div id="thb-section-2" class="thb-section boxed thb-skin-light thb-skin-light thb-section-boxed">

<div class="thb-section-extra" data-relative="1" style=" background-color: #cb2026;">

<div class="thb-section-inner-wrapper">
<div id="thb-section-2-row-0" class="thb-section-row">
<div class="thb-section-row-inner-wrapper">
<div id="thb-section-2-row-0-column-0" class="thb-section-column thb-section-column-size-full thb-section-column-index-0 " style="">
<div class="thb-section-column-inner-wrapper">
<section id="thb-section-2-row-0-column-0-block-0" class="thb-section-column-block thb-section-column-block-thb_text_box icon-small layout-centered icon-style-a layout-style-c " data-section="2" data-row="0" data-column="0" data-index="0">



<div class="thb-section-block-content">

<div class="thb-section-block-header">

<h2 class="thb-section-block-title">
<span>
There&#8217;s More? Sure! </span>
</h2>
</div>

</div>


</section>
</div>
</div> </div>
</div>
<div id="thb-section-2-row-1" class="thb-section-row">
<div class="thb-section-row-inner-wrapper">
<div id="thb-section-2-row-1-column-0" class="thb-section-column thb-section-column-size-one-fourth thb-section-column-index-0 " style="">
<div class="thb-section-column-inner-wrapper">
<div id="thb-section-2-row-1-column-0-block-0" class="thb-section-column-block thb-section-column-block-thb_text_box icon-big layout-centered icon-style-b layout-style-b " data-section="2" data-row="1" data-column="0" data-index="0">

<span class="thb-section-block-icon-wrapper">
<i class="thb-section-block-icon icon-puzzle" style="color:#ffffff;border-color:#ffffff;"></i>
</span>


<div class="thb-section-block-content">

<div class="thb-section-block-call-to">

<a class="thb-btn action-secondary" href="http://responsivevoice.com#thb-section-1" rel="nofollow" >
Free WordPress Speech Plugin </a>
</div>
</div>


</div>
</div>
</div>
<div id="thb-section-2-row-1-column-1" class="thb-section-column thb-section-column-size-one-fourth thb-section-column-index-1 " style="">
<div class="thb-section-column-inner-wrapper">
<div id="thb-section-2-row-1-column-1-block-0" class="thb-section-column-block thb-section-column-block-thb_text_box icon-big layout-centered icon-style-b layout-style-b " data-section="2" data-row="1" data-column="1" data-index="0">

<span class="thb-section-block-icon-wrapper">
<i class="thb-section-block-icon icon-comment-empty" style="color:#ffffff;border-color:#ffffff;"></i>
</span>


<div class="thb-section-block-content">

<div class="thb-section-block-call-to">

<a class="thb-btn action-secondary" href="http://responsivevoice.com#thb-section-2" rel="nofollow" >
Free Website Voice Agent </a>
</div>
</div>


</div>
</div>
</div>
<div id="thb-section-2-row-1-column-2" class="thb-section-column thb-section-column-size-one-fourth thb-section-column-index-2 " style="">
<div class="thb-section-column-inner-wrapper">
<div id="thb-section-2-row-1-column-2-block-0" class="thb-section-column-block thb-section-column-block-thb_text_box icon-big layout-centered icon-style-b layout-style-b " data-section="2" data-row="1" data-column="2" data-index="0">

<span class="thb-section-block-icon-wrapper">
<i class="thb-section-block-icon icon-html5" style="color:#ffffff;border-color:#ffffff;"></i>
</span>


<div class="thb-section-block-content">

<div class="thb-section-block-call-to">

<a class="thb-btn action-secondary" href="http://responsivevoice.com#thb-section-3" rel="nofollow" >
Voice Developer API Trial </a>
</div>
</div>


</div>
</div>
</div>
<div id="thb-section-2-row-1-column-3" class="thb-section-column thb-section-column-size-one-fourth thb-section-column-index-3 " style="">
<div class="thb-section-column-inner-wrapper">
<div id="thb-section-2-row-1-column-3-block-0" class="thb-section-column-block thb-section-column-block-thb_text_box icon-big layout-centered icon-style-b layout-style-b " data-section="2" data-row="1" data-column="3" data-index="0">

<span class="thb-section-block-icon-wrapper">
<i class="thb-section-block-icon icon-award" style="color:#ffffff;border-color:#ffffff;"></i>
</span>


<div class="thb-section-block-content">

<div class="thb-section-block-call-to">

<a class="thb-btn action-secondary" href="http://responsivevoice.com#thb-section-4" rel="nofollow" >
eLearning Speech for Storyline & Captivate </a>
</div>
</div>


</div>
</div>
</div> </div>
</div> </div>
</div>
</div><div id="thb-section-3" class="thb-section boxed thb-skin-light thb-skin-light thb-section-boxed">

<div class="thb-section-extra" data-relative="1" style=" background-color: #383838;">

<div class="thb-section-inner-wrapper">
<div id="thb-section-3-row-0" class="thb-section-row">
<div class="thb-section-row-inner-wrapper">
<div id="thb-section-3-row-0-column-0" class="thb-section-column thb-section-column-size-one-half thb-section-column-index-0 " style="">
<div class="thb-section-column-inner-wrapper">
<section id="thb-section-3-row-0-column-0-block-0" class="thb-section-column-block thb-section-column-block-thb_text_box icon-small layout-left icon-style-a layout-style-c " data-section="3" data-row="0" data-column="0" data-index="0">



<div class="thb-section-block-content">

<div class="thb-section-block-header">

<h2 class="thb-section-block-title">
<span>
Free for Non-Commercial </span>
</h2>
</div>

<div class="thb-text">
<p>Do you want to use ResponsiveVoice for a non-commercial personal or non-profit project?</p>
<p>1. <a href="//responsivevoice.com/wordpress-text-to-speech-plugin/">WordPress Plugin</a> (free for commercial and non-commercial use)<br />
2. <a href="//responsivevoice.com/voice-agent/">Voice Agent Free Version</a> (<b>feature limited</b> free for commercial and non-commercial use)<br />
3. <a href="//responsivevoice.org/api/">Voice API</a> (free for non-commercial use only)</p>
<p>All <a href="//responsivevoice.com">other ResponsiveVoice products</a> require paid licenses.</p>
<p>Just add the attribution to your site:</p>
<div style="width:300px;vertical-align:top;font-family: Arial;font-size:9pt;line-height: normal">
<a rel="license" href="//responsivevoice.org/"><img title="ResponsiveVoice Text To Speech" src="//responsivevoice.org/wp-content/uploads/2014/08/120x31.png" style="float:left;padding-right:2px" /></a><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title"><a href="//responsivevoice.org/" target="_blank" title="ResponsiveVoice Text To Speech">ResponsiveVoice</a></span> used under <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/4.0/" title="Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License">Non-Commercial License</a></div>
<div style="clear:both;">&nbsp;</div>
</div>
<div class="thb-section-block-call-to">

<a class="thb-btn action-secondary" href="http://responsivevoice.org/license" rel="nofollow" >
Learn More </a>
</div>
</div>


</section>
</div>
</div>
<div id="thb-section-3-row-0-column-1" class="thb-section-column thb-section-column-size-one-half thb-section-column-index-1 " style="">
<div class="thb-section-column-inner-wrapper">
<section id="thb-section-3-row-0-column-1-block-0" class="thb-section-column-block thb-section-column-block-thb_text_box icon-small layout-left icon-style-a layout-style-c " data-section="3" data-row="0" data-column="1" data-index="0">



<div class="thb-section-block-content">

<div class="thb-section-block-header">

<h2 class="thb-section-block-title">
<span>
Licensing </span>
</h2>
</div>

<div class="thb-text">
<p>For commercial website, application or developer licensing <a href="//responsivevoice.com">visit ResponsiveVoice.com</a> or to speak to us about our professional services for integrating into your product or website <a href="//responsivevoice.com/support/" target="_blank">contact us</a>.</p>
<p>If you have questions about the Non-commercial license <a href="//responsivevoice.com/support/" target="_blank">contact us</a></p>
</div>
<div class="thb-section-block-call-to">

<a class="thb-btn action-secondary" href="//responsivevoice.com" rel="nofollow" >
Learn More </a>
</div>
</div>


</section>
</div>
</div> </div>
</div> </div>
</div>
</div><div id="thb-section-4" class="thb-section boxed thb-section-post-boxed thb-section-pre-boxed thb-skin-dark thb-skin-dark">

<div class="thb-section-extra" >

<div class="thb-section-inner-wrapper">
<div id="thb-section-4-row-0" class="thb-section-row">
<div class="thb-section-row-inner-wrapper">
<div id="thb-section-4-row-0-column-0" class="thb-section-column thb-section-column-size-full thb-section-column-index-0 " style="">
<div class="thb-section-column-inner-wrapper">
<section id="thb-section-4-row-0-column-0-block-0" class="thb-section-column-block thb-section-column-block-thb_text_box icon-small layout-left icon-style-a layout-style-a " data-section="4" data-row="0" data-column="0" data-index="0">



<div class="thb-section-block-content">

<div class="thb-section-block-header">

<h2 class="thb-section-block-title">
<span>
Browser and Device Support </span>
</h2>
</div>

<div class="thb-text">
<p><img src="//responsivevoice.org/wp-content/uploads/2014/08/browsers_and_devices_sm-610x188.png" alt="browsers_and_devices_sm" class="alignnone size-medium wp-image-181" /><br /><small>Native support: built into the browser. Audio stream: Fallsback to server generated audio</small></p>
</div>
</div>


</section>
<div id="thb-section-4-row-0-column-0-block-1" class="thb-section-column-block thb-section-column-block-thb_text_box icon-small layout-left icon-style-a layout-style-a " data-section="4" data-row="0" data-column="0" data-index="1">



<div class="thb-section-block-content">

<div class="thb-text">
<h3>Don&#8217;t Clog the Tubes!&nbsp;&nbsp;&nbsp;<button class="butt js--triggerAnimation" onclick='responsiveVoice.speak("The Internet is a series of tubes! HTML5 introduces the Speech API for Speech Synthesis and Speech Recognition. This is the easiest way to use the spoken word in your app or website. Speech Synthesis or more commonly known as Text To Speech (TTS) is now available in most modern browsers. Gone are the days of waiting for Text To Speech engines to render MP3 audio files from text and then download them from servers. Today the browser can instantly speak text on the client side and with quite reasonable quality. Yabba, Dabba, Do!","UK English Male");' type="button" value="Play">🔊 Play</button></h3>
<p>HTML5 introduces the Speech API for Speech Synthesis and Speech Recognition.</p>
<p>This is the easiest way to use the spoken word in your app or website.</p>
<p>Speech Synthesis or more commonly known as Text To Speech (TTS) is now available in most modern browsers.</p>
<p>Gone are the days of waiting for Text To Speech engines to render MP3 audio files from text and then download them from servers.</p>
<p>Today the browser can instantly speak text on the client side and with quite reasonable quality.</p>
<h3>Gargling Bagpipes&nbsp;&nbsp;&nbsp;<button class="butt js--triggerAnimation" onclick='responsiveVoice.speak("But there is a problem, each browser and device can have a different set of Voices. You can't be sure of a consistent user experience when it comes to the spoken voice or accent. If you make a call to the speak API using the default voice it will sound very different on different users devices and browsers. In some cases you won't even know if the user will get a male or female voice. Although, you make a direct call to the speak API and choose a specific voice like Google UK Female, if a user is browsing on iOS with Safari the voice will not be available. The rain in Spain falls mainly on the plane.",null);' type="button" value="Play">🔊 Play</button></h3>
<p>But there is a problem, each browser and device can have a different set of &#8220;Voices&#8221;. You can&#8217;t be sure of a consistent user experience when it comes to the spoken voice or accent.</p>
<p>If you make a call to the speak API using the default voice it will sound very different on different users devices and browsers. In some cases you won&#8217;t even know if the user will get a male or female voice.</p>
<p>Although, you make a direct call to the speak API and choose a specific voice like &#8220;Google UK Female&#8221;, if a user is browsing on iOS with Safari the voice will not be available.</p>
<h3>Responsive Design for Voice&nbsp;&nbsp;&nbsp;<button class="butt js--triggerAnimation" onclick='responsiveVoice.speak("Taking inspiration from Responsive Web Design we have created Responsive Voice JS a library that can easily be included in a web page that allows you to make simple api calls to speak text. The nature of mun K was irrepressible.",null);' type="button" value="Play">🔊 Play</button></h3>
<p>Taking inspiration from Responsive Web Design we have created responsivevoice.js a library that can easily be included in a web page that allows you to make simple api calls to speak text.</p>
<h3>Responsive Voices&nbsp;&nbsp;&nbsp;<button class="butt js--triggerAnimation" onclick='responsiveVoice.speak("ResponsiveVoice JS defines a selection of smart Voice profiles that know which voice to use for the users device in order to create a consistent experience no matter which browser or device the speech is being spoken on. By choosing one ResponsiveVoice the closest voice is chosen on Apple I.O.S. Safari and Chrome, Android Chrome, Windows Chrome Desktop and Mac O.S.X. Thunderbirds, R, go.",null);' type="button" value="Play">🔊 Play</button></h3>
<p>ResponsiveVoice JS defines a selection of smart Voice profiles that know which voice to use for the users device in order to create a consistent experience no matter which browser or device the speech is being spoken on.</p>
<p>By choosing one ResponsiveVoice the closest voice is chosen on</p>
<ul>
<li>iOS (Safari &amp; Chrome)</li>
<li>Android (Chrome, Including across the popular Text To Speech engines Ivona, Acapela, Samsung)</li>
<li>Windows (Chrome Desktop)</li>
<li>Mac OSX (Safari &amp; Chrome)</li>
</ul>
<h3>Smart Chunking&nbsp;&nbsp;&nbsp;<button class="butt js--triggerAnimation" onclick="responsiveVoice.speak('With large blocks of text ResponsiveVoice splits up the text into chunks, with preference given to splitting at the end of sentences. Preference is given to splitting at full stop, question mark, colon or semi-colon after that split is performed by the nearest comma and falling back from that the nearest space between words.',null);" type="button" value="Play">🔊 Play</button></h3>
<p>With large blocks of text ResponsiveVoice splits up the text into chunks, with preference given to splitting at the end of sentences. Preference is given to splitting at full stop, question mark, colon or semi-colon after that split is performed by the nearest comma and falling back from that the nearest space between words. </p>
<h3>Quirks&nbsp;&nbsp;&nbsp;<button class="butt js--triggerAnimation" onclick="responsiveVoice.speak('ResponsiveVoice JS also takes care of a number of hindrances from the various implementations of HTML5 Speech API across browsers and operating systems.',null);" type="button" value="Play">🔊 Play</button></h3>
<p>ResponsiveVoice JS also takes care of a number of hindrances from the various implementations of HTML5 Speech API across browsers and operating systems.</p>
<ul>
<li>Chrome desktop has a limit on the number of characters it can speak, under the hood ResponsiveVoice JS automatically chunks text into acceptable blocks</li>
<li>Chrome desktop will not speak unless initialised after page load, ResponsiveVoice JS resolves this</li>
<li>iOS Safari &#038; Chrome require timing delays between speech API calls, ResponsiveVoice JS resolves this</li>
<li>iOS TTS can&#8217;t be triggered without a direct user interaction, ResponsiveVoice JS resolves this</li>
<li>Internet Explorer speech rate is slower, ResponsiveVoice JS resolves this</li>
<li>more&#8230;</li>
</ul>
</div>
</div>


</div>
</div>
</div> </div>
</div> </div>
</div>
</div><div id="thb-section-5" class="thb-section boxed thb-skin-light thb-skin-light thb-section-boxed">

<div class="thb-section-extra" data-relative="1" style=" background-color: #cb2026;">

<div class="thb-section-inner-wrapper">
<div id="thb-section-5-row-0" class="thb-section-row">
<div class="thb-section-row-inner-wrapper">
<div id="thb-section-5-row-0-column-0" class="thb-section-column thb-section-column-size-one-half thb-section-column-index-0 " style="">
<div class="thb-section-column-inner-wrapper">
<section id="thb-section-5-row-0-column-0-block-0" class="thb-section-column-block thb-section-column-block-thb_text_box icon-small layout-left-alt icon-style-a layout-style-d " data-section="5" data-row="0" data-column="0" data-index="0">



<div class="thb-section-block-content">

<div class="thb-section-block-header">

<h2 class="thb-section-block-title">
<span>
Website Voice </span>
</h2>
</div>

<div class="thb-text">
<p>The easiest way to add voice features to your website<br />
Voice-Enable your site with one line of code<br />
Dashboard for Voice Features<br />
Voice Message Editor<br />
Accessibility Compliance Features</p>
</div>
<div class="thb-section-block-call-to">

<a class="thb-btn action-secondary" href="//responsivevoice.com/voiceagent" rel="nofollow" target="_blank">
Voice Enable Your site in 3 minutes </a>
</div>
</div>


</section>
</div>
</div>
<div id="thb-section-5-row-0-column-1" class="thb-section-column thb-section-column-size-one-half thb-section-column-index-1 " style="">
<div class="thb-section-column-inner-wrapper">
<div id="thb-section-5-row-0-column-1-block-0" class="thb-section-column-block thb-section-column-block-thb_image " data-section="5" data-row="0" data-column="1" data-index="0">

<div class="thb-section-block-thb_image-image-holder ">
<a href="//responsivevoice.com/voiceagent/" class="thb-lightbox" target="_blank"><img src="https://responsivevoice.org/wp-content/uploads/2014/08/voice-agent2.png" class="attachment-full" alt="" width="450" height="405"></a></div> </div>
</div>
</div> </div>
</div> </div>
</div>
</div><div id="thb-section-6" class="thb-section boxed thb-skin-light thb-skin-light thb-section-boxed">

<div class="thb-section-extra" data-relative="1" style=" background-color: #000000;">

<div class="thb-section-inner-wrapper">
<div id="thb-section-6-row-0" class="thb-section-row">
<div class="thb-section-row-inner-wrapper">
<div id="thb-section-6-row-0-column-0" class="thb-section-column thb-section-column-size-one-half thb-section-column-index-0 " style="">
<div class="thb-section-column-inner-wrapper">
<section id="thb-section-6-row-0-column-0-block-0" class="thb-section-column-block thb-section-column-block-thb_text_box icon-small layout-left-alt icon-style-a layout-style-d " data-section="6" data-row="0" data-column="0" data-index="0">



<div class="thb-section-block-content">

<div class="thb-section-block-header">

<h2 class="thb-section-block-title">
<span>
Developer API </span>
</h2>
</div>

<div class="thb-text">
<p>Sign Up and follow our one-time simple instructions to setup the ResponsiveVoice API in your site or application. </p>
<p>Start coding your own new voice features in minutes.</p>
</div>
<div class="thb-section-block-call-to">

<a class="thb-btn action-secondary" href="//responsivevoice.com/api-trial-application" rel="nofollow" target="_blank">
30 Day Free Trial </a>
</div>
</div>


</section>
</div>
</div>
<div id="thb-section-6-row-0-column-1" class="thb-section-column thb-section-column-size-one-half thb-section-column-index-1 " style="">
<div class="thb-section-column-inner-wrapper">
<div id="thb-section-6-row-0-column-1-block-0" class="thb-section-column-block thb-section-column-block-thb_image " data-section="6" data-row="0" data-column="1" data-index="0">

<div class="thb-section-block-thb_image-image-holder ">
<a href="//responsivevoice.com/api-trial-application/" class="thb-lightbox" target="_blank"><img src="https://responsivevoice.org/wp-content/uploads/2014/08/api.png" class="attachment-full" alt="" width="484" height="436"></a></div> </div>
</div>
</div> </div>
</div> </div>
</div>
</div><div id="thb-section-7" class="thb-section boxed thb-skin-light thb-skin-light thb-section-boxed">

<div class="thb-section-extra" data-relative="1" style=" background-color: #383838;">

<div class="thb-section-inner-wrapper">
<div id="thb-section-7-row-0" class="thb-section-row">
<div class="thb-section-row-inner-wrapper">
<div id="thb-section-7-row-0-column-0" class="thb-section-column thb-section-column-size-full thb-section-column-index-0 " style="">
<div class="thb-section-column-inner-wrapper">
<section id="thb-section-7-row-0-column-0-block-0" class="thb-section-column-block thb-section-column-block-thb_text_box icon-small layout-left icon-style-a layout-style-a " data-section="7" data-row="0" data-column="0" data-index="0">



<div class="thb-section-block-content">

<div class="thb-section-block-header">

<h2 class="thb-section-block-title">
<span>
Sites Using ResponsiveVoice </span>
</h2>
</div>

</div>


</section>
</div>
</div> </div>
</div>
<div id="thb-section-7-row-1" class="thb-section-row">
<div class="thb-section-row-inner-wrapper">
<div id="thb-section-7-row-1-column-0" class="thb-section-column thb-section-column-size-one-fourth thb-section-column-index-0 " style="">
<div class="thb-section-column-inner-wrapper">
<div id="thb-section-7-row-1-column-0-block-0" class="thb-section-column-block thb-section-column-block-thb_text_box icon-small layout-left icon-style-a layout-style-e " data-section="7" data-row="1" data-column="0" data-index="0">
<span class="thb-section-block-image-wrapper">
<img src="https://responsivevoice.org/wp-content/uploads/2014/08/bringtolife_sm.png" class="attachment-full" alt="" width="789" height="417"> </span>



<div class="thb-section-block-content">

<div class="thb-section-block-call-to">

<a class="thb-btn action-primary" href="//bringto.life" rel="nofollow" target="_blank">
Talking Website Characters </a>
</div>
</div>


</div>
</div>
</div>
<div id="thb-section-7-row-1-column-1" class="thb-section-column thb-section-column-size-one-fourth thb-section-column-index-1 " style="">
<div class="thb-section-column-inner-wrapper">
<div id="thb-section-7-row-1-column-1-block-0" class="thb-section-column-block thb-section-column-block-thb_text_box icon-small layout-left icon-style-a layout-style-e " data-section="7" data-row="1" data-column="1" data-index="0">



<div class="thb-section-block-content">

<div class="thb-text">
<p><iframe width="560" height="315" src="//www.youtube.com/embed/zKcfgFMgKpU?rel=0" frameborder="0" allowfullscreen></iframe></p>
</div>
<div class="thb-section-block-call-to">

<a class="thb-btn action-primary" href="http://learnbrite.com" rel="nofollow" target="_blank">
WebGL Elearning Game </a>
</div>
</div>


</div>
</div>
</div>
<div id="thb-section-7-row-1-column-2" class="thb-section-column thb-section-column-size-one-fourth thb-section-column-index-2 " style="">
<div class="thb-section-column-inner-wrapper">
<div id="thb-section-7-row-1-column-2-block-0" class="thb-section-column-block thb-section-column-block-thb_text_box icon-small layout-left icon-style-a layout-style-e " data-section="7" data-row="1" data-column="2" data-index="0">



<div class="thb-section-block-content">

<div class="thb-text">
<p><img src="//responsivevoice.org/wp-content/uploads/2015/08/sales_training_scenario.png" /></p>
</div>
<div class="thb-section-block-call-to">

<a class="thb-btn action-primary" href="http://chatmapper.com" rel="nofollow" target="_blank">
Gamification Scenario </a>
</div>
</div>


</div>
</div>
</div>
<div id="thb-section-7-row-1-column-3" class="thb-section-column thb-section-column-size-one-fourth thb-section-column-index-3 " style="">
<div class="thb-section-column-inner-wrapper">
<section id="thb-section-7-row-1-column-3-block-0" class="thb-section-column-block thb-section-column-block-thb_text_box icon-small layout-left icon-style-a layout-style-e " data-section="7" data-row="1" data-column="3" data-index="0">



<div class="thb-section-block-content">

<div class="thb-section-block-header">

<h2 class="thb-section-block-title">
<span>
References &#038; Inspiration </span>
</h2>
</div>

<div class="thb-text">
<p><a href="https://dvcs.w3.org/hg/speech-api/raw-file/tip/speechapi.html">W3C Web Speech API</a><br />
<a href="http://janantala.github.io/speech-synthesis/" target="_blank">Speech Synthesis</a><br />
<a href="http://zenorocha.github.io/voice-elements/" target="_blank">Voice Elements</a><br />
<a href="http://www.hung-truong.com/blog/2013/04/26/hacking-googles-text-to-speech-api/" target="_blank">Hacking Googles Text-to-Speech Api</a><br />
<a href="http://viralpatel.net/blogs/the-unofficial-google-text-to-speech-api/" target="_blank">The Unofficial Google Text-to-Speech Api</a><br />
<a href="https://developer.chrome.com/apps/tts" target="_blank">Developer Chrome Apps TTS</a></p>
</div>
</div>


</section>
</div>
</div> </div>
</div>
<div id="thb-section-7-row-2" class="thb-section-row">
<div class="thb-section-row-inner-wrapper">
<div id="thb-section-7-row-2-column-0" class="thb-section-column thb-section-column-size-one-fourth thb-section-column-index-0 " style="">
<div class="thb-section-column-inner-wrapper">
<div id="thb-section-7-row-2-column-0-block-0" class="thb-section-column-block thb-section-column-block-thb_text_box icon-small layout-left icon-style-a layout-style-e " data-section="7" data-row="2" data-column="0" data-index="0">



<div class="thb-section-block-content">

<div class="thb-text">
<p><img src="//responsivevoice.org/wp-content/uploads/2015/08/screenshot2.png" /></p>
</div>
<div class="thb-section-block-call-to">

<a class="thb-btn action-primary" href="http://elon.io" rel="nofollow" target="_blank">
Language Learning </a>
</div>
</div>


</div>
</div>
</div>
<div id="thb-section-7-row-2-column-1" class="thb-section-column thb-section-column-size-one-fourth thb-section-column-index-1 " style="">
<div class="thb-section-column-inner-wrapper">
<div id="thb-section-7-row-2-column-1-block-0" class="thb-section-column-block thb-section-column-block-thb_text_box icon-small layout-left icon-style-a layout-style-e " data-section="7" data-row="2" data-column="1" data-index="0">



<div class="thb-section-block-content">

</div>


</div>
</div>
</div>
<div id="thb-section-7-row-2-column-2" class="thb-section-column thb-section-column-size-one-fourth thb-section-column-index-2 " style="">
<div class="thb-section-column-inner-wrapper">
<div id="thb-section-7-row-2-column-2-block-0" class="thb-section-column-block thb-section-column-block-thb_text_box icon-small layout-left icon-style-a layout-style-e " data-section="7" data-row="2" data-column="2" data-index="0">



<div class="thb-section-block-content">

</div>


</div>
</div>
</div>
<div id="thb-section-7-row-2-column-3" class="thb-section-column thb-section-column-size-one-fourth thb-section-column-index-3 " style="">
<div class="thb-section-column-inner-wrapper">
</div>
</div> </div>
</div> </div>
</div>
</div>
</div>


<footer id="footer">
<div class="thb-skin-light">
<div class="thb-section-container">

<div class="thb-footer-inner-wrapper">

<div id="copyright">
<a href="http://learnbrite.com"></a>&nbsp;&nbsp;Copyright © 2018 – ResponsiveVoice™ proudly supported by <a href="http://learnbrite.com">LearnBrite</a> | <a href="http://learnbrite.com/privacy-policy/">Privacy Policy</a> </div>
</div>

</div>
</div>
</footer>


</div><!-- /#thb-external-wrapper -->

<div id="slide-menu-container">
<a class="thb-trigger-close" href="#"><span>Close</span></a>

<div class="slide-menu-container-wrapper">
<nav id="slide-nav" class="slide-navigation primary">
<h2 class="hidden">Mobile navigation</h2>
<div class="menu"><ul>
<li class="page_item page-item-474"><a href="https://responsivevoice.org/ada-accessibility-compliance/">ADA Accessibility Compliant Content</a></li>
<li class="page_item page-item-281"><a href="https://responsivevoice.org/api/">API</a></li>
<li class="page_item page-item-341"><a href="https://responsivevoice.org/change-log/">Change Log</a></li>
<li class="page_item page-item-360"><a href="https://responsivevoice.org/develop/">develop</a></li>
<li class="page_item page-item-374"><a href="https://responsivevoice.org/faq/">FAQ</a></li>
<li class="page_item page-item-1032"><a href="https://responsivevoice.org/free-text-to-speech-mp3-audio-files/">Free Text to Speech MP3 Audio Files</a></li>
<li class="page_item page-item-1141"><a href="https://responsivevoice.org/html5-text-to-speech-a-disruptive-innovation/">HTML5 Text to Speech, a Disruptive Innovation</a></li>
<li class="page_item page-item-278"><a href="https://responsivevoice.org/license/">License</a></li>
<li class="page_item page-item-203"><a href="https://responsivevoice.org/neospeech-feature-review/">NeoSpeech Feature Review</a></li>
<li class="page_item page-item-1004"><a href="https://responsivevoice.org/responsive-avatars/">Responsive Avatars</a></li>
<li class="page_item page-item-1171"><a href="https://responsivevoice.org/responsivevoice-accessibility-features/">ResponsiveVoice accessibility features</a></li>
<li class="page_item page-item-2 current_page_item"><a href="https://responsivevoice.org/">ResponsiveVoice Text To Speech</a></li>
<li class="page_item page-item-135"><a href="https://responsivevoice.org/the-best-text-to-speech-tts-software-tools-online/">Review of Text to Speech (TTS) Software Tools Online</a></li>
<li class="page_item page-item-170 page_item_has_children"><a href="https://responsivevoice.org/text-to-speech-sdk/">SDK</a>
<ul class='children'>
<li class="page_item page-item-379"><a href="https://responsivevoice.org/text-to-speech-sdk/3d-speaking-animated-avatars-and-characters/">3D Speaking Animated Avatars and Characters</a></li>
<li class="page_item page-item-164"><a href="https://responsivevoice.org/text-to-speech-sdk/automatically-speak-text-when-webpage-displays/">Automatically Speak Text when Webpage Displays</a></li>
<li class="page_item page-item-319"><a href="https://responsivevoice.org/text-to-speech-sdk/text-to-speech-animate-when-speaking/">Text to Speech Animate When Speaking</a></li>
<li class="page_item page-item-286"><a href="https://responsivevoice.org/text-to-speech-sdk/text-to-speech-automatically-detect-language/">Text to Speech Automatically Detect Language</a></li>
<li class="page_item page-item-215"><a href="https://responsivevoice.org/text-to-speech-sdk/text-to-speech-background-audio/">Text to Speech Background Audio</a></li>
<li class="page_item page-item-356"><a href="https://responsivevoice.org/text-to-speech-sdk/text-to-speech-exit-intent-message/">Text to Speech Exit Intent Message</a></li>
<li class="page_item page-item-161"><a href="https://responsivevoice.org/text-to-speech-sdk/text-to-speech-highlighted-selected-text/">Text to Speech Highlighted Selected Text</a></li>
<li class="page_item page-item-151"><a href="https://responsivevoice.org/text-to-speech-sdk/text-to-speech-menus/">Text to Speech Menus and Links</a></li>
<li class="page_item page-item-425"><a href="https://responsivevoice.org/text-to-speech-sdk/accessibility-keyboard-navigation-text-to-speech/">Text to Speech Navigation Accessibility</a></li>
<li class="page_item page-item-217"><a href="https://responsivevoice.org/text-to-speech-sdk/text-to-speech-play-button/">Text to Speech Play Button</a></li>
<li class="page_item page-item-1215"><a href="https://responsivevoice.org/text-to-speech-sdk/text-to-speech-speaking-keyboard/">Text to Speech Speaking Keyboard</a></li>
<li class="page_item page-item-267"><a href="https://responsivevoice.org/text-to-speech-sdk/text-to-speech-widget/">Text to Speech Widget</a></li>
<li class="page_item page-item-391"><a href="https://responsivevoice.org/text-to-speech-sdk/using-callbacks/">Using Callbacks</a></li>
</ul>
</li>
<li class="page_item page-item-414"><a href="https://responsivevoice.org/speech-widget-no-decoration/">Speech Widget No Decoration</a></li>
<li class="page_item page-item-902 page_item_has_children"><a href="https://responsivevoice.org/text-to-speech-languages/">Text To Speech Languages</a>
<ul class='children'>
<li class="page_item page-item-672"><a href="https://responsivevoice.org/text-to-speech-languages/australian-text-to-speech/">Australian Text to Speech</a></li>
<li class="page_item page-item-688"><a href="https://responsivevoice.org/text-to-speech-languages/konusma-turkce-metin/">Konuşma Türkçe metin</a></li>
<li class="page_item page-item-664"><a href="https://responsivevoice.org/text-to-speech-languages/magyar-szoveget-beszedde/">Magyar szöveget beszéddé</a></li>
<li class="page_item page-item-885"><a href="https://responsivevoice.org/text-to-speech-languages/nakala-ya-hotuba-katika-swahili/">Nakala ya hotuba katika swahili</a></li>
<li class="page_item page-item-660"><a href="https://responsivevoice.org/text-to-speech-languages/nederlandse-tekst-naar-spraak/">Nederlandse Tekst naar Spraak</a></li>
<li class="page_item page-item-856"><a href="https://responsivevoice.org/text-to-speech-languages/teks-berbicara-dalam-bahasa-indonesia/">Teks berbicara dalam bahasa Indonesia</a></li>
<li class="page_item page-item-788"><a href="https://responsivevoice.org/text-to-speech-languages/teks-na-spraak-in-afrikaans/">Teks na spraak in afrikaans</a></li>
<li class="page_item page-item-848"><a href="https://responsivevoice.org/text-to-speech-languages/teks-nan-diskou-an-kreyol-ayisyen/">Tèks nan diskou an kreyòl ayisyen</a></li>
<li class="page_item page-item-794"><a href="https://responsivevoice.org/text-to-speech-languages/tekst-te-fjales-ne-gjuhen-shqipe/">Tekst të fjalës në gjuhën shqipe</a></li>
<li class="page_item page-item-841"><a href="https://responsivevoice.org/text-to-speech-languages/tekst-til-tale-i-dansk/">Tekst til tale i dansk</a></li>
<li class="page_item page-item-727"><a href="https://responsivevoice.org/text-to-speech-languages/tekst-til-tale-pa-norsk/">Tekst til tale på norsk</a></li>
<li class="page_item page-item-766"><a href="https://responsivevoice.org/text-to-speech-languages/tekst-u-govor-na-hrvatskom-jeziku/">Tekst u govor na hrvatskom jeziku</a></li>
<li class="page_item page-item-770"><a href="https://responsivevoice.org/text-to-speech-languages/teksta-u-govor-u-bosanskom/">Teksta u govor u bosanskom</a></li>
<li class="page_item page-item-785"><a href="https://responsivevoice.org/text-to-speech-languages/teksti-puheeksi-vuonna-suomen/">Teksti puheeksi vuonna Suomen</a></li>
<li class="page_item page-item-844"><a href="https://responsivevoice.org/text-to-speech-languages/teksto-paroladon-en-esperanto/">Teksto paroladon en Esperanto</a></li>
<li class="page_item page-item-864"><a href="https://responsivevoice.org/text-to-speech-languages/teksts-uz-runu-latviesu-valoda/">Teksts uz runu latviešu valodā</a></li>
<li class="page_item page-item-540"><a href="https://responsivevoice.org/text-to-speech-languages/testo-a-voce-in-italiano/">Testo a Voce in Italiano</a></li>
<li class="page_item page-item-898"><a href="https://responsivevoice.org/text-to-speech-languages/testun-i-leferydd-yn-y-gymraeg/">Testun i leferydd yn y Gymraeg</a></li>
<li class="page_item page-item-783"><a href="https://responsivevoice.org/text-to-speech-languages/text-a-veu-en-catala/">Text a veu en català</a></li>
<li class="page_item page-item-546"><a href="https://responsivevoice.org/text-to-speech-languages/text-in-sprache-deutsche/">Text in Sprache Deutsche</a></li>
<li class="page_item page-item-807"><a href="https://responsivevoice.org/text-to-speech-languages/text-na-rec-v-ceskych/">Text na řeč v českých</a></li>
<li class="page_item page-item-883"><a href="https://responsivevoice.org/text-to-speech-languages/text-na-rec-v-slovencine/">Text na reč v slovenčine</a></li>
<li class="page_item page-item-716"><a href="https://responsivevoice.org/text-to-speech-languages/text-till-tal-pa-svenska/">Text till tal på svenska</a></li>
<li class="page_item page-item-639"><a href="https://responsivevoice.org/text-to-speech-languages/texte-en-parole-francais/">Texte en Parole Français</a></li>
<li class="page_item page-item-854"><a href="https://responsivevoice.org/text-to-speech-languages/texti-a-raedu-i-islensku/">Texti á ræðu í íslensku</a></li>
<li class="page_item page-item-624"><a href="https://responsivevoice.org/text-to-speech-languages/texto-a-voz-en-espanol/">Texto a Voz en Español</a></li>
<li class="page_item page-item-878"><a href="https://responsivevoice.org/text-to-speech-languages/texto-para-fala-em-portugues/">Texto para fala em Português</a></li>
<li class="page_item page-item-774"><a href="https://responsivevoice.org/text-to-speech-languages/textul-de-discurs-in-limba-romana/">Textul de discurs în limba română</a></li>
<li class="page_item page-item-485"><a href="https://responsivevoice.org/text-to-speech-languages/uk-english-text-to-speech/">UK English Text To Speech</a></li>
<li class="page_item page-item-859"><a href="https://responsivevoice.org/text-to-speech-languages/unde-orationem-text-in-latin/">Unde orationem text in Latin</a></li>
<li class="page_item page-item-433"><a href="https://responsivevoice.org/text-to-speech-languages/us-english-text-to-speech/">US English Text To Speech</a></li>
<li class="page_item page-item-895"><a href="https://responsivevoice.org/text-to-speech-languages/van-ban-de-noi-trong-tieng-viet/">Văn bản để nói trong tiếng việt</a></li>
<li class="page_item page-item-871"><a href="https://responsivevoice.org/text-to-speech-languages/polski-syntezator-mowy/">Zamiana tekstu na mowę po Polsku</a></li>
<li class="page_item page-item-650"><a href="https://responsivevoice.org/text-to-speech-languages/%ce%b5%ce%bb%ce%bb%ce%b7%ce%bd%ce%b9%ce%ba%cf%8c-%ce%ba%ce%b5%ce%af%ce%bc%ce%b5%ce%bd%ce%bf-%cf%83%ce%b5-%ce%bf%ce%bc%ce%b9%ce%bb%ce%af%ce%b1/">Ελληνικό κείμενο σε ομιλία</a></li>
<li class="page_item page-item-701"><a href="https://responsivevoice.org/text-to-speech-languages/%d1%80%d1%83%d1%81%d1%81%d0%ba%d0%b8%d0%b9-%d1%82%d0%b5%d0%ba%d1%81%d1%82-%d1%80%d0%b5%d1%87%d0%b8/">Русский текст речи решения</a></li>
<li class="page_item page-item-761"><a href="https://responsivevoice.org/text-to-speech-languages/%d1%82%d0%b5%d0%ba%d1%81%d1%82-%d1%83-%d0%b3%d0%be%d0%b2%d0%be%d1%80-%d0%bd%d0%b0-%d1%81%d1%80%d0%bf%d1%81%d0%ba%d0%be%d0%bc/">Текст у говор на српском</a></li>
<li class="page_item page-item-868"><a href="https://responsivevoice.org/text-to-speech-languages/%d1%82%d0%b5%d0%ba%d1%81%d1%82-%d0%b2%d0%be-%d0%b3%d0%be%d0%b2%d0%be%d1%80-%d0%bd%d0%b0-%d0%bc%d0%b0%d0%ba%d0%b5%d0%b4%d0%be%d0%bd%d1%81%d0%ba%d0%b8/">Текст-во-говор на македонски</a></li>
<li class="page_item page-item-803"><a href="https://responsivevoice.org/text-to-speech-languages/%d5%bf%d5%a5%d6%84%d5%bd%d5%bf%d5%a8-%d5%ad%d5%b8%d5%bd%d6%84%d5%ab-%d5%b0%d5%a1%d5%b5%d5%a5%d6%80%d5%a5%d5%b6/">Տեքստը խոսքի հայերեն</a></li>
<li class="page_item page-item-797"><a href="https://responsivevoice.org/text-to-speech-languages/%d8%a7%d9%84%d9%86%d8%b5-%d8%a5%d9%84%d9%89-%d8%ae%d8%b7%d8%a7%d8%a8-%d8%a8%d8%a7%d9%84%d9%84%d8%ba%d8%a9-%d8%a7%d9%84%d8%b9%d8%b1%d8%a8%d9%8a%d8%a9/">النص إلى خطاب باللغة العربية</a></li>
<li class="page_item page-item-753"><a href="https://responsivevoice.org/text-to-speech-languages/%e0%a4%b9%e0%a4%bf%e0%a4%82%e0%a4%a6%e0%a5%80-%e0%a4%ae%e0%a5%87%e0%a4%82-%e0%a4%ad%e0%a4%be%e0%a4%b7%e0%a4%a3-%e0%a4%95%e0%a5%87-%e0%a4%aa%e0%a4%be%e0%a4%a0/">हिंदी में भाषण के पाठ</a></li>
<li class="page_item page-item-887"><a href="https://responsivevoice.org/text-to-speech-languages/%e0%ae%a4%e0%ae%ae%e0%ae%bf%e0%ae%b4%e0%af%8d-%e0%ae%aa%e0%af%87%e0%ae%9a%e0%af%8d%e0%ae%9a%e0%af%81-%e0%ae%89%e0%ae%b0%e0%af%88/">தமிழ் பேச்சு உரை</a></li>
<li class="page_item page-item-892"><a href="https://responsivevoice.org/text-to-speech-languages/%e0%b8%82%e0%b9%89%e0%b8%ad%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1%e0%b8%97%e0%b8%b5%e0%b9%88%e0%b8%88%e0%b8%b0%e0%b8%9e%e0%b8%b9%e0%b8%94%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2%e0%b9%84%e0%b8%97%e0%b8%a2/">ข้อความที่จะพูดภาษาไทย</a></li>
<li class="page_item page-item-756"><a href="https://responsivevoice.org/text-to-speech-languages/%e6%96%87%e6%9c%ac%e5%88%b0%e8%af%ad%e9%9f%b3%e5%9c%a8%e4%b8%ad%e5%9b%bd/">文本到语音在中国</a></li>
<li class="page_item page-item-733"><a href="https://responsivevoice.org/text-to-speech-languages/%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%81%a7%e3%81%ae%e3%82%b9%e3%83%94%e3%83%bc%e3%83%81%e3%81%b8%e3%81%ae%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88/">日本語でのスピーチへのテキスト</a></li>
<li class="page_item page-item-738"><a href="https://responsivevoice.org/text-to-speech-languages/%ed%95%9c%ea%b5%ad%ec%96%b4-%ec%9d%8c%ec%84%b1%ec%97%90-%ed%85%8d%ec%8a%a4%ed%8a%b8-%ec%a0%95%ec%b0%a9%ec%9d%98-%ec%9d%98%eb%af%b8-%ec%99%84%ec%a0%84%ed%95%9c/">한국어 음성에 텍스트 정착의 의미 완전한</a></li>
</ul>
</li>
<li class="page_item page-item-345"><a href="https://responsivevoice.org/text-to-speech-script-server/">Text to Speech Script Server</a></li>
<li class="page_item page-item-1039"><a href="https://responsivevoice.org/web-speech-synthesis-browser-compatibility/">Web Speech Synthesis browser compatibility</a></li>
<li class="page_item page-item-966"><a href="https://responsivevoice.org/wordpress-text-to-speech-plugin-review/">WordPress Text to Speech Plugin Review</a></li>
</ul></div>
</nav>
</div>

</div>

<a href="#" class="thb-scrollup thb-go-top">Go top</a>

<script type="text/javascript" id="modal">
jQuery(window).on( 'load', function(){
startclock();
});
function stopclock (){
if(timerRunning) clearTimeout(timerID);
timerRunning = false;
document.cookie="time=0";
}
function showtime () {
var now = new Date();
var my = now.getTime() ;
now = new Date(my-diffms) ;
document.cookie="time="+now.toLocaleString();
timerID = setTimeout('showtime()',10000);
timerRunning = true;
}
function startclock () {
stopclock();
showtime();
}
var timerID = null;
var timerRunning = false;
var x = new Date() ;
var now = x.getTime() ;
var gmt = 1525443068 * 1000 ;
var diffms = (now - gmt) ;
</script>
<style type="text/css"></style><link rel='stylesheet' type='text/css' id='cp-google-fonts' href='https://fonts.googleapis.com/css?family=Bitter|Lato|Libre+Baskerville|Montserrat|Neuton|Open+Sans|Pacifico|Raleway|Roboto|Sacramento|Varela+Round|Lato|Open Sans|Libre Baskerville|Montserrat|Neuton|Raleway|Roboto|Sacramento|Varela Round|Pacifico|Bitter'> <div data-class-id="content-5aec69fcc8908" data-referrer-domain="" data-referrer-check="hide" data-after-content-value="50" class="cp-onload overlay-show cp-cp_id_048ae cp-modal-global" data-overlay-class="overlay-zoomin" data-onload-delay="" data-onscroll-value="" data-exit-intent="enabled" data-closed-cookie-time="30" data-conversion-cookie-time="90" data-modal-id="cp_id_048ae" data-modal-style="cp_id_048ae" data-option="smile_modal_styles" data-custom-class="cp-cp_id_048ae cp-modal-global" data-load-on-refresh="enabled" data-dev-mode="disabled" ></div>
<div data-form-layout="cp-form-layout-4" class="cp-modal-popup-container cp_id_048ae cp-first-order-container">
<div class="cp-overlay smile-pulse content-5aec69fcc8908 global_modal_container cp-window-overlay " data-placeholder-font="" data-class="content-5aec69fcc8908" style=" background:rgba(0, 0, 0, 0.71)" data-closed-cookie-time="30" data-conversion-cookie-time="90" data-modal-id="cp_id_048ae" data-modal-style="cp_id_048ae" data-option="smile_modal_styles" data-custom-class="cp-cp_id_048ae cp-modal-global" data-load-on-refresh="enabled" data-scheduled="false" data-timezone="0" data-timezonename="" data-placeholder-color="" data-image-position="" data-affiliate_setting ="0" data-overlay-animation = "smile-pulse" data-tz-offset="0" >
<div class="cp-modal cp-modal-window-size" style="">
<div class="cp-animate-container" data-overlay-animation = "smile-pulse" data-exit-animation="smile-bounceOutDown">
<div class="cp-modal-content " style="box-shadow:0px 0px 5px 0px rgba(86,86,131,0.6);-webkit-box-shadow:0px 0px 5px 0px rgba(86,86,131,0.6);-moz-box-shadow:0px 0px 5px 0px rgba(86,86,131,0.6);border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-style: none;border-color: rgb(0,0, 0);border-width: px;border-width:5px;;box-shadow:0px 0px 5px 0px rgba(86,86,131,0.6);-webkit-box-shadow:0px 0px 5px 0px rgba(86,86,131,0.6);-moz-box-shadow:0px 0px 5px 0px rgba(86,86,131,0.6);">
<div class="cp-modal-body-overlay cp_fs_overlay" style="background-color: rgb(255, 255, 255);;"></div>
<div class="cp-modal-body cp-first-order " style="max-width: 768px">
<div class="cp-row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 cp-text-container">
<div class="">
<div class="cp-image-container">
<img style="left:0px;top:0px;max-width:57px;" src="https://responsivevoice.org/wp-content/uploads/2015/07/android-icon-192x192.png" class="cp-image" >
</div>
</div>
<div class="cp-title-container cp-empty">
<h2 class="cp-title cp_responsive" ></h2>
</div>
<div class="cp-short-desc-container cp-clear ">
<div class="cp-short-description cp_responsive cp-clear " ><div style="margin-top:0;">Are You Interested In<br />
<span class="cp_responsive cp_font" data-font-size="36px" style="font-size:36px;"><span data-font-size="30px">VOICE ENABLING YOUR SITE OR APP<br />
<span style="color:#FF0000;"><span style="font-weight:bold;">WITH JUST ONE LINE OF CODE?</span></span></span></span></div>
</div>
</div>
<div class="cp-form-container">
<style type="text/css" class="cp-form-css">.content-5aec69fcc8908 .cp-form-container label { display:none;}.content-5aec69fcc8908 .cp-form-container label { color: rgb(153, 153, 153); font-size: 15px; font-family:; text-align: left;} .content-5aec69fcc8908 .cp-form-container .cp-form-field select { text-align-last: left; direction: ltr;}.content-5aec69fcc8908 .cp-form-container input:focus:not([type='radio']):not([type='checkbox']):not([type='range']), .content-5aec69fcc8908 .cp-form-container textarea:focus, .content-5aec69fcc8908 .cp-form-container .cp-form-field button, .content-5aec69fcc8908 .cp-form-container .cp-form-field input, .content-5aec69fcc8908 .cp-form-container .cp-form-field select, .content-5aec69fcc8908 .cp-form-container .cp-form-field textarea { text-align: left; font-size: 15px; font-family: ; color: rgb(153, 153, 153); background-color: rgb(255, 255, 255); border-color: rgb(191, 190, 190); padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; border-radius: 3px;}.content-5aec69fcc8908 .cp-form-container .cp-submit { padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px;}.content-5aec69fcc8908 .cp-form-container .cp-submit.cp-btn-flat { background: #278ac4!important;border-radius:3px;}.content-5aec69fcc8908 .cp-form-container .cp-submit.cp-btn-flat:hover { background: #1a7db7!important;}.content-5aec69fcc8908 .cp-form-field.cp-enable-box-shadow > div { border-radius: 3px;}</style>
<div class="form-main cp-form-layout-4">

<form id="smile-optin-form" class="cp-form ">

<input type="hidden" id="_wpnonce" name="_wpnonce" value="da1eebfc91" /><input type="hidden" name="_wp_http_referer" value="/" /> <input type="hidden" name="cp-page-url" value="https://responsivevoice.org" />
<input type="hidden" name="param[user_id]" value="cp-uid-2cf247b4cf922cc27c213eb79d2bf075" />
<input type="hidden" name="param[date]" value="4-5-2018" />
<input type="hidden" name="list_parent_index" value="0" />
<input type="hidden" name="action" value="cp_add_subscriber" />
<input type="hidden" name="list_id" value="0" />
<input type="hidden" name="style_id" value="cp_id_048ae" />
<input type="hidden" name="msg_wrong_email" value='Please enter correct email address.' />
<input type="hidden" name="message" value="Thank you." />
<input type="hidden" name="only_conversion" value="true" />
<div class="cp-submit-wrap cp-submit-wrap-full col-md-12 col-lg-12 col-sm-12 col-xs-12 ">
<a href="#" rel="nofollow" class = "cp_nofollow" >
<div class="cp-submit btn-subscribe cp_responsive cp-btn-flat " data-redirect-link="https://cnhv.co/b2uh" data-redirect-link-target="_self" >
YES, SHOW ME HOW! </div>
</a>
</div><!-- .cp-submit-wrap -->
</form><!-- #smile-optin-form -->
</div>
</div>
<div class="cp-info-container cp_responsive cp-empty" >
</div>
</div>
</div>
<!-- AFTER CONTENTS -->
<input type="hidden" class="cp-impress-nonce" name="cp-impress-nonce" value="6bb978dad6">

</div><!-- .cp-modal-body -->

</div><!-- .cp-modal-content -->
<div class="cp-overlay-close cp-image-close cp-adjacent-close cp-adjacent-right" style="width: 32px">
<img class="cp-default-close" src="https://responsivevoice.org/wp-content/plugins/convertplug/modules/modal/functions/config/img/cross.png" /> </div>

</div><!-- .cp-animate-container -->

</div><!-- .cp-modal -->
<!-- .affiliate link for fullscreen -->

</div><!-- .cp-overlay -->
</div><!-- .cp-modal-popup-container -->
<script type="text/javascript" id="info-bar">
jQuery(window).on( 'load', function(){
startclock();
});
function stopclock (){
if(timerRunning) clearTimeout(timerID);
timerRunning = false;
document.cookie="time=0";
}
function showtime () {
var now = new Date();
var my = now.getTime() ;
now = new Date(my-diffms) ;
document.cookie="time="+now.toLocaleString();
timerID = setTimeout('showtime()',10000);
timerRunning = true;
}
function startclock () {
stopclock();
showtime();
}
var timerID = null;
var timerRunning = false;
var x = new Date() ;
var now = x.getTime() ;
var gmt = 1525443068 * 1000 ;
var diffms = (now - gmt) ;
</script>
<script type="text/javascript" id="slidein">
jQuery(window).on( 'load', function(){
startclock();
});
function stopclock (){
if(timerRunning) clearTimeout(timerID);
timerRunning = false;
document.cookie="time=0";
}

function showtime () {
var now = new Date();
var my = now.getTime() ;
now = new Date(my-diffms) ;
document.cookie="time="+now.toLocaleString();
timerID = setTimeout('showtime()',10000);
timerRunning = true;
}

function startclock () {
stopclock();
showtime();
}
var timerID = null;
var timerRunning = false;
var x = new Date() ;
var now = x.getTime() ;
var gmt = 1525443068 * 1000 ;
var diffms = (now - gmt) ;
</script>
<script type="text/javascript">
(function(d, a) {
var h = d.getElementsByTagName("head")[0], p = d.location.protocol, s;
wl_ef_uid = a;
s = d.createElement("script");
s.type = "text/javascript";
s.charset = "utf-8";
s.async = true;
s.defer = true;
s.src = "//app.wishloop.com/js/ef_embed.min.js";
h.appendChild(s);
})(document, '3085');
</script>
<div style="display:none">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-35369787-20', 'auto');
</script>
<!-- Google Code for Remarketing Tag -->
<!--------------------------------------------------
Remarketing tags may not be associated with personally identifiable information or placed on pages related to sensitive categories. See more information and instructions on how to setup the tag on: http://google.com/ads/remarketingsetup
--------------------------------------------------->
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 983995444;
var google_custom_params = window.google_tag_params;
var google_remarketing_only = true;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/983995444/?value=0&amp;guid=ON&amp;script=0"/>
</div>
</noscript>
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','//connect.facebook.net/en_US/fbevents.js');
fbq('init', '984249444929198');
fbq('track', "PageView");</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=984249444929198&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
<!-- WhiteLabelAnalytics --> <script type="text/javascript"> var _wla = _wla || []; _wla.push(['trackPageView']); _wla.push(['enableLinkTracking']); (function() { var u="//demo.whitelabelanalytics.net/"; _wla.push(['setTrackerUrl', u+'analytics.php']); _wla.push(['setSiteId', 33]); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'analytics.js.php'; s.parentNode.insertBefore(g,s); })(); </script> <noscript><p><img src="//demo.whitelabelanalytics.net/analytics.php?idsite=33" style="border:0;" alt="" /></p></noscript> <!-- End WhiteLabelAnalytics Code -->
</div>
<script>
$('#rvtest').click(function(){responsiveVoice.speak("Hello world");});
</script><link rel='stylesheet' id='bsf-core-frosty-style-css' href='https://responsivevoice.org/wp-content/plugins/convertplug/admin/bsf-core/assets/css/frosty.css?ver=4.9.5' type='text/css' media='all' />
<link rel='stylesheet' id='first_order-cp_id_048ae-css' href='https://responsivevoice.org/wp-content/plugins/convertplug/modules/modal/functions/config/../../assets/demos/first_order/first_order.min.css?ver=4.9.5' type='text/css' media='all' />
<script type='text/javascript' src='https://responsivevoice.org/wp-includes/js/comment-reply.min.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/themes/one/framework/assets/frontend/js/filter.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/themes/one/framework/assets/frontend/js/isotope.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/themes/one/js/modernizr.min.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/themes/one/js/jquery.royalslider.min.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/themes/one/js/jquery.scrollTo.min.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/themes/one/js/isotope.pkgd.min.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/themes/one/js/jquery.fitvids.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/themes/one/js/jquery.fittext.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/themes/one/js/60fps-scroll.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/themes/one/js/nprogress.min.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/themes/one/js/fastclick.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/themes/one/js/jquery.parallax.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/themes/one/js/slideshow.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/themes/one/js/script.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/themes/one/config/modules/backpack/photogallery/js/jquery.photoset.min.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/themes/one/config/modules/backpack/photogallery/js/photogallery.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/themes/one/config/modules/backpack/lightbox/magnificpopup/js/magnificpopup.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/themes/one/config/modules/backpack/lightbox/js/lightbox.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/themes/one/config/modules/backpack/lightbox/magnificpopup/js/lightbox.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/themes/one/config/modules/backpack/like/js/thb-like.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/themes/one/framework/assets/frontend/js/thb.toolkit.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/themes/one/framework/assets/frontend/js/frontend.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/themes/one/framework/assets/frontend/js/jquery.easing.1.3.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/themes/one/framework/assets/frontend/js/froogaloop.min.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/themes/one/config/modules/backpack/general/js/jquery.easypiechart.min.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/themes/one/config/modules/backpack/general/js/odometer.min.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/themes/one/config/modules/backpack/general/js/general_module_lib.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/themes/one/config/modules/backpack/builder/js/builder.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-includes/js/wp-embed.min.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/plugins/convertplug/admin/bsf-core/assets/js/frosty.js?ver=4.9.5'></script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/plugins/convertplug/modules/assets/js/idle-timer.min.js'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var smile_ajax = {"url":"https:\/\/responsivevoice.org\/wp-admin\/admin-ajax.php"};
/* ]]> */
</script>
<script type='text/javascript' src='https://responsivevoice.org/wp-content/plugins/convertplug/modules/modal/assets/js/modal.min.js'></script>
</body>
</html>