- Scan ID:
- d6477fd7-ac26-43a6-a0dd-3a3c622d10a5Finished
- Submitted URL:
- https://crikk.com/text-to-speech/
- Report Finished:
Links · 1 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://play.google.com/store/apps/details?id=com.crickk.ttsofficial&hl=en_IN |
JavaScript Variables · 98 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| 0 | object |
| 1 | object |
| 2 | object |
| 3 | object |
| 4 | object |
| 5 | object |
| 6 | object |
| 7 | object |
| 8 | object |
| 9 | object |
Console log messages · 4 found
Messages logged to the web console
| Type | Category | Log |
|---|---|---|
| warning | other |
|
| info | other |
|
| warning | other |
|
| warning | other |
|
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en"><head><meta http-equiv="origin-trial" content="A/kargTFyk8MR5ueravczef/wIlTkbVk1qXQesp39nV+xNECPdLBVeYffxrM8TmZT6RArWGQVCJ0LRivD7glcAUAAACQeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
<!-- Google Tag Manager -->
<script src="https://partner.googleadservices.com/gampad/cookie.js?domain=crikk.com&client=partner-pub-4086067329092893&product=SAS&callback=__sasCookie&cookie_types=v1%2Cv2"></script><script src="https://pagead2.googlesyndication.com/pagead/managed/js/adsense/m202411140101/reactive_library_fy2021.js"></script><script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/pPK749sccDmVW_9DSeTMVvh2/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-BJuEtmqk8gvp2kvOiXzxtaoRQQS7QjSOSAczV0tKC29lpbOt/RFR43n1iVnzO4Em"></script><script async="" src="https://www.clarity.ms/s/0.7.56/clarity.js"></script><script src="https://connect.facebook.net/signals/config/608787809905136?v=2.9.176&r=stable&domain=crikk.com&hme=872f04a0547459b3285cb03b0d7a47bfde40628f4b386809918a621e2688602f&ex_m=70%2C121%2C107%2C111%2C61%2C4%2C100%2C69%2C16%2C97%2C89%2C51%2C54%2C172%2C175%2C187%2C183%2C184%2C186%2C29%2C101%2C53%2C77%2C185%2C167%2C170%2C180%2C181%2C188%2C131%2C41%2C189%2C190%2C34%2C143%2C15%2C50%2C195%2C194%2C133%2C18%2C40%2C1%2C43%2C65%2C66%2C67%2C71%2C93%2C17%2C14%2C96%2C92%2C91%2C108%2C52%2C110%2C39%2C109%2C30%2C94%2C26%2C168%2C171%2C140%2C86%2C56%2C84%2C33%2C73%2C0%2C95%2C32%2C28%2C82%2C83%2C88%2C47%2C46%2C87%2C37%2C11%2C12%2C13%2C6%2C7%2C25%2C22%2C23%2C57%2C62%2C64%2C75%2C102%2C27%2C76%2C9%2C8%2C80%2C48%2C21%2C104%2C103%2C105%2C98%2C10%2C20%2C3%2C38%2C74%2C19%2C5%2C90%2C81%2C44%2C35%2C85%2C2%2C36%2C63%2C42%2C106%2C45%2C79%2C68%2C112%2C60%2C59%2C31%2C99%2C58%2C55%2C49%2C78%2C72%2C24%2C113" async=""></script><script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script><script async="" src="https://www.clarity.ms/tag/jj0km8y8se"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-0PRQTGTWRS&l=dataLayer&cx=c&gtm=45He4bk0v9169856922za200"></script><script src="https://pagead2.googlesyndication.com/pagead/managed/js/adsense/m202411140101/show_ads_impl_with_ama_fy2021.js?client=ca-pub-4086067329092893&plah=crikk.com"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-M8GW5QTJ"></script><script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-M8GW5QTJ');
</script>
<!-- End Google Tag Manager -->
<title>Unlimited Free Text to Speech Online Tool (2024)</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta property="url" content="https://crikk.com/text-to-speech/">
<meta property="type" content="website">
<meta property="title" content="Unlimited Free Text to Speech Online Tool (2024)">
<meta property="description" content="Try our English text to speech tool free. It is 100% free & unlimited, no signup required">
<meta property="image" content="https://api.crikk.com/app/assets/images/logo.png">
<meta name="theme-color" content="#color_code">
<meta property="locale" content="en">
<meta property="site_name" content="Crikk">
<link rel="canonical" href="https://crikk.com/text-to-speech/">
<link rel="icon" href="https://api.crikk.com/app/assets/favicon_io/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://api.crikk.com/app/assets/css/bootstrap.min.css">
<link rel="stylesheet" href="https://api.crikk.com/app/assets/css/voice_utilities.css">
<link rel="stylesheet" href="https://api.crikk.com/app/assets/css/voice_styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://api.crikk.com/app/assets/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link rel="stylesheet" href="https://api.crikk.com/app/assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="https://api.crikk.com/app/assets/css/owl.theme.default.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://api.crikk.com/app/assets/css/custom.css">
<style type="text/css">
.vn-red a {
background-color: #8A5CFF;
display: inline-block;
position: relative;
margin: 30px 5px;
padding: 20px 20px 20px 80px;
color: #fff;
transition: all 0.4s ease;
font-weight: 900;
text-decoration: none;
}
.vn-red a:before {
content: "\f054";
/* content: "\f019"; */
font-family: "Font Awesome 5 Free";
position: absolute;
text-decoration: inherit;
font-size: 28px;
border-radius: 0 20px 0 0;
color: #000;
background-color: #fff;
opacity: 0.3;
padding: 11px 20px;
top: 0;
left: 0;
font-weight: 900;
}
.vn-red a:hover {
background: #2c3e50
}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 0 !important;
align-items: center;
}
.nav-item a {
text-decoration: none !important;
}
footer a {
text-decoration: none !important;
color: black;
}
.container {
padding: 0px 15px;
}
.p-15 {
padding: 0px 15px !important;
}
.card-header {
padding: 12px 20px !important;
}
.card-body {
padding: 20px !important;
}
.disabled-btn {
opacity: 0.65;
pointer-events: none;
cursor: not-allowed;
}
.display_grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0px;
}
@media(max-width:767px) {
.display_grid {
grid-template-columns: repeat(3, 1fr);
gap: 0px;
padding: 0 !important;
}
}
#tidio-chat-iframe {
margin-bottom: 40px !important;
}
/* SLIDER CSS */
.slider_title {
font-weight: bold;
text-align: center;
padding-bottom: 2rem;
}
.slider_container .slider_common {
position: relative;
height: 100%;
width: 100%;
}
.slider_container .slider_common::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: contain;
opacity: 0.2;
z-index: 1;
}
.slider_container .slider_common .row {
position: relative;
z-index: 2;
}
.slider_container .slider_one::before {
background: url('https://api.crikk.com/app/assets/images/slider/user1.png') center no-repeat;
}
.slider_container .slider_three::before {
background: url('https://api.crikk.com/app/assets/images/slider/user3.png') center no-repeat;
background-size: contain;
}
.slider_container .slider_three .slider_heading,
.slider_container .slider_three p {
color: white;
}
.slider_container .slider_heading {
color: var(--color-black-solid, #000);
font-family: var(--font-family-Font-3, Inter);
font-size: 36px;
font-style: normal;
font-weight: var(--font-weight-700, 700);
line-height: var(--line-height-27, 27px);
/* 75% */
}
.slider_container p {
color: var(--color-black-solid, #000);
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
padding: 16px 0;
}
/* Footer Controls */
#featuresCarousel .carousel-control-prev,
#featuresCarousel .carousel-control-next {
position: absolute;
bottom: 20px;
width: 5%;
background-color: rgba(0, 0, 0, 0.3);
border-radius: 50%;
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
}
#featuresCarousel .carousel-inner .carousel-indicators button {
width: 3px !important;
border-radius: 4px !important;
}
#featuresCarousel .carousel-indicators [data-bs-target] {
width: 6px !important;
height: 6px !important;
border-radius: 50% !important;
border-top: none !important;
border-bottom: none !important;
}
#featuresCarousel .carousel-indicators .active {
width: 20px !important;
border-radius: 35px !important;
height: 6px;
}
.carousel-footer {
left: 38%;
}
.img-fluid1 {
max-width: 100%;
height: auto;
}
.app-store {
width: 150px !important;
}
.slider_three .app-store {
width: 130px !important;
}
.app-store-img {
position: relative;
overflow: hidden;
}
.ribbon-wrapper {
position: absolute;
top: 0;
right: 0;
overflow: hidden;
width: 100px;
/* Adjust width as needed */
height: 100px;
/* Adjust height as needed */
}
.ribbon {
position: absolute;
top: 10px;
right: -30px;
padding: 5px 0;
width: 140px;
background-color: #FF6347;
/* Ribbon color */
color: white;
font-size: 8px;
text-align: center;
font-weight: bold;
transform: rotate(45deg);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 767px) {
.item_one {}
.slider_container {
padding: 20px;
text-align: center;
}
.slider_container .slider_heading {
font-size: 24px;
font-style: normal;
font-weight: var(--font-weight-700, 700);
}
.slider_container p {
font-size: 16px;
}
.carousel-item:nth-child(3) .slider_container p {
padding: 6px 0;
}
.mobile-apps {
justify-content: center;
}
.carousel-item:nth-child(2) .slider_container {
align-items: center !important;
}
.slider_two {
align-items: center !important;
}
.app-store {
width: 150px !important;
}
.slider_three .app-store {
width: 58px !important;
}
.ribbon-wrapper {
display: none;
}
}
@media only screen and (max-width: 991px) {
.carousel-item:nth-child(2) .slider_component {
width: 100% !important;
}
.carousel-item:nth-child(3) .slider_component {
width: 70% !important;
}
.ribbon-wrapper {
display: none;
}
}
</style>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"url": "https://crikk.com/text-to-speech/",
"name": "Unlimited Free Text to Speech Online Tool (2024)",
"description": "Convert your text into speech for English language",
"inLanguage": "en",
"speakable": {
"@type": "SpeakableSpecification",
"xpath": [
"/html/head/title",
"/html/head/meta[@name='description']/@content"
]
},
"mainEntity": {
"@type": "Thing",
"name": "Crikk"
}
}
</script>
<script async="" defer="" src="https://app.visitortracking.com/assets/js/tracer.js"></script>
<script>
function init_tracer() {
var tracer = new Tracer({
websiteId: "b7166b40-710a-4dcf-951a-f481501e72e0",
async: true,
debug: false
});
}
</script>
<script defer="" src="https://www.google.com/recaptcha/api.js"></script>
<style>
.ad-container {
text-align: center; /* Center the ad */
max-width: 100%;
overflow: hidden;
}
.adsbygoogle {
display: block;
max-width: 100%;
height: auto;
}
</style>
<script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4086067329092893" crossorigin="anonymous" data-checked-head="true"></script>
<script type="text/javascript" class="flasher-js">(function() { var rootScript = 'https://cdn.jsdelivr.net/npm/@flasher/[email protected]/dist/flasher.min.js'; var FLASHER_FLASH_BAG_PLACE_HOLDER = {}; var options = mergeOptions([], FLASHER_FLASH_BAG_PLACE_HOLDER); function mergeOptions(first, second) { return { context: merge(first.context || {}, second.context || {}), envelopes: merge(first.envelopes || [], second.envelopes || []), options: merge(first.options || {}, second.options || {}), scripts: merge(first.scripts || [], second.scripts || []), styles: merge(first.styles || [], second.styles || []), }; } function merge(first, second) { if (Array.isArray(first) && Array.isArray(second)) { return first.concat(second).filter(function(item, index, array) { return array.indexOf(item) === index; }); } return Object.assign({}, first, second); } function renderOptions(options) { if(!window.hasOwnProperty('flasher')) { console.error('Flasher is not loaded'); return; } requestAnimationFrame(function () { window.flasher.render(options); }); } function render(options) { if ('loading' !== document.readyState) { renderOptions(options); return; } document.addEventListener('DOMContentLoaded', function() { renderOptions(options); }); } if (1 === document.querySelectorAll('script.flasher-js').length) { document.addEventListener('flasher:render', function (event) { render(event.detail); }); } if (window.hasOwnProperty('flasher') || !rootScript || document.querySelector('script[src="' + rootScript + '"]')) { render(options); } else { var tag = document.createElement('script'); tag.setAttribute('src', rootScript); tag.setAttribute('type', 'text/javascript'); tag.onload = function () { render(options); }; document.head.appendChild(tag); }})();</script><script src="https://cdn.jsdelivr.net/npm/@flasher/[email protected]/dist/flasher.min.js" type="text/javascript"></script>
<meta http-equiv="origin-trial" content="AlK2UR5SkAlj8jjdEc9p3F3xuFYlF6LYjAML3EOqw1g26eCwWPjdmecULvBH5MVPoqKYrOfPhYVL71xAXI1IBQoAAAB8eyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3NTgwNjcxOTksImlzU3ViZG9tYWluIjp0cnVlfQ=="><meta http-equiv="origin-trial" content="Amm8/NmvvQfhwCib6I7ZsmUxiSCfOxWxHayJwyU1r3gRIItzr7bNQid6O8ZYaE1GSQTa69WwhPC9flq/oYkRBwsAAACCeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3NTgwNjcxOTksImlzU3ViZG9tYWluIjp0cnVlfQ=="><meta http-equiv="origin-trial" content="A9wSqI5i0iwGdf6L1CERNdmsTPgVu44ewj8QxTBYgsv1LCPUVF7YmWOvTappqB1139jAymxUW/RO8zmMqo4zlAAAAACNeyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiRmxlZGdlQmlkZGluZ0FuZEF1Y3Rpb25TZXJ2ZXIiLCJleHBpcnkiOjE3MzY4MTI4MDAsImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9"><meta http-equiv="origin-trial" content="A+d7vJfYtay4OUbdtRPZA3y7bKQLsxaMEPmxgfhBGqKXNrdkCQeJlUwqa6EBbSfjwFtJWTrWIioXeMW+y8bWAgQAAACTeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiRmxlZGdlQmlkZGluZ0FuZEF1Y3Rpb25TZXJ2ZXIiLCJleHBpcnkiOjE3MzY4MTI4MDAsImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9"><script src="https://www.google.com/adsense/search/async-ads.js"></script></head>
<body aria-hidden="false">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M8GW5QTJ" height="0" width="0"
style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header>
<nav class="navbar navbar-expand-lg bg-white border-bottom py-3">
<div class="container">
<a class="navbar-brand " href="https://crikk.com">
<div class="row">
<div class="col-md-3 d-flex align-items-center">
<img src="https://api.crikk.com/app/assets/Logo/Log-main.png" width="105px" loading="lazy">
</div>
</div>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item px-2">
<a class="nav-link fw-semibold" href="https://crikk.com/pricing/">Pricing</a>
</li>
<li class="nav-item px-2">
<a class="nav-link fw-semibold" href="https://crikk.com/contact/">Contact</a>
</li>
<li class="nav-item ps-3">
<a class="btn text-white fw-semibold rounded-12 px-4 bg-black-purple border border-dark" href="https://crikk.com/app/register">Crikk Pro</a>
</li>
</ul>
</div>
</div>
</nav>
</header><div class="google-auto-placed" style="width: 100%; height: auto; clear: both; text-align: center;"><ins data-ad-format="auto" class="adsbygoogle adsbygoogle-noablate" data-ad-client="ca-pub-4086067329092893" data-adsbygoogle-status="done" style="display: block; margin: 10px auto; background-color: transparent; height: 280px;" data-ad-status="filled"><div id="aswift_1_host" style="border: none; height: 280px; width: 790px; margin: 0px; padding: 0px; position: relative; visibility: visible; background-color: transparent; display: inline-block; overflow: visible;"><iframe id="aswift_1" name="aswift_1" style="left:0;position:absolute;top:0;border:0;width:790px;height:280px;" sandbox="allow-forms allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-top-navigation-by-user-activation" width="790" height="280" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" src="https://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-4086067329092893&output=html&h=280&adk=1850155421&adf=854766408&pi=t.aa~a.108489206~rp.4&w=790&abgtt=6&fwrn=4&fwrnh=100&lmt=1733101579&rafmt=1&to=qs&pwprc=7940191006&format=790x280&url=https%3A%2F%2Fcrikk.com%2Ftext-to-speech%2F&fwr=0&pra=3&rpe=1&resp_fmts=3&wgl=1&fa=40&uach=WyIiLCIiLCIiLCIiLCIiLG51bGwsMCxudWxsLCIiLG51bGwsMF0.&dt=1733101578939&bpp=3&bdt=1054&idt=913&shv=r20241120&mjsv=m202411140101&ptt=9&saldr=aa&abxe=1&eoidce=1&prev_fmts=0x0&nras=2&correlator=8225394709207&frm=20&pv=1&u_tz=0&u_his=2&u_h=1&u_w=1&u_ah=1&u_aw=1&u_cd=24&u_sd=1&dmc=2&adx=0&ady=99&biw=790&bih=600&scr_x=0&scr_y=0&eid=31088961%2C95335247%2C95345966&oid=2&pvsid=1691279904462529&tmod=820936451&uas=0&nvt=1&fc=1920&brdim=0%2C0%2C0%2C0%2C1%2C0%2C0%2C0%2C800%2C600&vis=1&rsz=%7C%7Cs%7C&abl=NS&fu=128&bc=31&bz=0&ifi=2&uci=a!2&fsb=1&dtd=949" data-google-container-id="a!2" tabindex="0" title="Advertisement" aria-label="Advertisement" data-google-query-id="CO_4pcDyh4oDFa1HHQkdehQI3A" data-load-complete="true"></iframe></div></ins></div>
<section class="section">
<div class="container">
<div id="generate-new-audio">
<div class="row d-flex justify-content-center">
<div class="col-md-7 col-12">
<h1 class="text-center fw-800">Unlimited Free Text to Speech Online Tool (2024)</h1>
</div>
<div class="col-md-7 col-12">
<p class="text-center fw-semibold">Use our free English <a href="#" class="google-anno" data-google-vignette="false" data-google-interstitial="false" style="border: 0px !important; box-shadow: none !important; display: inline !important; float: none !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; text-decoration: none !important; fill: currentcolor !important;"><svg viewBox="100 -1000 840 840" width="calc(16px - 2px)" height="16px" style="color: inherit !important; font: initial !important; font-palette: initial !important; font-synthesis: initial !important; forced-color-adjust: initial !important; text-orientation: initial !important; text-rendering: initial !important; -webkit-font-smoothing: initial !important; -webkit-locale: initial !important; -webkit-text-orientation: initial !important; -webkit-writing-mode: initial !important; writing-mode: initial !important; zoom: initial !important; accent-color: initial !important; place-content: initial !important; place-items: initial !important; place-self: initial !important; alignment-baseline: initial !important; animation-composition: initial !important; animation: initial !important; app-region: initial !important; appearance: initial !important; aspect-ratio: initial !important; backdrop-filter: initial !important; backface-visibility: initial !important; background: initial !important; background-blend-mode: initial !important; baseline-shift: initial !important; baseline-source: initial !important; block-size: initial !important; border-block: initial !important; border: 0px !important; border-radius: initial !important; border-collapse: initial !important; border-end-end-radius: initial !important; border-end-start-radius: initial !important; border-inline: initial !important; border-start-end-radius: initial !important; border-start-start-radius: initial !important; inset: initial !important; box-shadow: none !important; box-sizing: initial !important; break-after: initial !important; break-before: initial !important; break-inside: initial !important; buffered-rendering: initial !important; caption-side: initial !important; caret-color: initial !important; clear: initial !important; clip: initial !important; clip-path: initial !important; clip-rule: initial !important; color-interpolation: initial !important; color-interpolation-filters: initial !important; color-rendering: initial !important; color-scheme: initial !important; columns: initial !important; column-fill: initial !important; gap: initial !important; column-rule: initial !important; column-span: initial !important; contain: initial !important; contain-intrinsic-block-size: initial !important; contain-intrinsic-size: initial !important; contain-intrinsic-inline-size: initial !important; container: initial !important; content: initial !important; content-visibility: initial !important; counter-increment: initial !important; counter-reset: initial !important; counter-set: initial !important; cursor: inherit !important; cx: initial !important; cy: initial !important; d: initial !important; display: inline !important; dominant-baseline: initial !important; empty-cells: initial !important; fill: currentcolor !important; fill-opacity: initial !important; fill-rule: initial !important; filter: initial !important; flex: initial !important; flex-flow: initial !important; float: none !important; flood-color: initial !important; flood-opacity: initial !important; grid: initial !important; grid-area: initial !important; height: initial !important; hyphenate-character: initial !important; hyphenate-limit-chars: initial !important; hyphens: initial !important; image-orientation: initial !important; image-rendering: initial !important; initial-letter: initial !important; inline-size: initial !important; inset-block: initial !important; inset-inline: initial !important; isolation: initial !important; letter-spacing: initial !important; lighting-color: initial !important; line-break: initial !important; list-style: initial !important; margin-block: initial !important; margin: 0px !important; margin-inline: initial !important; marker: initial !important; mask: initial !important; mask-type: initial !important; math-depth: initial !important; math-shift: initial !important; math-style: initial !important; max-block-size: initial !important; max-height: initial !important; max-inline-size: initial !important; max-width: initial !important; min-block-size: initial !important; min-height: initial !important; min-inline-size: initial !important; min-width: initial !important; mix-blend-mode: initial !important; object-fit: initial !important; object-position: initial !important; object-view-box: initial !important; offset: initial !important; opacity: initial !important; order: initial !important; orphans: initial !important; outline: 0px !important; outline-offset: initial !important; overflow-anchor: initial !important; overflow-clip-margin: initial !important; overflow-wrap: initial !important; overflow: initial !important; overlay: initial !important; overscroll-behavior-block: initial !important; overscroll-behavior-inline: initial !important; overscroll-behavior: initial !important; padding-block: initial !important; padding: 0px !important; padding-inline: initial !important; page: initial !important; page-orientation: initial !important; paint-order: initial !important; perspective: initial !important; perspective-origin: initial !important; pointer-events: initial !important; position: initial !important; quotes: initial !important; r: initial !important; resize: initial !important; rotate: initial !important; ruby-position: initial !important; rx: initial !important; ry: initial !important; scale: initial !important; scroll-behavior: initial !important; scroll-margin-block: initial !important; scroll-margin: initial !important; scroll-margin-inline: initial !important; scroll-padding-block: initial !important; scroll-padding: initial !important; scroll-padding-inline: initial !important; scroll-snap-align: initial !important; scroll-snap-stop: initial !important; scroll-snap-type: initial !important; scroll-timeline: initial !important; scrollbar-gutter: initial !important; shape-image-threshold: initial !important; shape-margin: initial !important; shape-outside: initial !important; shape-rendering: initial !important; size: initial !important; speak: initial !important; stop-color: initial !important; stop-opacity: initial !important; stroke: initial !important; stroke-dasharray: initial !important; stroke-dashoffset: initial !important; stroke-linecap: initial !important; stroke-linejoin: initial !important; stroke-miterlimit: initial !important; stroke-opacity: initial !important; stroke-width: initial !important; tab-size: initial !important; table-layout: initial !important; text-align: initial !important; text-align-last: initial !important; text-anchor: initial !important; text-combine-upright: initial !important; text-decoration: initial !important; text-decoration-skip-ink: initial !important; text-emphasis: initial !important; text-emphasis-position: initial !important; text-indent: initial !important; text-overflow: initial !important; text-shadow: initial !important; text-size-adjust: initial !important; text-transform: initial !important; text-underline-offset: initial !important; text-underline-position: initial !important; white-space: initial !important; timeline-scope: initial !important; touch-action: initial !important; transform: initial !important; transform-box: initial !important; transform-origin: initial !important; transform-style: initial !important; transition: initial !important; translate: initial !important; user-select: initial !important; vector-effect: initial !important; vertical-align: initial !important; view-timeline: initial !important; view-transition-name: initial !important; visibility: initial !important; border-spacing: initial !important; -webkit-box-align: initial !important; -webkit-box-decoration-break: initial !important; -webkit-box-direction: initial !important; -webkit-box-flex: initial !important; -webkit-box-ordinal-group: initial !important; -webkit-box-orient: initial !important; -webkit-box-pack: initial !important; -webkit-box-reflect: initial !important; -webkit-line-break: initial !important; -webkit-line-clamp: initial !important; -webkit-mask-box-image: initial !important; -webkit-print-color-adjust: initial !important; -webkit-rtl-ordering: initial !important; -webkit-ruby-position: initial !important; -webkit-tap-highlight-color: initial !important; -webkit-text-combine: initial !important; -webkit-text-decorations-in-effect: initial !important; -webkit-text-fill-color: unset !important; -webkit-text-security: initial !important; -webkit-text-stroke: initial !important; -webkit-user-drag: initial !important; -webkit-user-modify: initial !important; widows: initial !important; width: initial !important; will-change: initial !important; word-break: initial !important; word-spacing: initial !important; x: initial !important; y: initial !important; z-index: initial !important;"><path d="m784-120-252-252q-30 24-69 38t-83 14q-109 0-184.5-75.5t-75.5-184.5q0-109 75.5-184.5t184.5-75.5q109 0 184.5 75.5t75.5 184.5q0 44-14 83t-38 69l252 252-56 56zm-404-280q75 0 127.5-52.5t52.5-127.5q0-75-52.5-127.5t-127.5-52.5q-75 0-127.5 52.5t-52.5 127.5q0 75 52.5 127.5t127.5 52.5z"></path></svg> <span class="google-anno-t" style="border: 0px !important; box-shadow: none !important; display: inline !important; float: none !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; text-decoration: underline dotted !important; color: inherit !important; font-family: inherit !important; font-size: inherit !important; font-style: inherit !important; font-weight: inherit !important;">text to
speech</span></a> platform to
transform
your English text into a
realistic voice.</p>
</div>
</div>
<div class="row">
<div class="col-lg-9 col-12">
<form method="post" id="generate-voice">
<input type="hidden" name="_token" value="XtPgn95wjhVQQ76ujXmJiZnu44Zjr2K2mb7bX007"> <div class="flex-row row g-2">
<div class="select-container-left">
<select name="languages" class="form-control form-select ps-md-5 py-3 rounded-12" id="languages" required="">
<option class="check-languages" value="Afrikaans">Afrikaans</option>
<option class="check-languages" value="Albanian">Albanian</option>
<option class="check-languages" value="Amharic">Amharic</option>
<option class="check-languages" value="Arabic">Arabic</option>
<option class="check-languages" value="Azerbaijani">Azerbaijani</option>
<option class="check-languages" value="Bengali">Bengali</option>
<option class="check-languages" value="Bosnian">Bosnian</option>
<option class="check-languages" value="Bulgarian">Bulgarian</option>
<option class="check-languages" value="Myanmar">Myanmar</option>
<option class="check-languages" value="Catalan">Catalan</option>
<option class="check-languages" value="Chinese">Chinese</option>
<option class="check-languages" value="Croatian">Croatian</option>
<option class="check-languages" value="Czech">Czech</option>
<option class="check-languages" value="Danish">Danish</option>
<option class="check-languages" value="Dutch">Dutch</option>
<option class="check-languages" selected="" value="English">English</option>
<option class="check-languages" value="Estonian">Estonian</option>
<option class="check-languages" value="Finnish">Finnish</option>
<option class="check-languages" value="French">French</option>
<option class="check-languages" value="Galician">Galician</option>
<option class="check-languages" value="Georgian">Georgian</option>
<option class="check-languages" value="German">German</option>
<option class="check-languages" value="Greek">Greek</option>
<option class="check-languages" value="Gujarati">Gujarati</option>
<option class="check-languages" value="Hindi">Hindi</option>
<option class="check-languages" value="Hungarian">Hungarian</option>
<option class="check-languages" value="Icelandic">Icelandic</option>
<option class="check-languages" value="Indonesian">Indonesian</option>
<option class="check-languages" value="Irish">Irish</option>
<option class="check-languages" value="Italian">Italian</option>
<option class="check-languages" value="Japanese">Japanese</option>
<option class="check-languages" value="Kannada">Kannada</option>
<option class="check-languages" value="Kazakh">Kazakh</option>
<option class="check-languages" value="Khmer">Khmer</option>
<option class="check-languages" value="Korean">Korean</option>
<option class="check-languages" value="Lao">Lao</option>
<option class="check-languages" value="Latvian">Latvian</option>
<option class="check-languages" value="Lithuanian">Lithuanian</option>
<option class="check-languages" value="Macedonian">Macedonian</option>
<option class="check-languages" value="Malay">Malay</option>
<option class="check-languages" value="Malayalam">Malayalam</option>
<option class="check-languages" value="Maltese">Maltese</option>
<option class="check-languages" value="Marathi">Marathi</option>
<option class="check-languages" value="Mongolian">Mongolian</option>
<option class="check-languages" value="Nepali">Nepali</option>
<option class="check-languages" value="Pashto">Pashto</option>
<option class="check-languages" value="Persian">Persian</option>
<option class="check-languages" value="Polish">Polish</option>
<option class="check-languages" value="Portuguese">Portuguese</option>
<option class="check-languages" value="Romanian">Romanian</option>
<option class="check-languages" value="Russian">Russian</option>
<option class="check-languages" value="Serbian">Serbian</option>
<option class="check-languages" value="Sinhala">Sinhala</option>
<option class="check-languages" value="Slovak">Slovak</option>
<option class="check-languages" value="Slovenian">Slovenian</option>
<option class="check-languages" value="Somali">Somali</option>
<option class="check-languages" value="Spanish">Spanish</option>
<option class="check-languages" value="Sundanese">Sundanese</option>
<option class="check-languages" value="Swahili">Swahili</option>
<option class="check-languages" value="Swedish">Swedish</option>
<option class="check-languages" value="Tamil">Tamil</option>
<option class="check-languages" value="Telugu">Telugu</option>
<option class="check-languages" value="Thai">Thai</option>
<option class="check-languages" value="Turkish">Turkish</option>
<option class="check-languages" value="Ukrainian">Ukrainian</option>
<option class="check-languages" value="Urdu">Urdu</option>
<option class="check-languages" value="Uzbek">Uzbek</option>
<option class="check-languages" value="Vietnamese">Vietnamese</option>
<option class="check-languages" value="Welsh">Welsh</option>
<option class="check-languages" value="Zulu">Zulu</option>
<option class="check-languages" value="Filipino">Filipino</option>
<option class="check-languages" value="Hebrew">Hebrew</option>
<option class="check-languages" value="Javanese">Javanese</option>
<option class="check-languages" value="Norwegian">Norwegian</option>
</select>
<img src="https://api.crikk.com/app/assets/images/iconImages/ion_language.png" class="icon-box-select d-none d-md-block" slot="language">
</div>
<div class="select-container-right">
<select name="voice" class="form-control form-select ps-md-5 py-3 rounded-12" id="voices" required="">
<option value="en-AU-NatashaNeural">
Natasha English (Australia)
</option>
<option value="en-AU-WilliamNeural">
William English (Australia)
</option>
<option value="en-CA-ClaraNeural">
Clara English (Canada)
</option>
<option value="en-CA-LiamNeural">
Liam English (Canada)
</option>
<option value="en-GB-LibbyNeural">
Libby English (UK)
</option>
<option value="en-GB-MaisieNeural">
Maisie English (UK)
</option>
<option value="en-GB-RyanNeural">
Ryan English (UK)
</option>
<option value="en-GB-SoniaNeural">
Sonia English (UK)
</option>
<option value="en-GB-ThomasNeural">
Thomas English (UK)
</option>
<option value="en-HK-SamNeural">
Sam English (Hong Kong)
</option>
<option value="en-HK-YanNeural">
Yan English (Hong Kong)
</option>
<option value="en-IE-ConnorNeural">
Connor English (Ireland)
</option>
<option value="en-IE-EmilyNeural">
Emily English (Ireland)
</option>
<option value="en-IN-NeerjaExpressiveNeural">
Neerja English Expressive (India)
</option>
<option value="en-IN-NeerjaNeural">
Neerja English (India)
</option>
<option value="en-IN-PrabhatNeural">
Prabhat English (India)
</option>
<option value="en-KE-AsiliaNeural">
Asilia English (Kenya)
</option>
<option value="en-KE-ChilembaNeural">
Chilemba English (Kenya)
</option>
<option value="en-NG-AbeoNeural">
Abeo English (Nigeria)
</option>
<option value="en-NG-EzinneNeural">
Ezinne English (Nigeria)
</option>
<option value="en-NZ-MitchellNeural">
Mitchell English (New Zealand)
</option>
<option value="en-NZ-MollyNeural">
Molly English (New Zealand)
</option>
<option value="en-PH-JamesNeural">
James English (Philippines)
</option>
<option value="en-PH-RosaNeural">
Rosa English (Philippines)
</option>
<option value="en-SG-LunaNeural">
Luna English (Singapore)
</option>
<option value="en-SG-WayneNeural">
Wayne English (Singapore)
</option>
<option value="en-TZ-ElimuNeural">
Elimu English (Tanzania)
</option>
<option value="en-TZ-ImaniNeural">
Imani English (Tanzania)
</option>
<option value="en-US-AnaNeural">
Ana English (US)
</option>
<option value="en-US-AriaNeural">
Aria English (US)
</option>
<option value="en-US-ChristopherNeural">
Christopher English (US)
</option>
<option value="en-US-EricNeural">
Eric English (US)
</option>
<option value="en-US-GuyNeural">
Guy English (US)
</option>
<option value="en-US-JennyNeural">
Jenny English (US)
</option>
<option value="en-US-MichelleNeural">
Michelle English (US)
</option>
<option value="en-US-RogerNeural">
Roger English (US)
</option>
<option value="en-US-SteffanNeural">
Steffan English (US)
</option>
<option value="en-ZA-LeahNeural">
Leah English (South Africa)
</option>
<option value="en-ZA-LukeNeural">
Luke English (South Africa)
</option>
</select>
<img src="https://api.crikk.com/app/assets/play-icons/playing-2.svg" class="d-none d-md-block icon-box-select" slot="language">
</div>
</div>
<div class="row my-2">
<div class="col-12">
<textarea class="form-control rounded-12" name="text" id="promptText" placeholder="Type text here..." rows="10" required=""></textarea>
</div>
</div>
<div class="row g-2">
<div class="col-12">
<input type="hidden" id="recaptcha-response" name="recaptcha-response">
<div><div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; display: block; transition: right 0.3s ease 0s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px 5px; border-radius: 2px; overflow: hidden;"><div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-84segx1jk1r" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LckLxwqAAAAAOzqoSYbgLUCwj7CLVgo7jqM4Bw9&co=aHR0cHM6Ly9jcmlray5jb206NDQz&hl=en&v=pPK749sccDmVW_9DSeTMVvh2&size=invisible&cb=ahjszr5wfsu9"></iframe></div><div class="grecaptcha-error"></div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div><iframe style="display: none;"></iframe></div><button id="action_submit" class="btn bg-black-purple rounded-12 w-100 py-3 text-white">
<span class="fw-semibold text-white" v-show="!loading">Generate</span>
</button>
<div id="generatedVoice" class="mb-0 mt-2"></div>
</div>
</div>
</form>
</div>
<div class="col-lg-3 col-12 p-4 px-md-3 py-md-0">
<div class="row bg-white h-100 rounded-12 border border-1">
<div class="col-12">
<img src="https://api.crikk.com/app/assets/Logo/icon-main.svg" class="w-100 px-5 pt-3" loading="lazy">
</div>
<div class="col-12 text-center">
<p class="px-5 fw-semibold">Generate lifelike speech in any language with a pro voices.
Try it free</p>
</div>
<div class="col-12 text-center pb-3">
<a href="https://crikk.com/app/register" class="btn bg-outline-purple px-1 w-100 py-3 rounded-12">Sign up</a>
</div>
</div>
</div>
</div>
<div id="showvideo" class="section">
</div>
<div class="section">
<div class="voice-card ">
<h3 class="voice-card-title fw-800">Voice Samples</h3>
<div class="chip-container voice-sample-chip-container d-block" id="voiceSample">
<div class="row px-lg-5 px-4">
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-10">
<span class="af-ZA-0-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-0')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-0-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-0')">
<img style="padding:17px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Brian</h6>
<span class="pro-text">PRO</span>
</div>
<audio preload="none" id="af-ZA-0" src="https://api.crikk.com/app/voice/voice_samples/pro_voices/Brian.wav">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-11">
<span class="af-ZA-1-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-1')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-1-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-1')">
<img style="padding:17px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Adam</h6>
<span class="pro-text">PRO</span>
</div>
<audio preload="none" id="af-ZA-1" src="https://api.crikk.com/app/voice/voice_samples/pro_voices/Adam.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-12">
<span class="af-ZA-2-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-2')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-2-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-2')">
<img style="padding:17px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Amanda</h6>
<span class="pro-text">PRO</span>
</div>
<audio preload="none" id="af-ZA-2" src="https://api.crikk.com/app/voice/voice_samples/pro_voices/Amanda.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-13">
<span class="af-ZA-3-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-3')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-3-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-3')">
<img style="padding:17px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Davis</h6>
<span class="pro-text">PRO</span>
</div>
<audio preload="none" id="af-ZA-3" src="https://api.crikk.com/app/voice/voice_samples/pro_voices/Davis.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-14">
<span class="af-ZA-4-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-4')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-4-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-4')">
<img style="padding:17px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Derek</h6>
<span class="pro-text">PRO</span>
</div>
<audio preload="none" id="af-ZA-4" src="https://api.crikk.com/app/voice/voice_samples/pro_voices/Derek.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-15">
<span class="af-ZA-5-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-5')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-5-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-5')">
<img style="padding:17px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Dustin</h6>
<span class="pro-text">PRO</span>
</div>
<audio preload="none" id="af-ZA-5" src="https://api.crikk.com/app/voice/voice_samples/pro_voices/Dustin.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-16">
<span class="af-ZA-6-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-6')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-6-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-6')">
<img style="padding:17px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Evelyn</h6>
<span class="pro-text">PRO</span>
</div>
<audio preload="none" id="af-ZA-6" src="https://api.crikk.com/app/voice/voice_samples/pro_voices/Evelyn.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-17">
<span class="af-ZA-7-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-7')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-7-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-7')">
<img style="padding:17px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Giuseppe</h6>
<span class="pro-text">PRO</span>
</div>
<audio preload="none" id="af-ZA-7" src="https://api.crikk.com/app/voice/voice_samples/pro_voices/Giuseppe.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-116">
<span class="af-ZA-16-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-16')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-16-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-16')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Natasha English (Australia)</h6>
</div>
<audio preload="none" id="af-ZA-16" src="https://api.crikk.com/app/voice/voice_samples/English/Natasha.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-117">
<span class="af-ZA-17-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-17')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-17-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-17')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
William English (Australia)</h6>
</div>
<audio preload="none" id="af-ZA-17" src="https://api.crikk.com/app/voice/voice_samples/English/William.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-118">
<span class="af-ZA-18-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-18')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-18-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-18')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Clara English (Canada)</h6>
</div>
<audio preload="none" id="af-ZA-18" src="https://api.crikk.com/app/voice/voice_samples/English/Clara.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-119">
<span class="af-ZA-19-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-19')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-19-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-19')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Liam English (Canada)</h6>
</div>
<audio preload="none" id="af-ZA-19" src="https://api.crikk.com/app/voice/voice_samples/English/Liam.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-120">
<span class="af-ZA-20-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-20')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-20-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-20')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Libby English (UK)</h6>
</div>
<audio preload="none" id="af-ZA-20" src="https://api.crikk.com/app/voice/voice_samples/English/Libby.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-121">
<span class="af-ZA-21-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-21')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-21-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-21')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Maisie English (UK)</h6>
</div>
<audio preload="none" id="af-ZA-21" src="https://api.crikk.com/app/voice/voice_samples/English/Maisie.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-122">
<span class="af-ZA-22-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-22')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-22-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-22')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Ryan English (UK)</h6>
</div>
<audio preload="none" id="af-ZA-22" src="https://api.crikk.com/app/voice/voice_samples/English/Ryan.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-123">
<span class="af-ZA-23-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-23')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-23-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-23')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Sonia English (UK)</h6>
</div>
<audio preload="none" id="af-ZA-23" src="https://api.crikk.com/app/voice/voice_samples/English/Sonia.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-124">
<span class="af-ZA-24-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-24')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-24-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-24')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Thomas English (UK)</h6>
</div>
<audio preload="none" id="af-ZA-24" src="https://api.crikk.com/app/voice/voice_samples/English/Thomas.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-125">
<span class="af-ZA-25-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-25')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-25-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-25')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Sam English (Hong Kong)</h6>
</div>
<audio preload="none" id="af-ZA-25" src="https://api.crikk.com/app/voice/voice_samples/English/Sam.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-126">
<span class="af-ZA-26-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-26')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-26-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-26')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Yan English (Hong Kong)</h6>
</div>
<audio preload="none" id="af-ZA-26" src="https://api.crikk.com/app/voice/voice_samples/English/Yan.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-127">
<span class="af-ZA-27-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-27')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-27-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-27')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Connor English (Ireland)</h6>
</div>
<audio preload="none" id="af-ZA-27" src="https://api.crikk.com/app/voice/voice_samples/English/Connor.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-128">
<span class="af-ZA-28-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-28')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-28-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-28')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Emily English (Ireland)</h6>
</div>
<audio preload="none" id="af-ZA-28" src="https://api.crikk.com/app/voice/voice_samples/English/Emily.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-129">
<span class="af-ZA-29-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-29')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-29-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-29')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Neerja English Expressive (India)</h6>
</div>
<audio preload="none" id="af-ZA-29" src="https://api.crikk.com/app/voice/voice_samples/English/NeerjaExpressive.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-130">
<span class="af-ZA-30-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-30')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-30-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-30')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Neerja English (India)</h6>
</div>
<audio preload="none" id="af-ZA-30" src="https://api.crikk.com/app/voice/voice_samples/English/Neerja.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-131">
<span class="af-ZA-31-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-31')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-31-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-31')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Prabhat English (India)</h6>
</div>
<audio preload="none" id="af-ZA-31" src="https://api.crikk.com/app/voice/voice_samples/English/Prabhat.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-132">
<span class="af-ZA-32-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-32')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-32-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-32')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Asilia English (Kenya)</h6>
</div>
<audio preload="none" id="af-ZA-32" src="https://api.crikk.com/app/voice/voice_samples/English/Asilia.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-133">
<span class="af-ZA-33-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-33')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-33-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-33')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Chilemba English (Kenya)</h6>
</div>
<audio preload="none" id="af-ZA-33" src="https://api.crikk.com/app/voice/voice_samples/English/Chilemba.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-134">
<span class="af-ZA-34-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-34')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-34-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-34')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Abeo English (Nigeria)</h6>
</div>
<audio preload="none" id="af-ZA-34" src="https://api.crikk.com/app/voice/voice_samples/English/Abeo.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-135">
<span class="af-ZA-35-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-35')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-35-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-35')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Ezinne English (Nigeria)</h6>
</div>
<audio preload="none" id="af-ZA-35" src="https://api.crikk.com/app/voice/voice_samples/English/Ezinne.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-136">
<span class="af-ZA-36-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-36')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-36-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-36')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Mitchell English (New Zealand)</h6>
</div>
<audio preload="none" id="af-ZA-36" src="https://api.crikk.com/app/voice/voice_samples/English/Mitchell.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-137">
<span class="af-ZA-37-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-37')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-37-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-37')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Molly English (New Zealand)</h6>
</div>
<audio preload="none" id="af-ZA-37" src="https://api.crikk.com/app/voice/voice_samples/English/Molly.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-138">
<span class="af-ZA-38-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-38')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-38-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-38')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
James English (Philippines)</h6>
</div>
<audio preload="none" id="af-ZA-38" src="https://api.crikk.com/app/voice/voice_samples/English/James.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-139">
<span class="af-ZA-39-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-39')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-39-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-39')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Rosa English (Philippines)</h6>
</div>
<audio preload="none" id="af-ZA-39" src="https://api.crikk.com/app/voice/voice_samples/English/Rosa.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-140">
<span class="af-ZA-40-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-40')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-40-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-40')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Luna English (Singapore)</h6>
</div>
<audio preload="none" id="af-ZA-40" src="https://api.crikk.com/app/voice/voice_samples/English/Luna.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-141">
<span class="af-ZA-41-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-41')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-41-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-41')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Wayne English (Singapore)</h6>
</div>
<audio preload="none" id="af-ZA-41" src="https://api.crikk.com/app/voice/voice_samples/English/Wayne.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-142">
<span class="af-ZA-42-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-42')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-42-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-42')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Elimu English (Tanzania)</h6>
</div>
<audio preload="none" id="af-ZA-42" src="https://api.crikk.com/app/voice/voice_samples/English/Elimu.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-143">
<span class="af-ZA-43-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-43')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-43-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-43')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Imani English (Tanzania)</h6>
</div>
<audio preload="none" id="af-ZA-43" src="https://api.crikk.com/app/voice/voice_samples/English/Imani.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-144">
<span class="af-ZA-44-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-44')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-44-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-44')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Ana English (US)</h6>
</div>
<audio preload="none" id="af-ZA-44" src="https://api.crikk.com/app/voice/voice_samples/English/Ana.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-145">
<span class="af-ZA-45-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-45')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-45-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-45')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Aria English (US)</h6>
</div>
<audio preload="none" id="af-ZA-45" src="https://api.crikk.com/app/voice/voice_samples/English/Aria.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-146">
<span class="af-ZA-46-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-46')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-46-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-46')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Christopher English (US)</h6>
</div>
<audio preload="none" id="af-ZA-46" src="https://api.crikk.com/app/voice/voice_samples/English/Christopher.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-147">
<span class="af-ZA-47-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-47')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-47-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-47')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Eric English (US)</h6>
</div>
<audio preload="none" id="af-ZA-47" src="https://api.crikk.com/app/voice/voice_samples/English/Eric.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-148">
<span class="af-ZA-48-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-48')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-48-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-48')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Guy English (US)</h6>
</div>
<audio preload="none" id="af-ZA-48" src="https://api.crikk.com/app/voice/voice_samples/English/Guy.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-149">
<span class="af-ZA-49-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-49')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-49-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-49')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Jenny English (US)</h6>
</div>
<audio preload="none" id="af-ZA-49" src="https://api.crikk.com/app/voice/voice_samples/English/Jenny.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-150">
<span class="af-ZA-50-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-50')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-50-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-50')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Michelle English (US)</h6>
</div>
<audio preload="none" id="af-ZA-50" src="https://api.crikk.com/app/voice/voice_samples/English/Michelle.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-151">
<span class="af-ZA-51-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-51')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-51-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-51')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Roger English (US)</h6>
</div>
<audio preload="none" id="af-ZA-51" src="https://api.crikk.com/app/voice/voice_samples/English/Roger.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-152">
<span class="af-ZA-52-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-52')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-52-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-52')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Steffan English (US)</h6>
</div>
<audio preload="none" id="af-ZA-52" src="https://api.crikk.com/app/voice/voice_samples/English/Steffan.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-153">
<span class="af-ZA-53-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-53')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-53-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-53')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Leah English (South Africa)</h6>
</div>
<audio preload="none" id="af-ZA-53" src="https://api.crikk.com/app/voice/voice_samples/English/Leah.mp3">
Your browser does not support the audio element.
</audio>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 my-2 ">
<div class="chip rounded-12 overflow-auto">
<div class="voice-sample-play" id="play-154">
<span class="af-ZA-54-play-btn audio-buttons fs-40" onclick="playAudio('af-ZA-54')"><i class="fas fa-play-circle py-4" style="padding-left: 5px;"></i></span>
<span class="af-ZA-54-stop-btn d-none audio-buttons fs-40" onclick="stopAudio('af-ZA-54')">
<img style="padding:18px 0;" src="https://api.crikk.com/app/assets/play-icons/play.svg" width="100%">
</span>
</div>
<h6 class="fw-semibold fs-16" style="font-size: 16px; padding-left:4px">
Luke English (South Africa)</h6>
</div>
<audio preload="none" id="af-ZA-54" src="https://api.crikk.com/app/voice/voice_samples/English/Luke.mp3">
Your browser does not support the audio element.
</audio>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section truly">
<div class="container green-10 rounded-12">
<div class="row p-md-4 px-md-5 p-4">
<div class="col-md-12 align-self-center">
<div class="ps-md-5">
<h3 class="fw-700 fs-32">
What is English Text to Speech?
</h3>
<p class="text-gray fs-20">English <a href="#" class="google-anno" data-google-vignette="false" data-google-interstitial="false" style="border: 0px !important; box-shadow: none !important; display: inline !important; float: none !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; text-decoration: none !important; fill: currentcolor !important;"><svg viewBox="100 -1000 840 840" width="calc(20px - 2px)" height="20px" style="color: inherit !important; font: initial !important; font-palette: initial !important; font-synthesis: initial !important; forced-color-adjust: initial !important; text-orientation: initial !important; text-rendering: initial !important; -webkit-font-smoothing: initial !important; -webkit-locale: initial !important; -webkit-text-orientation: initial !important; -webkit-writing-mode: initial !important; writing-mode: initial !important; zoom: initial !important; accent-color: initial !important; place-content: initial !important; place-items: initial !important; place-self: initial !important; alignment-baseline: initial !important; animation-composition: initial !important; animation: initial !important; app-region: initial !important; appearance: initial !important; aspect-ratio: initial !important; backdrop-filter: initial !important; backface-visibility: initial !important; background: initial !important; background-blend-mode: initial !important; baseline-shift: initial !important; baseline-source: initial !important; block-size: initial !important; border-block: initial !important; border: 0px !important; border-radius: initial !important; border-collapse: initial !important; border-end-end-radius: initial !important; border-end-start-radius: initial !important; border-inline: initial !important; border-start-end-radius: initial !important; border-start-start-radius: initial !important; inset: initial !important; box-shadow: none !important; box-sizing: initial !important; break-after: initial !important; break-before: initial !important; break-inside: initial !important; buffered-rendering: initial !important; caption-side: initial !important; caret-color: initial !important; clear: initial !important; clip: initial !important; clip-path: initial !important; clip-rule: initial !important; color-interpolation: initial !important; color-interpolation-filters: initial !important; color-rendering: initial !important; color-scheme: initial !important; columns: initial !important; column-fill: initial !important; gap: initial !important; column-rule: initial !important; column-span: initial !important; contain: initial !important; contain-intrinsic-block-size: initial !important; contain-intrinsic-size: initial !important; contain-intrinsic-inline-size: initial !important; container: initial !important; content: initial !important; content-visibility: initial !important; counter-increment: initial !important; counter-reset: initial !important; counter-set: initial !important; cursor: inherit !important; cx: initial !important; cy: initial !important; d: initial !important; display: inline !important; dominant-baseline: initial !important; empty-cells: initial !important; fill: currentcolor !important; fill-opacity: initial !important; fill-rule: initial !important; filter: initial !important; flex: initial !important; flex-flow: initial !important; float: none !important; flood-color: initial !important; flood-opacity: initial !important; grid: initial !important; grid-area: initial !important; height: initial !important; hyphenate-character: initial !important; hyphenate-limit-chars: initial !important; hyphens: initial !important; image-orientation: initial !important; image-rendering: initial !important; initial-letter: initial !important; inline-size: initial !important; inset-block: initial !important; inset-inline: initial !important; isolation: initial !important; letter-spacing: initial !important; lighting-color: initial !important; line-break: initial !important; list-style: initial !important; margin-block: initial !important; margin: 0px !important; margin-inline: initial !important; marker: initial !important; mask: initial !important; mask-type: initial !important; math-depth: initial !important; math-shift: initial !important; math-style: initial !important; max-block-size: initial !important; max-height: initial !important; max-inline-size: initial !important; max-width: initial !important; min-block-size: initial !important; min-height: initial !important; min-inline-size: initial !important; min-width: initial !important; mix-blend-mode: initial !important; object-fit: initial !important; object-position: initial !important; object-view-box: initial !important; offset: initial !important; opacity: initial !important; order: initial !important; orphans: initial !important; outline: 0px !important; outline-offset: initial !important; overflow-anchor: initial !important; overflow-clip-margin: initial !important; overflow-wrap: initial !important; overflow: initial !important; overlay: initial !important; overscroll-behavior-block: initial !important; overscroll-behavior-inline: initial !important; overscroll-behavior: initial !important; padding-block: initial !important; padding: 0px !important; padding-inline: initial !important; page: initial !important; page-orientation: initial !important; paint-order: initial !important; perspective: initial !important; perspective-origin: initial !important; pointer-events: initial !important; position: initial !important; quotes: initial !important; r: initial !important; resize: initial !important; rotate: initial !important; ruby-position: initial !important; rx: initial !important; ry: initial !important; scale: initial !important; scroll-behavior: initial !important; scroll-margin-block: initial !important; scroll-margin: initial !important; scroll-margin-inline: initial !important; scroll-padding-block: initial !important; scroll-padding: initial !important; scroll-padding-inline: initial !important; scroll-snap-align: initial !important; scroll-snap-stop: initial !important; scroll-snap-type: initial !important; scroll-timeline: initial !important; scrollbar-gutter: initial !important; shape-image-threshold: initial !important; shape-margin: initial !important; shape-outside: initial !important; shape-rendering: initial !important; size: initial !important; speak: initial !important; stop-color: initial !important; stop-opacity: initial !important; stroke: initial !important; stroke-dasharray: initial !important; stroke-dashoffset: initial !important; stroke-linecap: initial !important; stroke-linejoin: initial !important; stroke-miterlimit: initial !important; stroke-opacity: initial !important; stroke-width: initial !important; tab-size: initial !important; table-layout: initial !important; text-align: initial !important; text-align-last: initial !important; text-anchor: initial !important; text-combine-upright: initial !important; text-decoration: initial !important; text-decoration-skip-ink: initial !important; text-emphasis: initial !important; text-emphasis-position: initial !important; text-indent: initial !important; text-overflow: initial !important; text-shadow: initial !important; text-size-adjust: initial !important; text-transform: initial !important; text-underline-offset: initial !important; text-underline-position: initial !important; white-space: initial !important; timeline-scope: initial !important; touch-action: initial !important; transform: initial !important; transform-box: initial !important; transform-origin: initial !important; transform-style: initial !important; transition: initial !important; translate: initial !important; user-select: initial !important; vector-effect: initial !important; vertical-align: initial !important; view-timeline: initial !important; view-transition-name: initial !important; visibility: initial !important; border-spacing: initial !important; -webkit-box-align: initial !important; -webkit-box-decoration-break: initial !important; -webkit-box-direction: initial !important; -webkit-box-flex: initial !important; -webkit-box-ordinal-group: initial !important; -webkit-box-orient: initial !important; -webkit-box-pack: initial !important; -webkit-box-reflect: initial !important; -webkit-line-break: initial !important; -webkit-line-clamp: initial !important; -webkit-mask-box-image: initial !important; -webkit-print-color-adjust: initial !important; -webkit-rtl-ordering: initial !important; -webkit-ruby-position: initial !important; -webkit-tap-highlight-color: initial !important; -webkit-text-combine: initial !important; -webkit-text-decorations-in-effect: initial !important; -webkit-text-fill-color: unset !important; -webkit-text-security: initial !important; -webkit-text-stroke: initial !important; -webkit-user-drag: initial !important; -webkit-user-modify: initial !important; widows: initial !important; width: initial !important; will-change: initial !important; word-break: initial !important; word-spacing: initial !important; x: initial !important; y: initial !important; z-index: initial !important;"><path d="m784-120-252-252q-30 24-69 38t-83 14q-109 0-184.5-75.5t-75.5-184.5q0-109 75.5-184.5t184.5-75.5q109 0 184.5 75.5t75.5 184.5q0 44-14 83t-38 69l252 252-56 56zm-404-280q75 0 127.5-52.5t52.5-127.5q0-75-52.5-127.5t-127.5-52.5q-75 0-127.5 52.5t-52.5 127.5q0 75 52.5 127.5t127.5 52.5z"></path></svg> <span class="google-anno-t" style="border: 0px !important; box-shadow: none !important; display: inline !important; float: none !important; margin: 0px !important; outline: 0px !important; padding: 0px !important; text-decoration: underline dotted !important; color: inherit !important; font-family: inherit !important; font-size: inherit !important; font-style: inherit !important; font-weight: inherit !important;">text to speech</span></a> is a
technology that can write words into spoken words. This tool allows computers and
other devices to read text aloud.<div class="google-anno-skip google-anno-sc" tabindex="0" role="link" aria-label="Buy bestselling books online" data-google-vignette="false" data-google-interstitial="false" style="display: inline-block !important; border-radius: 20px !important; padding: 3px 7px 3px 6px !important; border-width: 1px !important; border-style: solid !important; color: rgb(26, 115, 232) !important; font-family: Roboto !important; font-weight: 500 !important; font-size: 20px !important; border-color: rgb(215, 215, 215) !important; background: rgb(255, 255, 255) !important; cursor: pointer !important; margin-top: -3px !important;"><span style="display: inline-block !important; padding-left: 3px !important;"><svg viewBox="0 -960 960 960" width="20px" height="20px" style="color: initial !important; font: initial !important; font-palette: initial !important; font-synthesis: initial !important; forced-color-adjust: initial !important; text-orientation: initial !important; text-rendering: initial !important; -webkit-font-smoothing: initial !important; -webkit-locale: initial !important; -webkit-text-orientation: initial !important; -webkit-writing-mode: initial !important; writing-mode: initial !important; zoom: initial !important; accent-color: initial !important; place-content: initial !important; place-items: initial !important; place-self: initial !important; alignment-baseline: initial !important; animation-composition: initial !important; animation: initial !important; app-region: initial !important; appearance: initial !important; aspect-ratio: initial !important; backdrop-filter: initial !important; backface-visibility: initial !important; background: initial !important; background-blend-mode: initial !important; baseline-shift: initial !important; baseline-source: initial !important; block-size: initial !important; border-block: initial !important; border: 0px !important; border-radius: initial !important; border-collapse: initial !important; border-end-end-radius: initial !important; border-end-start-radius: initial !important; border-inline: initial !important; border-start-end-radius: initial !important; border-start-start-radius: initial !important; bottom: initial !important; box-shadow: none !important; box-sizing: initial !important; break-after: initial !important; break-before: initial !important; break-inside: initial !important; buffered-rendering: initial !important; caption-side: initial !important; caret-color: initial !important; clear: initial !important; clip: initial !important; clip-path: initial !important; clip-rule: initial !important; color-interpolation: initial !important; color-interpolation-filters: initial !important; color-rendering: initial !important; color-scheme: initial !important; columns: initial !important; column-fill: initial !important; gap: initial !important; column-rule: initial !important; column-span: initial !important; contain: initial !important; contain-intrinsic-block-size: initial !important; contain-intrinsic-size: initial !important; contain-intrinsic-inline-size: initial !important; container: initial !important; content: initial !important; content-visibility: initial !important; counter-increment: initial !important; counter-reset: initial !important; counter-set: initial !important; cursor: inherit !important; cx: initial !important; cy: initial !important; d: initial !important; display: inline !important; dominant-baseline: initial !important; empty-cells: initial !important; fill: rgb(26, 115, 232) !important; fill-opacity: initial !important; fill-rule: initial !important; filter: initial !important; flex: initial !important; flex-flow: initial !important; float: none !important; flood-color: initial !important; flood-opacity: initial !important; grid: initial !important; grid-area: initial !important; height: initial !important; hyphenate-character: initial !important; hyphenate-limit-chars: initial !important; hyphens: initial !important; image-orientation: initial !important; image-rendering: initial !important; initial-letter: initial !important; inline-size: initial !important; inset-block: initial !important; inset-inline: initial !important; isolation: initial !important; left: initial !important; letter-spacing: initial !important; lighting-color: initial !important; line-break: initial !important; list-style: initial !important; margin-block: initial !important; margin: 0px !important; margin-inline: initial !important; marker: initial !important; mask: initial !important; mask-type: initial !important; math-depth: initial !important; math-shift: initial !important; math-style: initial !important; max-block-size: initial !important; max-height: initial !important; max-inline-size: initial !important; max-width: initial !important; min-block-size: initial !important; min-height: initial !important; min-inline-size: initial !important; min-width: initial !important; mix-blend-mode: initial !important; object-fit: initial !important; object-position: initial !important; object-view-box: initial !important; offset: initial !important; opacity: initial !important; order: initial !important; orphans: initial !important; outline: 0px !important; outline-offset: initial !important; overflow-anchor: initial !important; overflow-clip-margin: initial !important; overflow-wrap: initial !important; overflow: initial !important; overlay: initial !important; overscroll-behavior-block: initial !important; overscroll-behavior-inline: initial !important; overscroll-behavior: initial !important; padding-block: initial !important; padding: 0px !important; padding-inline: initial !important; page: initial !important; page-orientation: initial !important; paint-order: initial !important; perspective: initial !important; perspective-origin: initial !important; pointer-events: initial !important; position: relative !important; quotes: initial !important; r: initial !important; resize: initial !important; right: initial !important; rotate: initial !important; ruby-position: initial !important; rx: initial !important; ry: initial !important; scale: initial !important; scroll-behavior: initial !important; scroll-margin-block: initial !important; scroll-margin: initial !important; scroll-margin-inline: initial !important; scroll-padding-block: initial !important; scroll-padding: initial !important; scroll-padding-inline: initial !important; scroll-snap-align: initial !important; scroll-snap-stop: initial !important; scroll-snap-type: initial !important; scroll-timeline: initial !important; scrollbar-gutter: initial !important; shape-image-threshold: initial !important; shape-margin: initial !important; shape-outside: initial !important; shape-rendering: initial !important; size: initial !important; speak: initial !important; stop-color: initial !important; stop-opacity: initial !important; stroke: initial !important; stroke-dasharray: initial !important; stroke-dashoffset: initial !important; stroke-linecap: initial !important; stroke-linejoin: initial !important; stroke-miterlimit: initial !important; stroke-opacity: initial !important; stroke-width: initial !important; tab-size: initial !important; table-layout: initial !important; text-align: initial !important; text-align-last: initial !important; text-anchor: initial !important; text-combine-upright: initial !important; text-decoration: initial !important; text-decoration-skip-ink: initial !important; text-emphasis: initial !important; text-emphasis-position: initial !important; text-indent: initial !important; text-overflow: initial !important; text-shadow: initial !important; text-size-adjust: initial !important; text-transform: initial !important; text-underline-offset: initial !important; text-underline-position: initial !important; white-space: initial !important; timeline-scope: initial !important; top: 3px !important; touch-action: initial !important; transform: initial !important; transform-box: initial !important; transform-origin: initial !important; transform-style: initial !important; transition: initial !important; translate: initial !important; user-select: initial !important; vector-effect: initial !important; vertical-align: initial !important; view-timeline: initial !important; view-transition-name: initial !important; visibility: initial !important; border-spacing: initial !important; -webkit-box-align: initial !important; -webkit-box-decoration-break: initial !important; -webkit-box-direction: initial !important; -webkit-box-flex: initial !important; -webkit-box-ordinal-group: initial !important; -webkit-box-orient: initial !important; -webkit-box-pack: initial !important; -webkit-box-reflect: initial !important; -webkit-line-break: initial !important; -webkit-line-clamp: initial !important; -webkit-mask-box-image: initial !important; -webkit-print-color-adjust: initial !important; -webkit-rtl-ordering: initial !important; -webkit-ruby-position: initial !important; -webkit-tap-highlight-color: initial !important; -webkit-text-combine: initial !important; -webkit-text-decorations-in-effect: initial !important; -webkit-text-fill-color: unset !important; -webkit-text-security: initial !important; -webkit-text-stroke: initial !important; -webkit-user-drag: initial !important; -webkit-user-modify: initial !important; widows: initial !important; width: initial !important; will-change: initial !important; word-break: initial !important; word-spacing: initial !important; x: initial !important; y: initial !important; z-index: initial !important;"><path d="M503-104q-24 24-57 24t-57-24L103-390q-23-23-23-56.5t23-56.5l352-353q11-11 26-17.5t32-6.5h286q33 0 56.5 23.5T879-800v286q0 17-6.5 32T855-456L503-104Zm196-536q25 0 42.5-17.5T759-700q0-25-17.5-42.5T699-760q-25 0-42.5 17.5T639-700q0 25 17.5 42.5T699-640ZM446-160l353-354v-286H513L160-446l286 286Zm353-640Z"></path></svg></span><span style="position: relative !important; left: 3px !important; padding-right: 6px !important;">Buy bestselling books online</span></div></p>
<p class="text-gray fs-20">It is helpful for adding voiceover to videos, helping people
with visual impairments.</p><div class="google-auto-placed ap_container" style="width: 100%; height: auto; clear: both; text-align: center;"><ins data-ad-format="auto" class="adsbygoogle adsbygoogle-noablate" data-ad-client="ca-pub-4086067329092893" data-adsbygoogle-status="done" style="display: block; margin: auto; background-color: transparent; height: 280px;"><div id="aswift_3_host" style="border: none; height: 280px; width: 562px; margin: 0px; padding: 0px; position: relative; visibility: visible; background-color: transparent; display: inline-block;"></div></ins></div>
<p class="text-gray fs-20">Crikk can convert any text into realistic sounding digital
audio. It is like someone read it to you .</p><div class="autors-widget" style="width: 100%; height: auto; clear: both;"><div style="color: initial !important; font: initial !important; font-palette: initial !important; font-synthesis: initial !important; forced-color-adjust: initial !important; text-orientation: initial !important; text-rendering: initial !important; -webkit-font-smoothing: initial !important; -webkit-locale: initial !important; -webkit-text-orientation: initial !important; -webkit-writing-mode: initial !important; writing-mode: initial !important; zoom: initial !important; accent-color: initial !important; place-content: initial !important; place-items: initial !important; place-self: initial !important; alignment-baseline: initial !important; animation-composition: initial !important; animation: initial !important; app-region: initial !important; appearance: initial !important; aspect-ratio: initial !important; backdrop-filter: initial !important; backface-visibility: initial !important; background: rgb(255, 255, 255) !important; background-blend-mode: initial !important; baseline-shift: initial !important; baseline-source: initial !important; block-size: initial !important; border-block: initial !important; border: initial !important; border-radius: initial !important; border-collapse: initial !important; border-end-end-radius: initial !important; border-end-start-radius: initial !important; border-inline: initial !important; border-start-end-radius: initial !important; border-start-start-radius: initial !important; inset: initial !important; box-shadow: initial !important; box-sizing: border-box !important; break-after: initial !important; break-before: initial !important; break-inside: initial !important; buffered-rendering: initial !important; caption-side: initial !important; caret-color: initial !important; clear: initial !important; clip: initial !important; clip-path: initial !important; clip-rule: initial !important; color-interpolation: initial !important; color-interpolation-filters: initial !important; color-rendering: initial !important; color-scheme: initial !important; columns: initial !important; column-fill: initial !important; gap: initial !important; column-rule: initial !important; column-span: initial !important; contain: initial !important; contain-intrinsic-block-size: initial !important; contain-intrinsic-size: initial !important; contain-intrinsic-inline-size: initial !important; container: initial !important; content: initial !important; content-visibility: initial !important; counter-increment: initial !important; counter-reset: initial !important; counter-set: initial !important; cursor: initial !important; cx: initial !important; cy: initial !important; d: initial !important; display: block !important; dominant-baseline: initial !important; empty-cells: initial !important; fill: initial !important; fill-opacity: initial !important; fill-rule: initial !important; filter: initial !important; flex: initial !important; flex-flow: initial !important; float: initial !important; flood-color: initial !important; flood-opacity: initial !important; grid: initial !important; grid-area: initial !important; height: initial !important; hyphenate-character: initial !important; hyphenate-limit-chars: initial !important; hyphens: initial !important; image-orientation: initial !important; image-rendering: initial !important; initial-letter: initial !important; inline-size: initial !important; inset-block: initial !important; inset-inline: initial !important; isolation: initial !important; letter-spacing: initial !important; lighting-color: initial !important; line-break: initial !important; list-style: initial !important; margin-block: initial !important; margin: initial !important; margin-inline: initial !important; marker: initial !important; mask: initial !important; mask-type: initial !important; math-depth: initial !important; math-shift: initial !important; math-style: initial !important; max-block-size: initial !important; max-height: initial !important; max-inline-size: initial !important; max-width: initial !important; min-block-size: initial !important; min-height: initial !important; min-inline-size: initial !important; min-width: initial !important; mix-blend-mode: initial !important; object-fit: initial !important; object-position: initial !important; object-view-box: initial !important; offset: initial !important; opacity: initial !important; order: initial !important; orphans: initial !important; outline: initial !important; outline-offset: initial !important; overflow-anchor: initial !important; overflow-clip-margin: initial !important; overflow-wrap: initial !important; overflow: initial !important; overlay: initial !important; overscroll-behavior-block: initial !important; overscroll-behavior-inline: initial !important; overscroll-behavior: initial !important; padding-block: initial !important; padding: 5px 5px 2px !important; padding-inline: initial !important; page: initial !important; page-orientation: initial !important; paint-order: initial !important; perspective: initial !important; perspective-origin: initial !important; pointer-events: initial !important; position: initial !important; quotes: initial !important; r: initial !important; resize: initial !important; rotate: initial !important; ruby-position: initial !important; rx: initial !important; ry: initial !important; scale: initial !important; scroll-behavior: initial !important; scroll-margin-block: initial !important; scroll-margin: initial !important; scroll-margin-inline: initial !important; scroll-padding-block: initial !important; scroll-padding: initial !important; scroll-padding-inline: initial !important; scroll-snap-align: initial !important; scroll-snap-stop: initial !important; scroll-snap-type: initial !important; scroll-timeline: initial !important; scrollbar-gutter: initial !important; shape-image-threshold: initial !important; shape-margin: initial !important; shape-outside: initial !important; shape-rendering: initial !important; size: initial !important; speak: initial !important; stop-color: initial !important; stop-opacity: initial !important; stroke: initial !important; stroke-dasharray: initial !important; stroke-dashoffset: initial !important; stroke-linecap: initial !important; stroke-linejoin: initial !important; stroke-miterlimit: initial !important; stroke-opacity: initial !important; stroke-width: initial !important; tab-size: initial !important; table-layout: initial !important; text-align: center !important; text-align-last: initial !important; text-anchor: initial !important; text-combine-upright: initial !important; text-decoration: initial !important; text-decoration-skip-ink: initial !important; text-emphasis: initial !important; text-emphasis-position: initial !important; text-indent: initial !important; text-overflow: initial !important; text-shadow: initial !important; text-size-adjust: initial !important; text-transform: initial !important; text-underline-offset: initial !important; text-underline-position: initial !important; white-space: initial !important; timeline-scope: initial !important; touch-action: initial !important; transform: initial !important; transform-box: initial !important; transform-origin: initial !important; transform-style: initial !important; transition: initial !important; translate: initial !important; user-select: initial !important; vector-effect: initial !important; vertical-align: initial !important; view-timeline: initial !important; view-transition-name: initial !important; visibility: initial !important; border-spacing: initial !important; -webkit-box-align: initial !important; -webkit-box-decoration-break: initial !important; -webkit-box-direction: initial !important; -webkit-box-flex: initial !important; -webkit-box-ordinal-group: initial !important; -webkit-box-orient: initial !important; -webkit-box-pack: initial !important; -webkit-box-reflect: initial !important; -webkit-line-break: initial !important; -webkit-line-clamp: initial !important; -webkit-mask-box-image: initial !important; -webkit-print-color-adjust: initial !important; -webkit-rtl-ordering: initial !important; -webkit-ruby-position: initial !important; -webkit-tap-highlight-color: initial !important; -webkit-text-combine: initial !important; -webkit-text-decorations-in-effect: initial !important; -webkit-text-fill-color: unset !important; -webkit-text-security: initial !important; -webkit-text-stroke: initial !important; -webkit-user-drag: initial !important; -webkit-user-modify: initial !important; widows: initial !important; width: 100% !important; will-change: initial !important; word-break: initial !important; word-spacing: initial !important; x: initial !important; y: initial !important; z-index: initial !important;"><div style="color: initial !important; font: initial !important; font-palette: initial !important; font-synthesis: initial !important; forced-color-adjust: initial !important; text-orientation: initial !important; text-rendering: initial !important; -webkit-font-smoothing: initial !important; -webkit-locale: initial !important; -webkit-text-orientation: initial !important; -webkit-writing-mode: initial !important; writing-mode: initial !important; zoom: initial !important; accent-color: initial !important; place-content: initial !important; place-items: initial !important; place-self: initial !important; alignment-baseline: initial !important; animation-composition: initial !important; animation: initial !important; app-region: initial !important; appearance: initial !important; aspect-ratio: initial !important; backdrop-filter: initial !important; backface-visibility: initial !important; background: initial !important; background-blend-mode: initial !important; baseline-shift: initial !important; baseline-source: initial !important; block-size: initial !important; border-block: initial !important; border: initial !important; border-radius: initial !important; border-collapse: initial !important; border-end-end-radius: initial !important; border-end-start-radius: initial !important; border-inline: initial !important; border-start-end-radius: initial !important; border-start-start-radius: initial !important; inset: initial !important; box-shadow: initial !important; box-sizing: initial !important; break-after: initial !important; break-before: initial !important; break-inside: initial !important; buffered-rendering: initial !important; caption-side: initial !important; caret-color: initial !important; clear: initial !important; clip: initial !important; clip-path: initial !important; clip-rule: initial !important; color-interpolation: initial !important; color-interpolation-filters: initial !important; color-rendering: initial !important; color-scheme: initial !important; columns: initial !important; column-fill: initial !important; gap: initial !important; column-rule: initial !important; column-span: initial !important; contain: initial !important; contain-intrinsic-block-size: initial !important; contain-intrinsic-size: initial !important; contain-intrinsic-inline-size: initial !important; container: initial !important; content: initial !important; content-visibility: initial !important; counter-increment: initial !important; counter-reset: initial !important; counter-set: initial !important; cursor: initial !important; cx: initial !important; cy: initial !important; d: initial !important; display: initial !important; dominant-baseline: initial !important; empty-cells: initial !important; fill: initial !important; fill-opacity: initial !important; fill-rule: initial !important; filter: initial !important; flex: initial !important; flex-flow: initial !important; float: initial !important; flood-color: initial !important; flood-opacity: initial !important; grid: initial !important; grid-area: initial !important; height: initial !important; hyphenate-character: initial !important; hyphenate-limit-chars: initial !important; hyphens: initial !important; image-orientation: initial !important; image-rendering: initial !important; initial-letter: initial !important; inline-size: initial !important; inset-block: initial !important; inset-inline: initial !important; isolation: initial !important; letter-spacing: initial !important; lighting-color: initial !important; line-break: initial !important; list-style: initial !important; margin-block: initial !important; margin: auto !important; margin-inline: initial !important; marker: initial !important; mask: initial !important; mask-type: initial !important; math-depth: initial !important; math-shift: initial !important; math-style: initial !important; max-block-size: initial !important; max-height: initial !important; max-inline-size: initial !important; max-width: 1000px !important; min-block-size: initial !important; min-height: initial !important; min-inline-size: initial !important; min-width: initial !important; mix-blend-mode: initial !important; object-fit: initial !important; object-position: initial !important; object-view-box: initial !important; offset: initial !important; opacity: initial !important; order: initial !important; orphans: initial !important; outline: initial !important; outline-offset: initial !important; overflow-anchor: initial !important; overflow-clip-margin: initial !important; overflow-wrap: initial !important; overflow: initial !important; overlay: initial !important; overscroll-behavior-block: initial !important; overscroll-behavior-inline: initial !important; overscroll-behavior: initial !important; padding-block: initial !important; padding: initial !important; padding-inline: initial !important; page: initial !important; page-orientation: initial !important; paint-order: initial !important; perspective: initial !important; perspective-origin: initial !important; pointer-events: initial !important; position: initial !important; quotes: initial !important; r: initial !important; resize: initial !important; rotate: initial !important; ruby-position: initial !important; rx: initial !important; ry: initial !important; scale: initial !important; scroll-behavior: initial !important; scroll-margin-block: initial !important; scroll-margin: initial !important; scroll-margin-inline: initial !important; scroll-padding-block: initial !important; scroll-padding: initial !important; scroll-padding-inline: initial !important; scroll-snap-align: initial !important; scroll-snap-stop: initial !important; scroll-snap-type: initial !important; scroll-timeline: initial !important; scrollbar-gutter: initial !important; shape-image-threshold: initial !important; shape-margin: initial !important; shape-outside: initial !important; shape-rendering: initial !important; size: initial !important; speak: initial !important; stop-color: initial !important; stop-opacity: initial !important; stroke: initial !important; stroke-dasharray: initial !important; stroke-dashoffset: initial !important; stroke-linecap: initial !important; stroke-linejoin: initial !important; stroke-miterlimit: initial !important; stroke-opacity: initial !important; stroke-width: initial !important; tab-size: initial !important; table-layout: initial !important; text-align: initial !important; text-align-last: initial !important; text-anchor: initial !important; text-combine-upright: initial !important; text-decoration: initial !important; text-decoration-skip-ink: initial !important; text-emphasis: initial !important; text-emphasis-position: initial !important; text-indent: initial !important; text-overflow: initial !important; text-shadow: initial !important; text-size-adjust: initial !important; text-transform: initial !important; text-underline-offset: initial !important; text-underline-position: initial !important; white-space: initial !important; timeline-scope: initial !important; touch-action: initial !important; transform: initial !important; transform-box: initial !important; transform-origin: initial !important; transform-style: initial !important; transition: initial !important; translate: initial !important; user-select: initial !important; vector-effect: initial !important; vertical-align: initial !important; view-timeline: initial !important; view-transition-name: initial !important; visibility: initial !important; border-spacing: initial !important; -webkit-box-align: initial !important; -webkit-box-decoration-break: initial !important; -webkit-box-direction: initial !important; -webkit-box-flex: initial !important; -webkit-box-ordinal-group: initial !important; -webkit-box-orient: initial !important; -webkit-box-pack: initial !important; -webkit-box-reflect: initial !important; -webkit-line-break: initial !important; -webkit-line-clamp: initial !important; -webkit-mask-box-image: initial !important; -webkit-print-color-adjust: initial !important; -webkit-rtl-ordering: initial !important; -webkit-ruby-position: initial !important; -webkit-tap-highlight-color: initial !important; -webkit-text-combine: initial !important; -webkit-text-decorations-in-effect: initial !important; -webkit-text-fill-color: unset !important; -webkit-text-security: initial !important; -webkit-text-stroke: initial !important; -webkit-user-drag: initial !important; -webkit-user-modify: initial !important; widows: initial !important; width: 100% !important; will-change: initial !important; word-break: initial !important; word-spacing: initial !important; x: initial !important; y: initial !important; z-index: initial !important;"><div id="autors-container-0"><iframe frameborder="0" marginwidth="0" marginheight="0" allowtransparency="true" scrolling="no" width="100%" name="{"name":"master-1","master-1":{"container":"autors-container-0","styleId":"5134551505","channel":"AutoRsVariant","cx":"r-9e2701d57f46d05b1","domainName":"crikk.com","fexp":"31088961,95335247,95345966,95342160,21404,17300003,17301437,17301438,17301442,17301542,17301266,72717108,49280906,72771953","masterNumber":1,"number":0,"pubId":"pub-4086067329092893","role":"m","hl":"en","resultsPageBaseUrl":"http://google.com","columns":1,"horizontalAlignment":"left","resultsPageQueryParam":"q","relatedSearchUseResultCallback":true,"ie":"UTF-8","maxTop":0,"minTop":0,"oe":"UTF-8","relatedSearches":5,"type":"relatedsearch","linkTarget":"_blank","fontSizeTitle":18,"fontSizeAttribution":13,"relatedSearchTargeting":"content"}}" id="master-1" src="about:blank" data-observe="1" data-ad-src="https://syndicatedsearch.goog/afs/ads?psid=5134551505&channel=AutoRsVariant&cx=r-9e2701d57f46d05b1&fexp=31088961%2C95335247%2C95345966%2C95342160%2C21404%2C17300003%2C17301437%2C17301438%2C17301442%2C17301542%2C17301266%2C72717108%2C49280906%2C72771953&client=pub-4086067329092893&r=m&hl=en&rpbu=http%3A%2F%2Fgoogle.com&rpqp=q&type=3&rs_tt=c&oe=UTF-8&ie=UTF-8&format=r5&nocache=1981733101582493&num=0&output=afd_ads&domain_name=crikk.com&v=3&bsl=10&pac=0&u_his=2&u_tz=0&dt=1733101582495&u_w=1&u_h=1&biw=790&bih=600&psw=790&psh=15893&frm=0&uio=-&cont=autors-container-0&drt=0&jsid=csa&jsv=697661440&rurl=https%3A%2F%2Fcrikk.com%2Ftext-to-speech%2F" style="visibility: hidden; height: 0px; display: block;" data-lle="1"></iframe></div></div></div></div>
<p class="text-gray fs-20">Enhancing voice quality is a continuous and evolving
process. Researchers actively use advanced machine learning algorithms to
significantly improve the quality of speech output in various applications.<div class="google-anno-skip google-anno-sc" tabindex="0" role="link" aria-label="Buy bestselling books online" data-google-vignette="false" data-google-interstitial="false" style="display: inline-block !important; border-radius: 20px !important; padding: 3px 7px 3px 6px !important; border-width: 1px !important; border-style: solid !important; color: rgb(26, 115, 232) !important; font-family: Roboto !important; font-weight: 500 !important; font-size: 20px !important; border-color: rgb(215, 215, 215) !important; background: rgb(255, 255, 255) !important; cursor: pointer !important; margin-top: -3px !important;"><span style="display: inline-block !important; padding-left: 3px !important;"><svg viewBox="0 -960 960 960" width="20px" height="20px" style="color: initial !important; font: initial !important; font-palette: initial !important; font-synthesis: initial !important; forced-color-adjust: initial !important; text-orientation: initial !important; text-rendering: initial !important; -webkit-font-smoothing: initial !important; -webkit-locale: initial !important; -webkit-text-orientation: initial !important; -webkit-writing-mode: initial !important; writing-mode: initial !important; zoom: initial !important; accent-color: initial !important; place-content: initial !important; place-items: initial !important; place-self: initial !important; alignment-baseline: initial !important; animation-composition: initial !important; animation: initial !important; app-region: initial !important; appearance: initial !important; aspect-ratio: initial !important; backdrop-filter: initial !important; backface-visibility: initial !important; background: initial !important; background-blend-mode: initial !important; baseline-shift: initial !important; baseline-source: initial !important; block-size: initial !important; border-block: initial !important; border: 0px !important; border-radius: initial !important; border-collapse: initial !important; border-end-end-radius: initial !important; border-end-start-radius: initial !important; border-inline: initial !important; border-start-end-radius: initial !important; border-start-start-radius: initial !important; bottom: initial !important; box-shadow: none !important; box-sizing: initial !important; break-after: initial !important; break-before: initial !important; break-inside: initial !important; buffered-rendering: initial !important; caption-side: initial !important; caret-color: initial !important; clear: initial !important; clip: initial !important; clip-path: initial !important; clip-rule: initial !important; color-interpolation: initial !important; color-interpolation-filters: initial !important; color-rendering: initial !important; color-scheme: initial !important; columns: initial !important; column-fill: initial !important; gap: initial !important; column-rule: initial !important; column-span: initial !important; contain: initial !important; contain-intrinsic-block-size: initial !important; contain-intrinsic-size: initial !important; contain-intrinsic-inline-size: initial !important; container: initial !important; content: initial !important; content-visibility: initial !important; counter-increment: initial !important; counter-reset: initial !important; counter-set: initial !important; cursor: inherit !important; cx: initial !important; cy: initial !important; d: initial !important; display: inline !important; dominant-baseline: initial !important; empty-cells: initial !important; fill: rgb(26, 115, 232) !important; fill-opacity: initial !important; fill-rule: initial !important; filter: initial !important; flex: initial !important; flex-flow: initial !important; float: none !important; flood-color: initial !important; flood-opacity: initial !important; grid: initial !important; grid-area: initial !important; height: initial !important; hyphenate-character: initial !important; hyphenate-limit-chars: initial !important; hyphens: initial !important; image-orientation: initial !important; image-rendering: initial !important; initial-letter: initial !important; inline-size: initial !important; inset-block: initial !important; inset-inline: initial !important; isolation: initial !important; left: initial !important; letter-spacing: initial !important; lighting-color: initial !important; line-break: initial !important; list-style: initial !important; margin-block: initial !important; margin: 0px !important; margin-inline: initial !important; marker: initial !important; mask: initial !important; mask-type: initial !important; math-depth: initial !important; math-shift: initial !important; math-style: initial !important; max-block-size: initial !important; max-height: initial !important; max-inline-size: initial !important; max-width: initial !important; min-block-size: initial !important; min-height: initial !important; min-inline-size: initial !important; min-width: initial !important; mix-blend-mode: initial !important; object-fit: initial !important; object-position: initial !important; object-view-box: initial !important; offset: initial !important; opacity: initial !important; order: initial !important; orphans: initial !important; outline: 0px !important; outline-offset: initial !important; overflow-anchor: initial !important; overflow-clip-margin: initial !important; overflow-wrap: initial !important; overflow: initial !important; overlay: initial !important; overscroll-behavior-block: initial !important; overscroll-behavior-inline: initial !important; overscroll-behavior: initial !important; padding-block: initial !important; padding: 0px !important; padding-inline: initial !important; page: initial !important; page-orientation: initial !important; paint-order: initial !important; perspective: initial !important; perspective-origin: initial !important; pointer-events: initial !important; position: relative !important; quotes: initial !important; r: initial !important; resize: initial !important; right: initial !important; rotate: initial !important; ruby-position: initial !important; rx: initial !important; ry: initial !important; scale: initial !important; scroll-behavior: initial !important; scroll-margin-block: initial !important; scroll-margin: initial !important; scroll-margin-inline: initial !important; scroll-padding-block: initial !important; scroll-padding: initial !important; scroll-padding-inline: initial !important; scroll-snap-align: initial !important; scroll-snap-stop: initial !important; scroll-snap-type: initial !important; scroll-timeline: initial !important; scrollbar-gutter: initial !important; shape-image-threshold: initial !important; shape-margin: initial !important; shape-outside: initial !important; shape-rendering: initial !important; size: initial !important; speak: initial !important; stop-color: initial !important; stop-opacity: initial !important; stroke: initial !important; stroke-dasharray: initial !important; stroke-dashoffset: initial !important; stroke-linecap: initial !important; stroke-linejoin: initial !important; stroke-miterlimit: initial !important; stroke-opacity: initial !important; stroke-width: initial !important; tab-size: initial !important; table-layout: initial !important; text-align: initial !important; text-align-last: initial !important; text-anchor: initial !important; text-combine-upright: initial !important; text-decoration: initial !important; text-decoration-skip-ink: initial !important; text-emphasis: initial !important; text-emphasis-position: initial !important; text-indent: initial !important; text-overflow: initial !important; text-shadow: initial !important; text-size-adjust: initial !important; text-transform: initial !important; text-underline-offset: initial !important; text-underline-position: initial !important; white-space: initial !important; timeline-scope: initial !important; top: 3px !important; touch-action: initial !important; transform: initial !important; transform-box: initial !important; transform-origin: initial !important; transform-style: initial !important; transition: initial !important; translate: initial !important; user-select: initial !important; vector-effect: initial !important; vertical-align: initial !important; view-timeline: initial !important; view-transition-name: initial !important; visibility: initial !important; border-spacing: initial !important; -webkit-box-align: initial !important; -webkit-box-decoration-break: initial !important; -webkit-box-direction: initial !important; -webkit-box-flex: initial !important; -webkit-box-ordinal-group: initial !important; -webkit-box-orient: initial !important; -webkit-box-pack: initial !important; -webkit-box-reflect: initial !important; -webkit-line-break: initial !important; -webkit-line-clamp: initial !important; -webkit-mask-box-image: initial !important; -webkit-print-color-adjust: initial !important; -webkit-rtl-ordering: initial !important; -webkit-ruby-position: initial !important; -webkit-tap-highlight-color: initial !important; -webkit-text-combine: initial !important; -webkit-text-decorations-in-effect: initial !important; -webkit-text-fill-color: unset !important; -webkit-text-security: initial !important; -webkit-text-stroke: initial !important; -webkit-user-drag: initial !important; -webkit-user-modify: initial !important; widows: initial !important; width: initial !important; will-change: initial !important; word-break: initial !important; word-spacing: initial !important; x: initial !important; y: initial !important; z-index: initial !important;"><path d="M503-104q-24 24-57 24t-57-24L103-390q-23-23-23-56.5t23-56.5l352-353q11-11 26-17.5t32-6.5h286q33 0 56.5 23.5T879-800v286q0 17-6.5 32T855-456L503-104Zm196-536q25 0 42.5-17.5T759-700q0-25-17.5-42.5T699-760q-25 0-42.5 17.5T639-700q0 25 17.5 42.5T699-640ZM446-160l353-354v-286H513L160-446l286 286Zm353-640Z"></path></svg></span><span style="position: relative !important; left: 3px !important; padding-right: 6px !important;">Buy bestselling books online</span></div></p><div class="google-auto-placed ap_container" style="width: 100%; height: auto; clear: both; text-align: center;"><ins data-ad-format="auto" class="adsbygoogle adsbygoogle-noablate" data-ad-client="ca-pub-4086067329092893" data-adsbygoogle-status="done" style="display: block; margin: auto; background-color: transparent; height: 280px;"><div id="aswift_4_host" style="border: none; height: 280px; width: 562px; margin: 0px; padding: 0px; position: relative; visibility: visible; background-color: transparent; display: inline-block;"></div></ins></div>
<p class="text-gray fs-20">Text to speech can generate voices that are nearly
indistinguishable from a human voice.</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col mt-5 mb-5">
<h3 class="text-center m-1 section-title fw-800">How Does English Text
to Speech Works?</h3>
<p class="text-gray fs-20 mb-0 mt-5">English Text-to-speech (TTS)
technology works by converting written text into spoken words, enabling devices (Computer,
mobile etc) to read aloud. Here’s a simplified breakdown of how it typically operates:<div class="google-anno-skip google-anno-sc" tabindex="0" role="link" aria-label="Buy bestselling books online" data-google-vignette="false" data-google-interstitial="false" style="display: inline-block !important; border-radius: 20px !important; padding: 3px 7px 3px 6px !important; border-width: 1px !important; border-style: solid !important; color: rgb(26, 115, 232) !important; font-family: Roboto !important; font-weight: 500 !important; font-size: 20px !important; border-color: rgb(215, 215, 215) !important; background: rgb(255, 255, 255) !important; cursor: pointer !important; margin-top: -3px !important;"><span style="display: inline-block !important; padding-left: 3px !important;"><svg viewBox="0 -960 960 960" width="20px" height="20px" style="color: initial !important; font: initial !important; font-palette: initial !important; font-synthesis: initial !important; forced-color-adjust: initial !important; text-orientation: initial !important; text-rendering: initial !important; -webkit-font-smoothing: initial !important; -webkit-locale: initial !important; -webkit-text-orientation: initial !important; -webkit-writing-mode: initial !important; writing-mode: initial !important; zoom: initial !important; accent-color: initial !important; place-content: initial !important; place-items: initial !important; place-self: initial !important; alignment-baseline: initial !important; animation-composition: initial !important; animation: initial !important; app-region: initial !important; appearance: initial !important; aspect-ratio: initial !important; backdrop-filter: initial !important; backface-visibility: initial !important; background: initial !important; background-blend-mode: initial !important; baseline-shift: initial !important; baseline-source: initial !important; block-size: initial !important; border-block: initial !important; border: 0px !important; border-radius: initial !important; border-collapse: initial !important; border-end-end-radius: initial !important; border-end-start-radius: initial !important; border-inline: initial !important; border-start-end-radius: initial !important; border-start-start-radius: initial !important; bottom: initial !important; box-shadow: none !important; box-sizing: initial !important; break-after: initial !important; break-before: initial !important; break-inside: initial !important; buffered-rendering: initial !important; caption-side: initial !important; caret-color: initial !important; clear: initial !important; clip: initial !important; clip-path: initial !important; clip-rule: initial !important; color-interpolation: initial !important; color-interpolation-filters: initial !important; color-rendering: initial !important; color-scheme: initial !important; columns: initial !important; column-fill: initial !important; gap: initial !important; column-rule: initial !important; column-span: initial !important; contain: initial !important; contain-intrinsic-block-size: initial !important; contain-intrinsic-size: initial !important; contain-intrinsic-inline-size: initial !important; container: initial !important; content: initial !important; content-visibility: initial !important; counter-increment: initial !important; counter-reset: initial !important; counter-set: initial !important; cursor: inherit !important; cx: initial !important; cy: initial !important; d: initial !important; display: inline !important; dominant-baseline: initial !important; empty-cells: initial !important; fill: rgb(26, 115, 232) !important; fill-opacity: initial !important; fill-rule: initial !important; filter: initial !important; flex: initial !important; flex-flow: initial !important; float: none !important; flood-color: initial !important; flood-opacity: initial !important; grid: initial !important; grid-area: initial !important; height: initial !important; hyphenate-character: initial !important; hyphenate-limit-chars: initial !important; hyphens: initial !important; image-orientation: initial !important; image-rendering: initial !important; initial-letter: initial !important; inline-size: initial !important; inset-block: initial !important; inset-inline: initial !important; isolation: initial !important; left: initial !important; letter-spacing: initial !important; lighting-color: initial !important; line-break: initial !important; list-style: initial !important; margin-block: initial !important; margin: 0px !important; margin-inline: initial !important; marker: initial !important; mask: initial !important; mask-type: initial !important; math-depth: initial !important; math-shift: initial !important; math-style: initial !important; max-block-size: initial !important; max-height: initial !important; max-inline-size: initial !important; max-width: initial !important; min-block-size: initial !important; min-height: initial !important; min-inline-size: initial !important; min-width: initial !important; mix-blend-mode: initial !important; object-fit: initial !important; object-position: initial !important; object-view-box: initial !important; offset: initial !important; opacity: initial !important; order: initial !important; orphans: initial !important; outline: 0px !important; outline-offset: initial !important; overflow-anchor: initial !important; overflow-clip-margin: initial !important; overflow-wrap: initial !important; overflow: initial !important; overlay: initial !important; overscroll-behavior-block: initial !important; overscroll-behavior-inline: initial !important; overscroll-behavior: initial !important; padding-block: initial !important; padding: 0px !important; padding-inline: initial !important; page: initial !important; page-orientation: initial !important; paint-order: initial !important; perspective: initial !important; perspective-origin: initial !important; pointer-events: initial !important; position: relative !important; quotes: initial !important; r: initial !important; resize: initial !important; right: initial !important; rotate: initial !important; ruby-position: initial !important; rx: initial !important; ry: initial !important; scale: initial !important; scroll-behavior: initial !important; scroll-margin-block: initial !important; scroll-margin: initial !important; scroll-margin-inline: initial !important; scroll-padding-block: initial !important; scroll-padding: initial !important; scroll-padding-inline: initial !important; scroll-snap-align: initial !important; scroll-snap-stop: initial !important; scroll-snap-type: initial !important; scroll-timeline: initial !important; scrollbar-gutter: initial !important; shape-image-threshold: initial !important; shape-margin: initial !important; shape-outside: initial !important; shape-rendering: initial !important; size: initial !important; speak: initial !important; stop-color: initial !important; stop-opacity: initial !important; stroke: initial !important; stroke-dasharray: initial !important; stroke-dashoffset: initial !important; stroke-linecap: initial !important; stroke-linejoin: initial !important; stroke-miterlimit: initial !important; stroke-opacity: initial !important; stroke-width: initial !important; tab-size: initial !important; table-layout: initial !important; text-align: initial !important; text-align-last: initial !important; text-anchor: initial !important; text-combine-upright: initial !important; text-decoration: initial !important; text-decoration-skip-ink: initial !important; text-emphasis: initial !important; text-emphasis-position: initial !important; text-indent: initial !important; text-overflow: initial !important; text-shadow: initial !important; text-size-adjust: initial !important; text-transform: initial !important; text-underline-offset: initial !important; text-underline-position: initial !important; white-space: initial !important; timeline-scope: initial !important; top: 3px !important; touch-action: initial !important; transform: initial !important; transform-box: initial !important; transform-origin: initial !important; transform-style: initial !important; transition: initial !important; translate: initial !important; user-select: initial !important; vector-effect: initial !important; vertical-align: initial !important; view-timeline: initial !important; view-transition-name: initial !important; visibility: initial !important; border-spacing: initial !important; -webkit-box-align: initial !important; -webkit-box-decoration-break: initial !important; -webkit-box-direction: initial !important; -webkit-box-flex: initial !important; -webkit-box-ordinal-group: initial !important; -webkit-box-orient: initial !important; -webkit-box-pack: initial !important; -webkit-box-reflect: initial !important; -webkit-line-break: initial !important; -webkit-line-clamp: initial !important; -webkit-mask-box-image: initial !important; -webkit-print-color-adjust: initial !important; -webkit-rtl-ordering: initial !important; -webkit-ruby-position: initial !important; -webkit-tap-highlight-color: initial !important; -webkit-text-combine: initial !important; -webkit-text-decorations-in-effect: initial !important; -webkit-text-fill-color: unset !important; -webkit-text-security: initial !important; -webkit-text-stroke: initial !important; -webkit-user-drag: initial !important; -webkit-user-modify: initial !important; widows: initial !important; width: initial !important; will-change: initial !important; word-break: initial !important; word-spacing: initial !important; x: initial !important; y: initial !important; z-index: initial !important;"><path d="M503-104q-24 24-57 24t-57-24L103-390q-23-23-23-56.5t23-56.5l352-353q11-11 26-17.5t32-6.5h286q33 0 56.5 23.5T879-800v286q0 17-6.5 32T855-456L503-104Zm196-536q25 0 42.5-17.5T759-700q0-25-17.5-42.5T699-760q-25 0-42.5 17.5T639-700q0 25 17.5 42.5T699-640ZM446-160l353-354v-286H513L160-446l286 286Zm353-640Z"></path></svg></span><span style="position: relative !important; left: 3px !important; padding-right: 6px !important;">Buy bestselling books online</span></div></p>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 margin-30px-bottom xs-margin-20px-bottom p-15">
<div class="services-block-three h-100 d-flex">
<a href="javascript:void(0)" class="d-flex flex-column align-items-center justify-content-center text-decoration-none">
<div class="step-box bg-light-yellow rounded-12 mb-4 px-3 fw-semibold">
Type
</div>
<p class="xs-font-size13 xs-line-height-22 fs-18">
Type or Paste your text. Crikk can convert 2500 characters into voiceover at once. Pro
users can convert up to 12k characters into voiceover.
</p>
</a>
</div>
</div>
<div class="col-lg-4 col-md-6 margin-30px-bottom xs-margin-20px-bottom p-15">
<div class="services-block-three h-100 d-flex">
<a href="javascript:void(0)" class="d-flex flex-column align-items-center justify-content-center text-decoration-none">
<div class="step-box bg-light-purple rounded-12 mb-4 px-3 fw-semibold">
Choose English voice
</div>
<p class="xs-font-size13 xs-line-height-22 fs-18">
Select the AI voice, Voice samples can help you to decide the perfect voice.
</p>
</a>
</div>
</div>
<div class="col-lg-4 col-md-6 margin-30px-bottom xs-margin-20px-bottom p-15">
<div class="services-block-three h-100 d-flex">
<a href="javascript:void(0)" class="d-flex flex-column align-items-center justify-content-center text-decoration-none">
<div class="step-box bg-light-green rounded-12 mb-4 px-3 fw-semibold">
Generate
</div>
<p class="xs-font-size13 xs-line-height-22 fs-18">
Click on the generate button. It will convert written words into voice in a few
seconds.You can download generated voice as mp3 file.
</p>
</a>
</div>
</div>
</div>
<div id="featuresCarousel" class="carousel slide my-5" data-bs-ride="carousel" data-bs-interval="1500">
<div class="row">
<div class="col-12">
<h2 class="slider_title">Transform Your Reading with Crikk App</h2>
</div>
</div>
<div class="carousel-inner">
<!-- Slide 1 -->
<div class="carousel-item active item_one carousel-item-start">
<div class="d-flex align-items-center slider_container px-5" style="background: url('https://api.crikk.com/app/assets/images/slider/slider-bg1.svg'); height: 342px; border-radius: 10px;">
<div class="slider_common slider_one d-flex align-items-center">
<div class="row">
<div class="col-12 col-md-6 d-flex flex-column justify-content-center">
<h2 class="slider_heading">Listen To Anything</h2>
<p>Easily convert text, PDFs, images, or even textbooks into audio.
Simply upload or paste documents, or snap a picture of a physical
book—Crikk will
extract
the text and read it out loud for you.</p>
<div class="d-flex mobile-apps">
<a href="https://play.google.com/store/apps/details?id=com.crickk.ttsofficial&hl=en_IN" class="mr-4 w-25" target="_blank" style="padding-right: 4px;">
<img src="https://api.crikk.com/app/assets/images/slider/play-store-dark.png" alt="Google Play" class="img-fluid1 app-store">
</a>
<a href="javascript:;" class="w-25 app-store-img">
<img src="https://api.crikk.com/app/assets/images/slider/app-store-dark.png" alt="App Store" class="img-fluid1 app-store">
<div class="ribbon-wrapper">
<div class="ribbon">Coming soon</div>
</div>
</a>
</div>
</div>
<div class="col-12 col-md-6 d-none d-md-block">
<img src="https://api.crikk.com/app/assets/images/slider/frame1.svg" class="img-fluid1 w-75 float-end">
</div>
</div>
</div>
</div>
</div>
<!-- Slide 2 -->
<div class="carousel-item item_one carousel-item-next carousel-item-start">
<div class="d-flex align-items-end slider_two slider_container px-5" style="background: url('https://api.crikk.com/app/assets/images/slider/slider-bg2.svg'); height: 342px; border-radius: 10px;">
<div class="row">
<div class="col-12 col-md-6 d-flex flex-column justify-content-start pt-4">
<h2 class="slider_heading">Listen 2x Faster</h2>
<p>
Adjust the playback speed to suit your pace. Whether you want to slow
things down or speed them up, Crikk adapts to your needs.
</p>
<div class="d-flex mobile-apps">
<a href="https://play.google.com/store/apps/details?id=com.crickk.ttsofficial&hl=en_IN" class="mr-4 w-25" target="_blank" style="padding-right: 4px;">
<img src="https://api.crikk.com/app/assets/images/slider/play-store-dark.png" alt="Google Play" class="img-fluid1 app-store">
</a>
<a href="javascript:;" class="w-25 app-store-img">
<img src="https://api.crikk.com/app/assets/images/slider/app-store-dark.png" alt="App Store" class="img-fluid1 app-store">
<div class="ribbon-wrapper">
<div class="ribbon">Coming soon</div>
</div>
</a>
</div>
</div>
<div class="col-6 col-md-6 d-none d-md-block">
<img src="https://api.crikk.com/app/assets/images/slider/frame2.png" class="img-fluid1 w-75 float-end slider_component">
</div>
</div>
</div>
</div>
<!-- Slide 3 -->
<div class="carousel-item item_one">
<div class="d-flex align-items-end slider_container px-5" style="background: url('https://api.crikk.com/app/assets/images/slider/slider-bg3.svg'); height: 342px; border-radius: 10px;">
<div class="slider_common slider_three d-flex align-items-end">
<div class="row d-flex align-items-center">
<div class="col-12 col-md-7 d-flex flex-column justify-content-start">
<h2 class="slider_heading">Read and Listen Simultaneously</h2>
<p>Crikk's AI-generated voices make it feel like someone's reading to
you. As you listen, the app highlights each word in the text, helping
you read and listen together for better comprehension and retention.
</p>
<div class="d-flex mobile-apps">
<a href="https://play.google.com/store/apps/details?id=com.crickk.ttsofficial&hl=en_IN" class="mr-4" target="_blank" style="padding-right: 4px;">
<img src="https://api.crikk.com/app/assets/images/slider/play-store-white.svg" alt="Google Play" class="img-fluid1 app-store">
</a>
<a href="javascript:;" class="app-store-img">
<img src="https://api.crikk.com/app/assets/images/slider/app-store-white.svg" alt="App Store" class="img-fluid1 app-store">
<div class="ribbon-wrapper">
<div class="ribbon">Coming soon</div>
</div>
</a>
</div>
</div>
<div class="col-12 col-md-5 d-none d-md-block">
<img src="https://api.crikk.com/app/assets/images/slider/frame3.png" class="img-fluid1 w-75 float-end slider_component">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Carousel Indicators -->
<div class="carousel-indicators position-absolute bottom-0 carousel-footer translate-middle-x mb-3">
<button type="button" data-bs-target="#featuresCarousel" data-bs-slide-to="0" class="" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#featuresCarousel" data-bs-slide-to="1" aria-label="Slide 2" class="active" aria-current="true"></button>
<button type="button" data-bs-target="#featuresCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
</div>
<div class="section">
<div class="container">
<div class="row d-flex justify-content-center mb-5">
<div class="col-12 text-center">
<h3 class="mb-2 fw-800" style="font-weight: 600; font-size: 2.2rem;">
Crikk English Text to Speech Features
</h3>
</div>
</div>
<div class="row">
<div class="col-md-3 col-12 py-2">
<div class="card card-shadow rounded-12 border-1 py-4 h-100">
<div class="row ">
<div class="col-12 d-flex justify-content-center">
<img src="https://api.crikk.com/app/assets/images/unlimited-text.svg" class="" width="130px">
</div>
</div>
<div class="card-body text-center">
<h5 class="card-title fw-600 fs-24">Truly Free & Unlimited TTS</h5>
<p class="card-text text-muted fs-18 fw-600">
Crikk is offering free and unlimited text to speech without registration.
Generate unlimited voiceover for your projects.
</p>
</div>
</div>
</div>
<div class="col-md-3 col-12 py-2">
<div class="card card-shadow rounded-12 border-1 py-4 h-100">
<div class="row ">
<div class="col-12 d-flex justify-content-center">
<img src="https://api.crikk.com/app/assets/images/global-reach.svg" class="" width="130px">
</div>
</div>
<div class="card-body text-center">
<h5 class="card-title fw-600 fs-24">Save Time</h5>
<p class="card-text text-muted fs-18 fw-600">
No turnaround time, Instantly create voiceover (no registration required),
listen to the generated audio before download.
</p>
</div>
</div>
</div>
<div class="col-md-3 col-12 py-2">
<div class="card card-shadow rounded-12 border-1 py-4 h-100">
<div class="row ">
<div class="col-12 d-flex justify-content-center">
<img src="https://api.crikk.com/app/assets/images/natural-voice.svg" class="" width="130px">
</div>
</div>
<div class="card-body text-center">
<h5 class="card-title fw-600 fs-24">Natural Sounding Voices</h5>
<p class="card-text text-muted fs-18 fw-600">
Crikk provides natural sounding AI voices. It is like someone else is reading to
you. Our voices are indistinguishable from a human voice.
</p>
</div>
</div>
</div>
<div class="col-md-3 col-12 py-2">
<div class="card card-shadow rounded-12 border-1 py-4 h-100">
<div class="row ">
<div class="col-12 d-flex justify-content-center">
<img src="https://api.crikk.com/app/assets/images/every-project.svg" class="" width="130px">
</div>
</div>
<div class="card-body text-center">
<h5 class="card-title fw-600 fs-24">Male & Female Voices</h5>
<p class="card-text text-muted fs-18 fw-600">
Choose the gender perfect for your project. Crikk is offering AI Male and Female
voices. Voice samples can help you decide the perfect voice for your project.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section">
<h3 class="fw-700 fs-40 text-center">
<span class="language">English</span> TTS Use Cases
</h3>
</div>
<div class="">
<div class="container purple-10 rounded-12">
<div class="row p-md-4 px-md-5 p-4">
<div class="col-md-6 align-self-center">
<div class="ps-md-5">
<h4 class="fw-700 fs-32">
Videos
</h4>
<p class="text-gray fs-20 fw-600">Create compelling voiceovers for any video project,
from sales presentations to
educational tutorials. Crikk's versatile voices add a professional touch.</p>
</div>
</div>
<div class="col-md-6 pe-md-5">
<div class="video-box rounded-12">
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/dFK7z4yI5DM?si=-psJ54xV8kM6VDhf" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe>
</div>
<div id="myModal" class="modal">
<iframe id="popupVideo" width="800" height="450" src="about:blank" frameborder="0" allowfullscreen=""></iframe>
<a class="close-btn">×</a>
</div>
</div>
</div>
</div>
</div>
<div class="section audiobooks">
<div class="container green-10 rounded-12">
<div class="row p-md-4 px-md-5 p-4">
<div class="col-md-7 align-self-center">
<div class="ps-md-5">
<h2 class="fw-700 fs-32">
AudioBooks
</h2>
<p class="text-gray fs-20 fw-600">
Bring your stories to life with captivating audiobooks created in seconds. Our
expressive voices convey the emotions of your characters, delivering a truly
immersive audio experience.
</p>
<div class="chip-container voice-sample-chip-container">
<div class="chip bg-white m-2 rounded-12">
<audio preload="none" id="af-ZA-book" src="https://api.crikk.com/app/voice/xversion/audiobook/Aria.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-book-play-btn play-green audio-buttons" onclick="playAudio('af-ZA-book')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-book-stop-btn play-green d-none audio-buttons" onclick="stopAudio('af-ZA-book')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Aria</h6>
</div>
<div class="chip bg-white m-2 rounded-12">
<audio preload="none" id="af-ZA-book2" src="https://api.crikk.com/app/voice/xversion/audiobook/Brian.wav">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-book2-play-btn play-green audio-buttons" onclick="playAudio('af-ZA-book2')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-book2-stop-btn play-green d-none audio-buttons" onclick="stopAudio('af-ZA-book2')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Brian</h6>
<span class="pro-text">PRO</span>
</div>
</div>
</div>
</div>
<div class="offset-md-1 col-md-4 pe-md-5">
<img src="https://api.crikk.com/app/assets/images/audiobooks.svg" alt="play video" class="w-100">
</div>
</div>
</div>
</div>
<div class=" support">
<div class="container yellow-10 rounded-12">
<div class="row p-md-4 px-md-5 p-4">
<div class="col-md-7 align-self-center">
<div class="ps-md-5">
<h4 class="fw-700 fs-32">
Customer Support
</h4>
<p class="text-gray fs-20 fw-600">
Bring your stories to life with captivating audiobooks created in seconds. Our
expressive voices convey the emotions of your characters, delivering a truly
immersive audio experience.
</p>
<div class="chip-container voice-sample-chip-container">
<div class="chip bg-white m-2 rounded-12">
<audio preload="none" id="af-ZA-support" src="https://api.crikk.com/app/voice/xversion/customer-support/Christopher.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-support-play-btn play-yellow audio-buttons" onclick="playAudio('af-ZA-support')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-support-stop-btn play-yellow d-none audio-buttons" onclick="stopAudio('af-ZA-support')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2 fw-500">Cristopher</h6>
</div>
<div class="chip bg-white m-2 rounded-12">
<audio preload="none" id="af-ZA-support2" src="https://api.crikk.com/app/voice/xversion/customer-support/Lewis.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-support2-play-btn play-yellow audio-buttons" onclick="playAudio('af-ZA-support2')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-support2-stop-btn play-yellow d-none audio-buttons" onclick="stopAudio('af-ZA-support2')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2 fw-500">Lewis</h6>
<span class="pro-text">PRO</span>
</div>
</div>
</div>
</div>
<div class="offset-md-1 col-md-4 pe-md-5">
<img src="https://api.crikk.com/app/assets/images/support.svg" alt="play video" class="mt-3 w-100">
</div>
</div>
</div>
</div>
<div class="section advertisement">
<div class="container pink-10 rounded-12">
<div class="row p-md-4 px-md-5 p-4">
<div class="col-md-7 align-self-center">
<div class="ps-md-5">
<h4 class="fw-700 fs-32">
Advertisement
</h4>
<p class="text-gray fs-20 fw-600">
Craft powerful advertisements with Crikk's diverse range of free voiceover options.
Say goodbye to expensive voiceover artists and create impactful ads featuring
realistic speech.
</p>
<div class="chip-container voice-sample-chip-container">
<div class="chip bg-white m-2 rounded-12">
<audio preload="none" id="af-ZA-ads2" src="https://api.crikk.com/app/voice/xversion/advertisement/Guy.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-ads2-play-btn play-pink audio-buttons" onclick="playAudio('af-ZA-ads2')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-ads2-stop-btn play-pink d-none audio-buttons" onclick="stopAudio('af-ZA-ads2')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2 fw-500">Guy</h6>
</div>
<div class="chip bg-white m-2 rounded-12">
<audio preload="none" id="af-ZA-ads" src="https://api.crikk.com/app/voice/xversion/advertisement/Derek.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-ads-play-btn play-pink audio-buttons" onclick="playAudio('af-ZA-ads')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-ads-stop-btn play-pink d-none audio-buttons" onclick="stopAudio('af-ZA-ads')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2 fw-500">Derek</h6>
<span class="pro-text">PRO</span>
</div>
</div>
</div>
</div>
<div class="offset-md-1 col-md-4 pe-md-5">
<img src="https://api.crikk.com/app/assets/images/advertise.svg" alt="play " class="w-100">
</div>
</div>
</div>
</div>
<div class="radio">
<div class="container red-10 rounded-12">
<div class="row p-md-4 px-md-5 p-4">
<div class="col-md-7 align-self-center">
<div class="ps-md-5">
<h4 class="fw-700 fs-32">
Radio
</h4>
<p class="text-gray fs-20 fw-600">
Streamline your radio production with Crikk's automated voiceover solutions. Craft
dynamic segments, announcements, and more.
</p>
<div class="chip-container voice-sample-chip-container">
<div class="chip bg-white m-2 rounded-12">
<audio preload="none" id="af-ZA-radio" src="https://api.crikk.com/app/voice/xversion/radio/Eric.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-radio-play-btn play-red audio-buttons" onclick="playAudio('af-ZA-radio')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-radio-stop-btn play-red d-none audio-buttons" onclick="stopAudio('af-ZA-radio')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2 fw-500">Eric</h6>
</div>
<div class="chip bg-white m-2 rounded-12">
<audio preload="none" id="af-ZA-radio2" src="https://api.crikk.com/app/voice/xversion/radio/Fable.wav">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-radio2-play-btn play-red audio-buttons" onclick="playAudio('af-ZA-radio2')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-radio2-stop-btn play-red d-none audio-buttons" onclick="stopAudio('af-ZA-radio2')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2 fw-500">Fable</h6>
<span class="pro-text">PRO</span>
</div>
</div>
</div>
</div>
<div class="offset-md-1 col-md-4 pe-md-5">
<img src="https://api.crikk.com/app/assets/images/radio.svg" alt="play " class="w-100">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-12 text-center mt-5">
<a href="https://crikk.com/app/register" class="btn bg-black-purple text-white fw-bold px-5 mb-3 py-3 rounded-12">Sign up</a>
</div>
</div>
</div>
</div>
<div class="section mt-5">
<div class="container">
<div class="row text-center">
<h2 class="fw-700 fs-40 text-center">
Crikk Pro (Unlock Supernatural Voices with Pro Account)
</h2>
<p class="fs-20 fw-500 text-gray">Experience voices that are indistinguishable from human
speech with our Pro upgrade.</p>
</div>
</div>
</div>
<div class=" unique-voice">
<div class="container border border-1 rounded-12">
<div class="row ">
<div class="col-md-8 align-self-center py-4 ps-5">
<div class="ps-md-5">
<h4 class="fw-700 fs-32">
Unique Voices
</h4>
<p class="text-gray fs-20 fw-600">
Discover unique voices exclusive to our platform. These fresh-sounding voices will
make your voiceovers stand out, offering a distinctive experience that you won't
find anywhere else.
</p>
<div class="chip-container voice-sample-chip-container">
<div class="chip pink-10 m-2 rounded-12">
<audio preload="none" id="af-ZA-uv1" src="https://api.crikk.com/app/voice/xversion/unique/Adam.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-uv1-play-btn play-pink fs-32 audio-buttons" onclick="playAudio('af-ZA-uv1')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-uv1-stop-btn play-pink fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-uv1')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Adam</h6>
</div>
<div class="chip pink-10 m-2 rounded-12">
<audio preload="none" id="af-ZA-Freshvoice2" src="https://api.crikk.com/app/voice/xversion/unique/Amanda.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Freshvoice2-play-btn play-pink fs-32 audio-buttons" onclick="playAudio('af-ZA-Freshvoice2')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Freshvoice2-stop-btn play-pink fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Freshvoice2')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Amanda</h6>
</div>
<div class="chip pink-10 m-2 rounded-12">
<audio preload="none" id="af-ZA-Freshvoice3" src="https://api.crikk.com/app/voice/xversion/unique/Dustin.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Freshvoice3-play-btn play-pink fs-32 audio-buttons" onclick="playAudio('af-ZA-Freshvoice3')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Freshvoice3-stop-btn play-pink fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Freshvoice3')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Dustin</h6>
</div>
<div class="chip pink-10 m-2 rounded-12">
<audio preload="none" id="af-ZA-Freshvoice4" src="https://api.crikk.com/app/voice/xversion/unique/Evelyn.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Freshvoice4-play-btn play-pink fs-32 audio-buttons" onclick="playAudio('af-ZA-Freshvoice4')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Freshvoice4-stop-btn play-pink fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Freshvoice4')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Evelyn</h6>
</div>
<div class="chip pink-10 m-2 rounded-12">
<audio preload="none" id="af-ZA-Freshvoice5" src="https://api.crikk.com/app/voice/xversion/unique/Lewis.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Freshvoice5-play-btn play-pink fs-32 audio-buttons" onclick="playAudio('af-ZA-Freshvoice5')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Freshvoice5-stop-btn play-pink fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Freshvoice5')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Lewis</h6>
</div>
<div class="chip pink-10 m-2 rounded-12">
<audio preload="none" id="af-ZA-Freshvoice6" src="https://api.crikk.com/app/voice/xversion/unique/Phoebe.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Freshvoice6-play-btn play-pink fs-32 audio-buttons" onclick="playAudio('af-ZA-Freshvoice6')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Freshvoice6-stop-btn play-pink fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Freshvoice6')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Phoebe</h6>
</div>
<div class="chip pink-10 m-2 rounded-12">
<audio preload="none" id="af-ZA-Freshvoice7" src="https://api.crikk.com/app/voice/xversion/unique/Samuel.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Freshvoice7-play-btn play-pink fs-32 audio-buttons" onclick="playAudio('af-ZA-Freshvoice7')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Freshvoice7-stop-btn play-pink fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Freshvoice7')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Samuel</h6>
</div>
<div class="chip pink-10 m-2 rounded-12">
<audio preload="none" id="af-ZA-Freshvoice8" src="https://api.crikk.com/app/voice/xversion/unique/Serena.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Freshvoice8-play-btn play-pink fs-32 audio-buttons" onclick="playAudio('af-ZA-Freshvoice8')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Freshvoice8-stop-btn play-pink fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Freshvoice8')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Serena</h6>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<img src="https://api.crikk.com/app/assets/images/unique-voice.svg" alt="play video" class="w-100">
</div>
</div>
</div>
</div>
<div class="section reach-everyone">
<div class="container border border-1 rounded-12">
<div class="row ">
<div class="col-md-8 align-self-center py-4 ps-5">
<div class="ps-md-5">
<h4 class="fw-700 fs-32">
Reach Everyone, Everywhere
</h4>
<p class="text-gray fs-20 fw-600">
With our AI voices, you can create voiceovers in 90+ different languages such as
English, Bengali, Spanish, Russian and much more . This lets you connect with people
all over the world in their own language and accent. Check out these voice samples
to hear how it sounds!
</p>
</div>
</div>
<div class="col-md-4">
<img src="https://api.crikk.com/app/assets/images/reach.svg" alt="play video" class="w-100">
</div>
</div>
<div class="row g-3 p-md-5 reach4">
<div class="col-md-6 col-12 ">
<div class="border border-1 rounded-12">
<div class="col-12 text-center p-4 pb-0">
<img src="https://api.crikk.com/app/assets/images/user.svg" alt="">
<h2 class="fw-700 fs-16">Samuel </h2>
</div>
<div class="col-12 p-3">
<div class="chip-container voice-sample-chip-container">
<div class="chip green-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-samuel-Arabic" src="https://api.crikk.com/app/voice/xversion/global/Samuel/Arabic.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-samuel-Arabic-play-btn play-green fs-32 audio-buttons" onclick="playAudio('af-ZA-samuel-Arabic')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-samuel-Arabic-stop-btn play-green fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-samuel-Arabic')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Arabic</h6>
</div>
<div class="chip green-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-samuel-Danish" src="https://api.crikk.com/app/voice/xversion/global/Samuel/Danish.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-samuel-Danish-play-btn play-green fs-32 audio-buttons" onclick="playAudio('af-ZA-samuel-Danish')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-samuel-Danish-stop-btn play-green fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-samuel-Danish')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Danish</h6>
</div>
<div class="chip green-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-samuel-Finnish" src="https://api.crikk.com/app/voice/xversion/global/Samuel/Finnish.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-samuel-Finnish-play-btn play-green fs-32 audio-buttons" onclick="playAudio('af-ZA-samuel-Finnish')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-samuel-Finnish-stop-btn play-green fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-samuel-Finnish')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Finnish</h6>
</div>
<div class="chip green-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-samuel-French" src="https://api.crikk.com/app/voice/xversion/global/Samuel/French.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-samuel-French-play-btn play-green fs-32 audio-buttons" onclick="playAudio('af-ZA-samuel-French')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-samuel-French-stop-btn play-green fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-samuel-French')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">French</h6>
</div>
<div class="chip green-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-samuel-German" src="https://api.crikk.com/app/voice/xversion/global/Samuel/German.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-samuel-German-play-btn play-green fs-32 audio-buttons" onclick="playAudio('af-ZA-samuel-German')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-samuel-German-stop-btn play-green fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-samuel-German')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">German</h6>
</div>
<div class="chip green-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-samuel-Italian" src="https://api.crikk.com/app/voice/xversion/global/Samuel/Italian.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-samuel-Italian-play-btn play-green fs-32 audio-buttons" onclick="playAudio('af-ZA-samuel-Italian')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-samuel-Italian-stop-btn play-green fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-samuel-Italian')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Italian</h6>
</div>
<div class="chip green-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-samuel-Japanese" src="https://api.crikk.com/app/voice/xversion/global/Samuel/Japanese.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-samuel-Japanese-play-btn play-green fs-32 audio-buttons" onclick="playAudio('af-ZA-samuel-Japanese')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-samuel-Japanese-stop-btn play-green fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-samuel-Japanese')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Japanese</h6>
</div>
<div class="chip green-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-samuel-Norwegian" src="https://api.crikk.com/app/voice/xversion/global/Samuel/Norwegian.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-samuel-Norwegian-play-btn play-green fs-32 audio-buttons" onclick="playAudio('af-ZA-samuel-Norwegian')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-samuel-Norwegian-stop-btn play-green fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-samuel-Norwegian')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Norwegian</h6>
</div>
<div class="chip green-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-samuel-Swedish" src="https://api.crikk.com/app/voice/xversion/global/Samuel/Swedish.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-samuel-Swedish-play-btn play-green fs-32 audio-buttons" onclick="playAudio('af-ZA-samuel-Swedish')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-samuel-Swedish-stop-btn play-green fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-samuel-Swedish')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Swedish</h6>
</div>
<div class="chip green-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-samuel-Dutch" src="https://api.crikk.com/app/voice/xversion/global/Samuel/Dutch.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-samuel-Dutch-play-btn play-green fs-32 audio-buttons" onclick="playAudio('af-ZA-samuel-Dutch')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-samuel-Dutch-stop-btn play-green fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-samuel-Dutch')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Dutch</h6>
</div>
<div class="chip green-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-samuel-English" src="https://api.crikk.com/app/voice/xversion/global/Samuel/English.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-samuel-English-play-btn play-green fs-32 audio-buttons" onclick="playAudio('af-ZA-samuel-English')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-samuel-English-stop-btn play-green fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-samuel-English')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">English</h6>
</div>
<div class="chip green-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-samuel-Hebrew" src="https://api.crikk.com/app/voice/xversion/global/Samuel/Hebrew.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-samuel-Hebrew-play-btn play-green fs-32 audio-buttons" onclick="playAudio('af-ZA-samuel-Hebrew')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-samuel-Hebrew-stop-btn play-green fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-samuel-Hebrew')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Hebrew</h6>
</div>
<div class="chip green-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-samuel-Korean" src="https://api.crikk.com/app/voice/xversion/global/Samuel/Korean.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-samuel-Korean-play-btn play-green fs-32 audio-buttons" onclick="playAudio('af-ZA-samuel-Korean')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-samuel-Korean-stop-btn play-green fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-samuel-Korean')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Korean</h6>
</div>
<div class="chip green-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-samuel-Portuguese" src="https://api.crikk.com/app/voice/xversion/global/Samuel/Portuguese.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-samuel-Portuguese-play-btn play-green fs-32 audio-buttons" onclick="playAudio('af-ZA-samuel-Portuguese')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-samuel-Portuguese-stop-btn play-green fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-samuel-Portuguese')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Portuguese</h6>
</div>
<div class="chip green-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-samuel-Spanish" src="https://api.crikk.com/app/voice/xversion/global/Samuel/Spanish.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-samuel-Spanish-play-btn play-green fs-32 audio-buttons" onclick="playAudio('af-ZA-samuel-Spanish')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-samuel-Spanish-stop-btn play-green fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-samuel-Spanish')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Spanish</h6>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-12 ">
<div class="border border-1 rounded-12">
<div class="col-12 text-center p-4 pb-0">
<img src="https://api.crikk.com/app/assets/images/user.svg" alt="">
<h2 class="fw-700 fs-16">Brian</h2>
</div>
<div class="col-12 p-3">
<div class="chip-container voice-sample-chip-container">
<div class="chip purple-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Brian-Arabic" src="https://api.crikk.com/app/voice/xversion/global/Brian/Arabic.wav">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Brian-Arabic-play-btn play-purple fs-32 audio-buttons" onclick="playAudio('af-ZA-Brian-Arabic')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Brian-Arabic-stop-btn play-purple fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Brian-Arabic')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Arabic</h6>
</div>
<div class="chip purple-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Brian-Danish" src="https://api.crikk.com/app/voice/xversion/global/Brian/Danish.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Brian-Danish-play-btn play-purple fs-32 audio-buttons" onclick="playAudio('af-ZA-Brian-Danish')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Brian-Danish-stop-btn play-purple fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Brian-Danish')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Danish</h6>
</div>
<div class="chip purple-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Brian-Finnish" src="https://api.crikk.com/app/voice/xversion/global/Brian/Finnish.wav">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Brian-Finnish-play-btn play-purple fs-32 audio-buttons" onclick="playAudio('af-ZA-Brian-Finnish')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Brian-Finnish-stop-btn play-purple fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Brian-Finnish')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Finnish</h6>
</div>
<div class="chip purple-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Brian-French" src="https://api.crikk.com/app/voice/xversion/global/Brian/French.wav">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Brian-French-play-btn play-purple fs-32 audio-buttons" onclick="playAudio('af-ZA-Brian-French')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Brian-French-stop-btn play-purple fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Brian-French')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">French</h6>
</div>
<div class="chip purple-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Brian-German" src="https://api.crikk.com/app/voice/xversion/global/Brian/German.wav">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Brian-German-play-btn play-purple fs-32 audio-buttons" onclick="playAudio('af-ZA-Brian-German')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Brian-German-stop-btn play-purple fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Brian-German')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">German</h6>
</div>
<div class="chip purple-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Brian-Italian" src="https://api.crikk.com/app/voice/xversion/global/Brian/Italian.wav">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Brian-Italian-play-btn play-purple fs-32 audio-buttons" onclick="playAudio('af-ZA-Brian-Italian')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Brian-Italian-stop-btn play-purple fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Brian-Italian')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Italian</h6>
</div>
<div class="chip purple-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Brian-Japanese" src="https://api.crikk.com/app/voice/xversion/global/Brian/Japanese.wav">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Brian-Japanese-play-btn play-purple fs-32 audio-buttons" onclick="playAudio('af-ZA-Brian-Japanese')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Brian-Japanese-stop-btn play-purple fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Brian-Japanese')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Japanese</h6>
</div>
<div class="chip purple-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Brian-Norwegian" src="https://api.crikk.com/app/voice/xversion/global/Brian/Norwegian.wav">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Brian-Norwegian-play-btn play-purple fs-32 audio-buttons" onclick="playAudio('af-ZA-Brian-Norwegian')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Brian-Norwegian-stop-btn play-purple fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Brian-Norwegian')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Norwegian</h6>
</div>
<div class="chip purple-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Brian-Swedish" src="https://api.crikk.com/app/voice/xversion/global/Brian/Swedish.wav">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Brian-Swedish-play-btn play-purple fs-32 audio-buttons" onclick="playAudio('af-ZA-Brian-Swedish')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Brian-Swedish-stop-btn play-purple fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Brian-Swedish')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Swedish</h6>
</div>
<div class="chip purple-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Brian-Dutch" src="https://api.crikk.com/app/voice/xversion/global/Brian/Dutch.wav">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Brian-Dutch-play-btn play-purple fs-32 audio-buttons" onclick="playAudio('af-ZA-Brian-Dutch')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Brian-Dutch-stop-btn play-purple fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Brian-Dutch')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Dutch</h6>
</div>
<div class="chip purple-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Brian-English" src="https://api.crikk.com/app/voice/xversion/global/Brian/English.wav">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Brian-English-play-btn play-purple fs-32 audio-buttons" onclick="playAudio('af-ZA-Brian-English')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Brian-English-stop-btn play-purple fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Brian-English')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">English</h6>
</div>
<div class="chip purple-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Brian-Hebrew" src="https://api.crikk.com/app/voice/xversion/global/Brian/Hebrew.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Brian-Hebrew-play-btn play-purple fs-32 audio-buttons" onclick="playAudio('af-ZA-Brian-Hebrew')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Brian-Hebrew-stop-btn play-purple fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Brian-Hebrew')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Hebrew</h6>
</div>
<div class="chip purple-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Brian-Korean" src="https://api.crikk.com/app/voice/xversion/global/Brian/Korean.wav">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Brian-Korean-play-btn play-purple fs-32 audio-buttons" onclick="playAudio('af-ZA-Brian-Korean')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Brian-Korean-stop-btn play-purple fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Brian-Korean')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Korean</h6>
</div>
<div class="chip purple-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Brian-Portuguese" src="https://api.crikk.com/app/voice/xversion/global/Brian/Portuguese.wav">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Brian-Portuguese-play-btn play-purple fs-32 audio-buttons" onclick="playAudio('af-ZA-Brian-Portuguese')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Brian-Portuguese-stop-btn play-purple fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Brian-Portuguese')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Portuguese</h6>
</div>
<div class="chip purple-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Brian-Spanish" src="https://api.crikk.com/app/voice/xversion/global/Brian/Spanish.wav">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Brian-Spanish-play-btn play-purple fs-32 audio-buttons" onclick="playAudio('af-ZA-Brian-Spanish')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Brian-Spanish-stop-btn play-purple fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Brian-Spanish')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Spanish</h6>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-12 ">
<div class="border border-1 rounded-12">
<div class="col-12 text-center p-4 pb-0">
<img src="https://api.crikk.com/app/assets/images/fuser.svg" alt="">
<h2 class="fw-700 fs-16">Nova</h2>
</div>
<div class="col-12 p-3">
<div class="chip-container voice-sample-chip-container">
<div class="chip yellow-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Nova-Arabic" src="https://api.crikk.com/app/voice/xversion/global/Nova/Arabic.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Nova-Arabic-play-btn play-yellow fs-32 audio-buttons" onclick="playAudio('af-ZA-Nova-Arabic')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Nova-Arabic-stop-btn play-yellow fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Nova-Arabic')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Arabic</h6>
</div>
<div class="chip yellow-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Nova-Danish" src="https://api.crikk.com/app/voice/xversion/global/Nova/Danish.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Nova-Danish-play-btn play-yellow fs-32 audio-buttons" onclick="playAudio('af-ZA-Nova-Danish')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Nova-Danish-stop-btn play-yellow fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Nova-Danish')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Danish</h6>
</div>
<div class="chip yellow-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Nova-Finnish" src="https://api.crikk.com/app/voice/xversion/global/Nova/Finnish.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Nova-Finnish-play-btn play-yellow fs-32 audio-buttons" onclick="playAudio('af-ZA-Nova-Finnish')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Nova-Finnish-stop-btn play-yellow fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Nova-Finnish')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Finnish</h6>
</div>
<div class="chip yellow-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Nova-French" src="https://api.crikk.com/app/voice/xversion/global/Nova/French.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Nova-French-play-btn play-yellow fs-32 audio-buttons" onclick="playAudio('af-ZA-Nova-French')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Nova-French-stop-btn play-yellow fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Nova-French')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">French</h6>
</div>
<div class="chip yellow-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Nova-German" src="https://api.crikk.com/app/voice/xversion/global/Nova/German.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Nova-German-play-btn play-yellow fs-32 audio-buttons" onclick="playAudio('af-ZA-Nova-German')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Nova-German-stop-btn play-yellow fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Nova-German')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">German</h6>
</div>
<div class="chip yellow-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Nova-Italian" src="https://api.crikk.com/app/voice/xversion/global/Nova/Italian.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Nova-Italian-play-btn play-yellow fs-32 audio-buttons" onclick="playAudio('af-ZA-Nova-Italian')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Nova-Italian-stop-btn play-yellow fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Nova-Italian')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Italian</h6>
</div>
<div class="chip yellow-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Nova-Japanese" src="https://api.crikk.com/app/voice/xversion/global/Nova/Japanese.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Nova-Japanese-play-btn play-yellow fs-32 audio-buttons" onclick="playAudio('af-ZA-Nova-Japanese')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Nova-Japanese-stop-btn play-yellow fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Nova-Japanese')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Japanese</h6>
</div>
<div class="chip yellow-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Nova-Norwegian" src="https://api.crikk.com/app/voice/xversion/global/Nova/Norwegian.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Nova-Norwegian-play-btn play-yellow fs-32 audio-buttons" onclick="playAudio('af-ZA-Nova-Norwegian')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Nova-Norwegian-stop-btn play-yellow fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Nova-Norwegian')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Norwegian</h6>
</div>
<div class="chip yellow-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Nova-Swedish" src="https://api.crikk.com/app/voice/xversion/global/Nova/Swedish.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Nova-Swedish-play-btn play-yellow fs-32 audio-buttons" onclick="playAudio('af-ZA-Nova-Swedish')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Nova-Swedish-stop-btn play-yellow fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Nova-Swedish')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Swedish</h6>
</div>
<div class="chip yellow-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Nova-Dutch" src="https://api.crikk.com/app/voice/xversion/global/Nova/Dutch.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Nova-Dutch-play-btn play-yellow fs-32 audio-buttons" onclick="playAudio('af-ZA-Nova-Dutch')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Nova-Dutch-stop-btn play-yellow fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Nova-Dutch')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Dutch</h6>
</div>
<div class="chip yellow-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Nova-English" src="https://api.crikk.com/app/voice/xversion/global/Nova/English.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Nova-English-play-btn play-yellow fs-32 audio-buttons" onclick="playAudio('af-ZA-Nova-English')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Nova-English-stop-btn play-yellow fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Nova-English')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">English</h6>
</div>
<div class="chip yellow-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Nova-Hebrew" src="https://api.crikk.com/app/voice/xversion/global/Nova/Hebrew.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Nova-Hebrew-play-btn play-yellow fs-32 audio-buttons" onclick="playAudio('af-ZA-Nova-Hebrew')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Nova-Hebrew-stop-btn play-yellow fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Nova-Hebrew')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Hebrew</h6>
</div>
<div class="chip yellow-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Nova-Korean" src="https://api.crikk.com/app/voice/xversion/global/Nova/Korean.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Nova-Korean-play-btn play-yellow fs-32 audio-buttons" onclick="playAudio('af-ZA-Nova-Korean')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Nova-Korean-stop-btn play-yellow fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Nova-Korean')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Korean</h6>
</div>
<div class="chip yellow-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Nova-Portuguese" src="https://api.crikk.com/app/voice/xversion/global/Nova/Portuguese.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Nova-Portuguese-play-btn play-yellow fs-32 audio-buttons" onclick="playAudio('af-ZA-Nova-Portuguese')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Nova-Portuguese-stop-btn play-yellow fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Nova-Portuguese')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Portuguese</h6>
</div>
<div class="chip yellow-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Nova-Spanish" src="https://api.crikk.com/app/voice/xversion/global/Nova/Spanish.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Nova-Spanish-play-btn play-yellow fs-32 audio-buttons" onclick="playAudio('af-ZA-Nova-Spanish')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Nova-Spanish-stop-btn play-yellow fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Nova-Spanish')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Spanish</h6>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-12 ">
<div class="border border-1 rounded-12">
<div class="col-12 text-center p-4 pb-0">
<img src="https://api.crikk.com/app/assets/images/user.svg" alt="">
<h2 class="fw-700 fs-16">Onyx</h2>
</div>
<div class="col-12 p-3">
<div class="chip-container voice-sample-chip-container">
<div class="chip pink-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Onyx-Arabic" src="https://api.crikk.com/app/voice/xversion/global/Onyx/Arabic.wav">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Onyx-Arabic-play-btn play-pink fs-32 audio-buttons" onclick="playAudio('af-ZA-Onyx-Arabic')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Onyx-Arabic-stop-btn play-pink fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Onyx-Arabic')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Arabic</h6>
</div>
<div class="chip pink-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Onyx-Danish" src="https://api.crikk.com/app/voice/xversion/global/Onyx/Danish.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Onyx-Danish-play-btn play-pink fs-32 audio-buttons" onclick="playAudio('af-ZA-Onyx-Danish')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Onyx-Danish-stop-btn play-pink fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Onyx-Danish')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Danish</h6>
</div>
<div class="chip pink-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Onyx-Finnish" src="https://api.crikk.com/app/voice/xversion/global/Onyx/Finnish.wav">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Onyx-Finnish-play-btn play-pink fs-32 audio-buttons" onclick="playAudio('af-ZA-Onyx-Finnish')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Onyx-Finnish-stop-btn play-pink fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Onyx-Finnish')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Finnish</h6>
</div>
<div class="chip pink-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Onyx-French" src="https://api.crikk.com/app/voice/xversion/global/Onyx/French.wav">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Onyx-French-play-btn play-pink fs-32 audio-buttons" onclick="playAudio('af-ZA-Onyx-French')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Onyx-French-stop-btn play-pink fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Onyx-French')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">French</h6>
</div>
<div class="chip pink-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Onyx-German" src="https://api.crikk.com/app/voice/xversion/global/Onyx/German.wav">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Onyx-German-play-btn play-pink fs-32 audio-buttons" onclick="playAudio('af-ZA-Onyx-German')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Onyx-German-stop-btn play-pink fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Onyx-German')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">German</h6>
</div>
<div class="chip pink-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Onyx-Italian" src="https://api.crikk.com/app/voice/xversion/global/Onyx/Italian.wav">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Onyx-Italian-play-btn play-pink fs-32 audio-buttons" onclick="playAudio('af-ZA-Onyx-Italian')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Onyx-Italian-stop-btn play-pink fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Onyx-Italian')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Italian</h6>
</div>
<div class="chip pink-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Onyx-Japanese" src="https://api.crikk.com/app/voice/xversion/global/Onyx/Japanese.wav">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Onyx-Japanese-play-btn play-pink fs-32 audio-buttons" onclick="playAudio('af-ZA-Onyx-Japanese')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Onyx-Japanese-stop-btn play-pink fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Onyx-Japanese')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Japanese</h6>
</div>
<div class="chip pink-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Onyx-Norwegian" src="https://api.crikk.com/app/voice/xversion/global/Onyx/Norwegian.wav">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Onyx-Norwegian-play-btn play-pink fs-32 audio-buttons" onclick="playAudio('af-ZA-Onyx-Norwegian')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Onyx-Norwegian-stop-btn play-pink fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Onyx-Norwegian')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Norwegian</h6>
</div>
<div class="chip pink-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Onyx-Swedish" src="https://api.crikk.com/app/voice/xversion/global/Onyx/Swedish.wav">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Onyx-Swedish-play-btn play-pink fs-32 audio-buttons" onclick="playAudio('af-ZA-Onyx-Swedish')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Onyx-Swedish-stop-btn play-pink fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Onyx-Swedish')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Swedish</h6>
</div>
<div class="chip pink-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Onyx-Dutch" src="https://api.crikk.com/app/voice/xversion/global/Onyx/Dutch.wav">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Onyx-Dutch-play-btn play-pink fs-32 audio-buttons" onclick="playAudio('af-ZA-Onyx-Dutch')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Onyx-Dutch-stop-btn play-pink fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Onyx-Dutch')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Dutch</h6>
</div>
<div class="chip pink-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Onyx-English" src="https://api.crikk.com/app/voice/xversion/global/Onyx/English.wav">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Onyx-English-play-btn play-pink fs-32 audio-buttons" onclick="playAudio('af-ZA-Onyx-English')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Onyx-English-stop-btn play-pink fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Onyx-English')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">English</h6>
</div>
<div class="chip pink-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Onyx-Hebrew" src="https://api.crikk.com/app/voice/xversion/global/Onyx/Hebrew.mp3">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Onyx-Hebrew-play-btn play-pink fs-32 audio-buttons" onclick="playAudio('af-ZA-Onyx-Hebrew')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Onyx-Hebrew-stop-btn play-pink fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Onyx-Hebrew')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Hebrew</h6>
</div>
<div class="chip pink-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Onyx-Korean" src="https://api.crikk.com/app/voice/xversion/global/Onyx/Korean.wav">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Onyx-Korean-play-btn play-pink fs-32 audio-buttons" onclick="playAudio('af-ZA-Onyx-Korean')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Onyx-Korean-stop-btn play-pink fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Onyx-Korean')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Korean</h6>
</div>
<div class="chip pink-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Onyx-Portuguese" src="https://api.crikk.com/app/voice/xversion/global/Onyx/Portuguese.wav">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Onyx-Portuguese-play-btn play-pink fs-32 audio-buttons" onclick="playAudio('af-ZA-Onyx-Portuguese')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Onyx-Portuguese-stop-btn play-pink fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Onyx-Portuguese')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Portuguese</h6>
</div>
<div class="chip pink-10 mx-1 my-2 rounded-12">
<audio preload="none" id="af-ZA-Onyx-Spanish" src="https://api.crikk.com/app/voice/xversion/global/Onyx/Spanish.wav">
Your browser does not support the audio element.
</audio>
<span class="af-ZA-Onyx-Spanish-play-btn play-pink fs-32 audio-buttons" onclick="playAudio('af-ZA-Onyx-Spanish')"><i class="fas fa-play-circle"></i></span>
<span class="af-ZA-Onyx-Spanish-stop-btn play-pink fs-32 d-none audio-buttons" onclick="stopAudio('af-ZA-Onyx-Spanish')"><i class="far fa-stop-circle"></i></span>
<h6 class="ms-2">Spanish</h6>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 text-center mt-5">
<a href="https://crikk.com/app/register" class="btn bg-black-purple text-white fw-bold px-5 mb-3 py-3 rounded-12">Sign up</a>
</div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="row g-3">
<div class="col-md-6 col-12 ">
<div class="purple-10 h-100 rounded-12 p-md-5">
<div class="p-md-4 p-3 text-center">
<img src="https://api.crikk.com/app/assets/images/lifetime.svg" alt="" srcset="">
<h3 class="fs-32 fw-800">Lifetime Deal Available Now</h3>
<p class="text-gray fs-20 fw-500">Stop Paying On Going Monthly fees. Say goodbye to
recurring fees and secure realistic text-to-speech conversion with a one-time
Pro account purchase.</p>
</div>
</div>
</div>
<div class="col-md-6 col-12">
<div class="yellow-10 h-100 rounded-12 p-md-5">
<div class="p-md-4 p-3 text-center">
<img src="https://api.crikk.com/app/assets/images/app-mobile.svg" alt="" srcset="">
<h2 class="fs-32 fw-800">Mobile App</h2>
<p class="text-gray fs-20 fw-500">Crikk lets you convert text, documents such as
pdf, and images into audio. It lets you read and listen at the same time.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div>
<h3 class="fw-800 text-center fs-32 mb-4">
Crikk Free vs Pro
</h3>
<div class="row">
<div class="col-lg-12">
<div class="table-responsive purple-container">
<table class="table table-bordered features-table mb-0">
<thead class="text-center">
<tr>
<th>Features</th>
<th>Free</th>
<th>Pro</th>
</tr>
</thead>
<tbody class="text-center">
<tr>
<td>Voices</td>
<td>300+ Standard Voices</td>
<td>300+ Standard + 15 Fresh Voices</td>
</tr>
<tr>
<td>Languages</td>
<td>70 languages</td>
<td>91 languages</td>
</tr>
<tr>
<td>Character limit</td>
<td>Unlimited Characters</td>
<td>300k Characters/Month</td>
</tr>
<tr>
<td>Price</td>
<td>Free</td>
<td>$67 (One-time payment)</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="row g-3">
<div class="col-md-6 col-12">
<div class="p-md-5 p-3 gray-10 text-center rounded-12 h-100">
<div class="mx-4">
<div class="col-md-12 d-flex justify-content-center">
<h4 class="fw-700 gray-gradient-bg" style="color: #150440">
Free Plan
</h4>
</div>
<p class="fs-20 fw-600" style="color: #212529;">Perfect for everyday
text-to-speech needs with realistic, human-like voices.</p>
</div>
</div>
</div>
<div class="col-md-6 col-12">
<div class="p-md-5 p-3 yellow-10 text-center rounded-12 h-100">
<div class="col-md-12 d-flex justify-content-center">
<h4 class="fw-700 yellow-gradient-bg" style="color: #150440">
Pro Plan
</h4>
</div>
<p class="fs-20 fw-600" style="color: #212529;">
Upgrade for exclusive, studio-quality voices, expanded language support, and
generous usage limits. Ideal for professional projects and content creators.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="curved-screen">
<div class="container-fluid ">
<div class="row d-flex justify-content-center">
<div class="col-8 d-flex align-items-center justify-content-center">
<img src="https://api.crikk.com/app/assets/Logo/Log-main-removebg.png" alt="" width="350px">
</div>
<div class="col-12 text-center">
<h2 class="fw-700"> The Smart Choice for Everyday Voiceover Needs</h2>
</div>
<div class="col-12 text-center">
<p class="text-gray fs-18">
Whether you're crafting presentations, explainer videos, e-learning materials, or
creative audio projects, Crikk empowers you to add thepower of voice quickly,
cost-effectively, and with impressive results.
</p>
</div>
<div class="col-12 text-center">
<a href="https://crikk.com/app/register" class="btn bg-black-purple text-white fw-bold px-5 py-3 rounded-12">Sign up</a>
</div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<h2 class="fw-800 fs-40">FAQ</h2>
</div>
</div>
<div class="row d-flex justify-content-center">
<div class="col-md-9 col-12">
<div class="accordion accordion-flush" id="accordionFlushExample">
<div class="accordion-item bg-white">
<h2 class="accordion-header " id="flush-headingOne">
<button class="accordion-button bg-white fs-20 fw-600 text-dark collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
Is this text to speech free?
</button>
</h2>
<div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample">
<div class="accordion-body text-gray fs-20 fw-500">
Yes it is completely free and totally unlimited.
</div>
</div>
</div>
<div class="accordion-item bg-white">
<h2 class="accordion-header" id="flush-headingTwo">
<button class="accordion-button bg-white fs-20 fw-600 text-dark collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
What is the output format?
</button>
</h2>
<div id="flush-collapseTwo" class="accordion-collapse collapse" aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlushExample">
<div class="accordion-body text-gray fs-20 fw-500">
The output format is mp3.
</div>
</div>
</div>
<div class="accordion-item bg-white">
<h2 class="accordion-header" id="flush-headingThree">
<button class="accordion-button bg-white fs-20 fw-600 text-dark collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">
How many languages does text-to-speech work in?
</button>
</h2>
<div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample">
<div class="accordion-body text-gray fs-20 fw-500">
Our Text-to-speech technology works in 74 languages.
</div>
</div>
</div>
<div class="accordion-item bg-white">
<h2 class="accordion-header" id="flush-heading4">
<button class="accordion-button bg-white fs-20 fw-600 text-dark collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse4" aria-expanded="false" aria-controls="flush-collapse4">
Can I use generated files for commercial purposes?
</button>
</h2>
<div id="flush-collapse4" class="accordion-collapse collapse" aria-labelledby="flush-heading4" data-bs-parent="#accordionFlushExample">
<div class="accordion-body text-gray fs-20 fw-500">
Yes you can use generated files for commercial purposes.
</div>
</div>
</div>
<div class="accordion-item bg-white">
<h2 class="accordion-header" id="flush-heading5">
<button class="accordion-button bg-white fs-20 fw-600 text-dark collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse5" aria-expanded="false" aria-controls="flush-collapse5">
Do Male & Female voices available?
</button>
</h2>
<div id="flush-collapse5" class="accordion-collapse collapse" aria-labelledby="flush-heading5" data-bs-parent="#accordionFlushExample">
<div class="accordion-body text-gray fs-20 fw-500">
Yes both male and female voices are available for all languages.
</div>
</div>
</div>
<div class="accordion-item bg-white">
<h2 class="accordion-header" id="flush-heading6">
<button class="accordion-button bg-white fs-20 fw-600 text-dark collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse6" aria-expanded="false" aria-controls="flush-collapse6">
My question is not answered?
</button>
</h2>
<div id="flush-collapse6" class="accordion-collapse collapse" aria-labelledby="flush-heading6" data-bs-parent="#accordionFlushExample">
<div class="accordion-body text-gray fs-20 fw-500">
Kindly contact us <a href="https://crikk.com/contact/"> here </a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
<p class="col-md-4 mb-0 text-muted">Copyright © 2024 Crikk</p>
<ul class="nav col-md-6 justify-content-end">
All Rights Reserved | <a href="https://crikk.com/tos/" class="mx-2 nostyle"> Terms and
Conditions</a> | <a href="https://crikk.com/privacy-policy/" class="mx-2"> Privacy
Policy</a>
</ul>
</footer>
</div>
</section><ins class="adsbygoogle adsbygoogle-noablate" data-adsbygoogle-status="done" style="display: none !important;" data-ad-status="unfilled"><div id="aswift_0_host" style="border: none; height: 0px; width: 0px; margin: 0px; padding: 0px; position: relative; visibility: visible; background-color: transparent; display: inline-block;"><iframe id="aswift_0" name="aswift_0" style="left:0;position:absolute;top:0;border:0;width:undefinedpx;height:undefinedpx;" sandbox="allow-forms allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-top-navigation-by-user-activation" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" src="https://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-4086067329092893&output=html&adk=1812271804&adf=3025194257&abgtt=6&lmt=1733101579&plat=1%3A8200%2C2%3A8200%2C3%3A2162688%2C4%3A2162688%2C9%3A134250504%2C16%3A8388608%2C17%3A32%2C24%3A32%2C25%3A32%2C30%3A1048576%2C32%3A32%2C41%3A32%2C42%3A32&format=0x0&url=https%3A%2F%2Fcrikk.com%2Ftext-to-speech%2F&pra=5&wgl=1&aihb=0&aiof=4&asro=0&ailel=1~2~4~6~7~8~9~10~11~12~13~14~15~16~17~18~19~20~21~24~29~30~34&aiael=1~2~3~4~6~7~8~9~10~11~12~13~14~15~16~17~18~19~20~21~24~29~30~34&aicel=33~38&aifxl=29_18~30_19&aiixl=29_5~30_6&aiict=1&aifgd=1&aipaq=1&itsi=-1&aiapm=0.3221&aiapmi=0.33938&aiombap=1&aief=1&uach=WyIiLCIiLCIiLCIiLCIiLG51bGwsMCxudWxsLCIiLG51bGwsMF0.&dt=1733101578884&bpp=55&bdt=999&idt=801&shv=r20241120&mjsv=m202411140101&ptt=9&saldr=aa&abxe=1&eoidce=1&nras=1&correlator=8225394709207&frm=20&pv=2&u_tz=0&u_his=2&u_h=1&u_w=1&u_ah=1&u_aw=1&u_cd=24&u_sd=1&dmc=2&adx=-12245933&ady=-12245933&biw=790&bih=600&scr_x=0&scr_y=0&eid=31088961%2C95335247%2C95345966&oid=2&pvsid=1691279904462529&tmod=820936451&uas=0&nvt=1&fsapi=1&fc=1920&brdim=0%2C0%2C0%2C0%2C1%2C0%2C0%2C0%2C800%2C600&vis=1&rsz=%7C%7Cs%7C&abl=NS&fu=32768&bc=31&bz=0&ifi=1&uci=a!1&fsb=1&dtd=900" data-google-container-id="a!1" tabindex="0" title="Advertisement" aria-label="Advertisement" data-load-complete="true"></iframe></div></ins><script type="text/javascript" id="" charset="">(function(a,e,b,f,g,c,d){a[b]=a[b]||function(){(a[b].q=a[b].q||[]).push(arguments)};c=e.createElement(f);c.async=1;c.src="https://www.clarity.ms/tag/"+g;d=e.getElementsByTagName(f)[0];d.parentNode.insertBefore(c,d)})(window,document,"clarity","script","jj0km8y8se");</script>
<script type="text/javascript" id="" charset="">!function(b,e,f,g,a,c,d){b.fbq||(a=b.fbq=function(){a.callMethod?a.callMethod.apply(a,arguments):a.queue.push(arguments)},b._fbq||(b._fbq=a),a.push=a,a.loaded=!0,a.version="2.0",a.queue=[],c=e.createElement(f),c.async=!0,c.src=g,d=e.getElementsByTagName(f)[0],d.parentNode.insertBefore(c,d))}(window,document,"script","https://connect.facebook.net/en_US/fbevents.js");fbq("init","608787809905136");fbq("track","PageView");</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=608787809905136&ev=PageView&noscript=1"></noscript>
<script id="" text="" charset="" type="text/javascript" src="//code.tidio.co/hyhwcczels3mcsfn4ewifuaacdscrrgq.js"></script>
<!-- Responsive Ad Container -->
<div class="ad-container">
<ins class="adsbygoogle" style="display: block; height: 280px;" data-ad-client="ca-pub-4086067329092893" data-ad-slot="1234567890" data-ad-format="auto" data-full-width-responsive="true" data-adsbygoogle-status="done"><div id="aswift_2_host" style="border: none; height: 280px; width: 790px; margin: 0px; padding: 0px; position: relative; visibility: visible; background-color: transparent; display: inline-block;"></div></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<iframe id="my_iframe" style="display:none;"></iframe>
<script src="https://api.crikk.com/app/assets/js/jquery.min.js"></script>
<script src="https://api.crikk.com/app/assets/js/bootstrap.min.js"></script>
<script src="https://api.crikk.com/app/assets/js/popper.min.js"></script>
<script src="https://unpkg.com/vue@3"></script>
<script src="https://api.crikk.com/app/assets/js/axios.min.js"></script>
<script src="https://api.crikk.com/app/assets/js/owl.carousel.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/microsoft-cognitiveservices-speech-sdk@latest/distrib/browser/microsoft.cognitiveservices.speech.sdk.bundle.js" defer=""></script>
<script>
let baseurl = 'https://crikk.com/app';
// $(document).on('click','#btn-download',function(event){
// event.preventDefault();
// var audioUrl = $(this).attr('href');
// var link = document.createElement("a");
// link.href = audioUrl;
// link.download = $(this).attr('download');
// document.body.appendChild(link);
// link.click();
// document.body.removeChild(link);
// });
$(document).on('input', '#promptText', function(e) {
let textLength = $(this).val().length;
if (textLength > 2500) {
$("#generatedVoice").html(
`<p class="alert alert-danger">Your text is longer than 2500 characters. Kindly reduce its length.</p>`
);
$("#generatedVoice").show();
$("#action_submit").addClass('disabled-btn');
} else {
$("#generatedVoice").html('');
$("#generatedVoice").hide();
$("#action_submit").removeClass('disabled-btn');
}
});
// $(document).on('submit', '#generate-voice', function(e) {
// e.preventDefault();
// $("#generatedVoice").html('');
// $("#generatedVoice").hide()
// let formData = $(this).serialize();
// $("#action_submit").html(
// '<span class="spinner-border spinner-border-sm"></span> Generating, Please Wait')
// $.ajax({
// method: 'POST',
// dataType: "json",
// url: baseurl + '/app/generate-audio',
// data: formData,
// success: function(data) {
// $("#generatedVoice").show()
// $("#action_submit").html(
// '<span class="primary-text" v-show="!loading">Generate</span>')
// if (data?.audio) {
// $("#generatedVoice").html(
// `<p class="alert alert-success">Your Audio File is Ready</p>
// <audio class="audio-play col-12" preload="metadata" controls=""> <source id="audioSource" src="${data?.audio}" type="audio/mpeg"> Your browser does not support the audio element. </audio>
// <a class="btn primary-btn" style="margin:10px 0px;" href="${data?.audio}" download="${data?.file_name}">Download</a>`
// );
// }
// },
// error: function() {
// $("#action_submit").html(
// '<span class="primary-text" v-show="!loading">Generate</span>')
// $("#generatedVoice").show()
// $("#generatedVoice").html(
// `<p class="alert alert-danger">Fail to generate audio</p>`);
// },
// });
// });
// let formData = $(this).serialize();
// $("#action_submit").html(
// '<span class="spinner-border spinner-border-sm"></span> Generating, Please Wait')
// $.ajax({
// method: 'POST',
// dataType: "json",
// url: baseurl + '/app/generate-audio',
// data: formData,
// success: function(data) {
// $("#generatedVoice").show()
// $("#action_submit").html(
// '<span class="primary-text" v-show="!loading">Generate</span>')
// if (data?.audio) {
// $("#generatedVoice").html(
// `<p class="alert alert-success">Your Audio File is Ready</p>
// <audio class="audio-play col-12" preload="metadata" controls=""> <source id="audioSource" src="${data?.audio}" type="audio/mpeg"> Your browser does not support the audio element. </audio>
// <a class="btn primary-btn" style="margin:10px 0px;" href="${data?.audio}" download="${data?.file_name}">Download</a>`
// );
// }
// },
// error: function() {
// $("#action_submit").html(
// '<span class="primary-text" v-show="!loading">Generate</span>')
// $("#generatedVoice").show()
// $("#generatedVoice").html(
// `<p class="alert alert-danger">Fail to generate audio</p>`);
// },
// });
// });
let reCaptchaInitialized = false;
$(document).ready(function() {
// Initialize reCAPTCHA on page load
grecaptcha.ready(function() {
if (!reCaptchaInitialized) {
grecaptcha.render('action_submit', {
'sitekey': '6LckLxwqAAAAAOzqoSYbgLUCwj7CLVgo7jqM4Bw9',
'callback': onRecaptchaResponse
});
reCaptchaInitialized = true;
}
});
$('#generate-voice').on('submit', function(e) {
e.preventDefault();
$("#generatedVoice").html('');
$("#generatedVoice").hide();
// Execute reCAPTCHA when form is submitted
grecaptcha.execute();
});
function onRecaptchaResponse(token) {
const elem = document.getElementById('recaptcha-response');
elem.value = token;
submitForm();
}
function submitForm() {
let formData = $('#generate-voice').serialize();
$("#action_submit").html(
'<span class="spinner-border spinner-border-sm"></span> Generating, Please Wait');
$.ajax({
method: 'POST',
dataType: "json",
url: '/app/generate-audio',
data: formData,
headers: {
'X-CSRF-Token': 'XtPgn95wjhVQQ76ujXmJiZnu44Zjr2K2mb7bX007'
},
success: function(data) {
$("#generatedVoice").show();
// $("#showvideo").show();
// $("#showvideo").html(`
// <div class="col-12">
// <div class="voice-card" style="margin-bottom:-4rem;">
// <h3 class="voice-card-title fw-800">Our New Product: ActorMonster</h3>
//
// <div class="px-lg-5 px-4">
// <video width="100%" controls>
// <source src="https://api.crikk.com/app/assets/video/actormonster.mp4" type="video/mp4">
// Your browser does not support the video tag.
// </video>
//
// <div class="mb-0 mt-2">
// <a class="btn bg-black-purple rounded-12 w-100 py-3 text-white" href="https://actormonster.com/sale" target="blank">Get Actor Monster</a>
// </div>
// </div>
// </div>
// </div>
// `);
$("#action_submit").html('<span class="primary-text">Generate</span>');
if (data?.audio) {
$("#generatedVoice").html(`
<p class="alert alert-success">Your Audio File is Ready</p>
<audio class="audio-play col-12" preload="metadata" controls="">
<source id="audioSource" src="${data?.audio}" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<a class="btn primary-btn" style="margin:10px 0px;" href="${data?.audio}" download>Download</a>
`);
}
},
error: function(xhr) {
$("#action_submit").html('<span class="primary-text">Generate</span>');
$("#generatedVoice").show();
$("#generatedVoice").html(
`<p class="alert alert-danger">Fail to generate audio</p>`);
let response = xhr.responseJSON;
let message = response || 'An unexpected error occurred';
let errorMessage = `<p class="alert alert-danger">${message}</p>`;
$("#generatedVoice").html(errorMessage);
}
});
}
});
function countCharacter(object) {
let character_used = 0;
let character_limit = 300;
let available_limit = character_limit - character_used;
if (object.value.length < available_limit) {
document.getElementById('usedCharacters').innerHTML = object.value.length + character_used;
} else {
object.value = object.value.substring(0, available_limit);
document.getElementById('usedCharacters').innerHTML = character_limit;
}
}
$(document).ready(function() {
// Function to update the icon based on accordion state
function updateIcon($accordionHeader, isOpen) {
var $icon = $accordionHeader.find('.fa-stack i:last-child');
if (isOpen) {
$icon.removeClass('fa-plus').addClass('fa-minus');
} else {
$icon.removeClass('fa-minus').addClass('fa-plus');
}
}
$('#accordion').on('show.bs.collapse hide.bs.collapse', function(e) {
var $accordionHeader = $(e.target).prev();
var isOpen = e.type === 'show';
updateIcon($accordionHeader, isOpen);
});
// Initialize the accordion
$('#accordion .collapse').on('shown.bs.collapse', function() {
$(this).parent().find(".fa-stack i:last-child").removeClass("fa-plus").addClass("fa-minus");
}).on('hidden.bs.collapse', function() {
$(this).parent().find(".fa-stack i:last-child").removeClass("fa-minus").addClass("fa-plus");
});
});
$(document).ready(function() {
var slider = $(".owl-carousel");
slider.owlCarousel({
autoplay: false,
items: 1,
center: false,
nav: true,
margin: 10, // Decrease margin to reduce gap between items
stagePadding: 30,
dots: false,
loop: true,
navText: ["<i class='fa fa-arrow-left' aria-hidden='true'></i>",
"<i class='fa fa-arrow-right' aria-hidden='true'></i>"
],
responsive: {
0: {
items: 1
},
575: {
items: 1
},
768: {
items: 2
},
991: {
items: 3
},
1200: {
items: 4
}
}
});
$(".owl-next").click(function() {
slider.trigger('next.owl.carousel');
});
$(".owl-prev").click(function() {
slider.trigger('prev.owl.carousel');
});
});
$("#languages").change(function() {
var langauge = $(this).val()
if (langauge == "English") {
redirectUrl = 'https://crikk.com/text-to-speech'
} else {
redirectUrl = 'https://crikk.com/text-to-speech/:language/'.replace(':language', langauge
.toLowerCase());
}
window.location.href = redirectUrl;
})
//function getSampleVoice(response) {
// $("#voiceSample").html('')
// $.each(response.languageVoices, function (key, value) {
// $("#voiceSample").append(
// '<div class="chip">' +
// '<div class="voice-sample-play" id="play-1' + key + '">' +
// '<span class="af-ZA-' + key + '-play-btn audio-buttons" onclick="playAudio(\'af-ZA-' + key + '\')"><i class="fas fa-play-circle"></i></span>' +
// '<span class="af-ZA-' + key + '-stop-btn d-none audio-buttons" onclick="stopAudio(\'af-ZA-' + key + '\')"><i class="far fa-stop-circle"></i></span>' +
// '</div>' +
// '<h6>' + value['displayName'] + '</h6>' +
// '</div>' +
// '<audio preload="none" id="af-ZA-' + key + '" src="https://api.crikk.com/app/voice/' + value['sample_url'] + '">' +
// 'Your browser does not support the audio element.' +
// '</audio>'
// );
// });
//}
var currentAudio = null;
function playAudio(id) {
if (currentAudio && currentAudio.id !== id) {
stopAudio(currentAudio.id);
}
currentAudio = document.getElementById(id);
currentAudio.play();
$("." + id + "-play-btn").addClass("d-none");
$("." + id + "-stop-btn").removeClass("d-none");
currentAudio.onended = function() {
$("." + id + "-play-btn").removeClass("d-none");
$("." + id + "-stop-btn").addClass("d-none");
};
}
function stopAudio(id) {
var audioElement = document.getElementById(id);
audioElement.pause();
audioElement.currentTime = 0;
$("." + id + "-play-btn").removeClass("d-none");
$("." + id + "-stop-btn").addClass("d-none");
}
</script>
<!-- video paying script -->
<script>
const video = document.getElementById("myVideo");
// const playButton = document.getElementById("playButton");
const modal = document.getElementById("myModal");
const closeBtn = document.querySelector(".close-btn");
const popupVideo = document.getElementById("popupVideo");
// playButton.addEventListener("click", () => {
// video.play();
// modal.style.display = "block";
// popupVideo.src = video.src; // Set popup video source to match clicked video
// });
closeBtn.addEventListener("click", () => {
video.pause();
modal.style.display = "none";
popupVideo.src = "about:blank"; // Clear popup video source
});
// Optional: Close modal when clicking outside the modal content
window.addEventListener("click", (event) => {
if (event.target === modal) {
video.pause();
modal.style.display = "none";
popupVideo.src = "about:blank";
}
});
</script>
<iframe id="tidio-chat-code" title="Tidio Chat code" style="display: none;"></iframe><div style="color: initial !important; font: initial !important; font-palette: initial !important; font-synthesis: initial !important; forced-color-adjust: initial !important; text-orientation: initial !important; text-rendering: initial !important; -webkit-font-smoothing: initial !important; -webkit-locale: initial !important; -webkit-text-orientation: initial !important; -webkit-writing-mode: initial !important; writing-mode: initial !important; zoom: initial !important; accent-color: initial !important; place-content: initial !important; place-items: initial !important; place-self: initial !important; alignment-baseline: initial !important; animation-composition: initial !important; animation: initial !important; app-region: initial !important; appearance: initial !important; aspect-ratio: initial !important; backdrop-filter: initial !important; backface-visibility: initial !important; background: initial !important; background-blend-mode: initial !important; baseline-shift: initial !important; baseline-source: initial !important; block-size: initial !important; border-block: initial !important; border: initial !important; border-radius: initial !important; border-collapse: initial !important; border-end-end-radius: initial !important; border-end-start-radius: initial !important; border-inline: initial !important; border-start-end-radius: initial !important; border-start-start-radius: initial !important; inset: initial !important; box-shadow: initial !important; box-sizing: initial !important; break-after: initial !important; break-before: initial !important; break-inside: initial !important; buffered-rendering: initial !important; caption-side: initial !important; caret-color: initial !important; clear: initial !important; clip: initial !important; clip-path: initial !important; clip-rule: initial !important; color-interpolation: initial !important; color-interpolation-filters: initial !important; color-rendering: initial !important; color-scheme: initial !important; columns: initial !important; column-fill: initial !important; gap: initial !important; column-rule: initial !important; column-span: initial !important; contain: initial !important; contain-intrinsic-block-size: initial !important; contain-intrinsic-size: initial !important; contain-intrinsic-inline-size: initial !important; container: initial !important; content: initial !important; content-visibility: initial !important; counter-increment: initial !important; counter-reset: initial !important; counter-set: initial !important; cursor: initial !important; cx: initial !important; cy: initial !important; d: initial !important; display: initial !important; dominant-baseline: initial !important; empty-cells: initial !important; fill: initial !important; fill-opacity: initial !important; fill-rule: initial !important; filter: initial !important; flex: initial !important; flex-flow: initial !important; float: initial !important; flood-color: initial !important; flood-opacity: initial !important; grid: initial !important; grid-area: initial !important; height: initial !important; hyphenate-character: initial !important; hyphenate-limit-chars: initial !important; hyphens: initial !important; image-orientation: initial !important; image-rendering: initial !important; initial-letter: initial !important; inline-size: initial !important; inset-block: initial !important; inset-inline: initial !important; isolation: initial !important; letter-spacing: initial !important; lighting-color: initial !important; line-break: initial !important; list-style: initial !important; margin-block: initial !important; margin: initial !important; margin-inline: initial !important; marker: initial !important; mask: initial !important; mask-type: initial !important; math-depth: initial !important; math-shift: initial !important; math-style: initial !important; max-block-size: initial !important; max-height: initial !important; max-inline-size: initial !important; max-width: initial !important; min-block-size: initial !important; min-height: initial !important; min-inline-size: initial !important; min-width: initial !important; mix-blend-mode: initial !important; object-fit: initial !important; object-position: initial !important; object-view-box: initial !important; offset: initial !important; opacity: initial !important; order: initial !important; orphans: initial !important; outline: initial !important; outline-offset: initial !important; overflow-anchor: initial !important; overflow-clip-margin: initial !important; overflow-wrap: initial !important; overflow: initial !important; overlay: initial !important; overscroll-behavior-block: initial !important; overscroll-behavior-inline: initial !important; overscroll-behavior: initial !important; padding-block: initial !important; padding: initial !important; padding-inline: initial !important; page: initial !important; page-orientation: initial !important; paint-order: initial !important; perspective: initial !important; perspective-origin: initial !important; pointer-events: initial !important; position: initial !important; quotes: initial !important; r: initial !important; resize: initial !important; rotate: initial !important; ruby-position: initial !important; rx: initial !important; ry: initial !important; scale: initial !important; scroll-behavior: initial !important; scroll-margin-block: initial !important; scroll-margin: initial !important; scroll-margin-inline: initial !important; scroll-padding-block: initial !important; scroll-padding: initial !important; scroll-padding-inline: initial !important; scroll-snap-align: initial !important; scroll-snap-stop: initial !important; scroll-snap-type: initial !important; scroll-timeline: initial !important; scrollbar-gutter: initial !important; shape-image-threshold: initial !important; shape-margin: initial !important; shape-outside: initial !important; shape-rendering: initial !important; size: initial !important; speak: initial !important; stop-color: initial !important; stop-opacity: initial !important; stroke: initial !important; stroke-dasharray: initial !important; stroke-dashoffset: initial !important; stroke-linecap: initial !important; stroke-linejoin: initial !important; stroke-miterlimit: initial !important; stroke-opacity: initial !important; stroke-width: initial !important; tab-size: initial !important; table-layout: initial !important; text-align: initial !important; text-align-last: initial !important; text-anchor: initial !important; text-combine-upright: initial !important; text-decoration: initial !important; text-decoration-skip-ink: initial !important; text-emphasis: initial !important; text-emphasis-position: initial !important; text-indent: initial !important; text-overflow: initial !important; text-shadow: initial !important; text-size-adjust: initial !important; text-transform: initial !important; text-underline-offset: initial !important; text-underline-position: initial !important; white-space: initial !important; timeline-scope: initial !important; touch-action: initial !important; transform: initial !important; transform-box: initial !important; transform-origin: initial !important; transform-style: initial !important; transition: initial !important; translate: initial !important; user-select: initial !important; vector-effect: initial !important; vertical-align: initial !important; view-timeline: initial !important; view-transition-name: initial !important; visibility: initial !important; border-spacing: initial !important; -webkit-box-align: initial !important; -webkit-box-decoration-break: initial !important; -webkit-box-direction: initial !important; -webkit-box-flex: initial !important; -webkit-box-ordinal-group: initial !important; -webkit-box-orient: initial !important; -webkit-box-pack: initial !important; -webkit-box-reflect: initial !important; -webkit-line-break: initial !important; -webkit-line-clamp: initial !important; -webkit-mask-box-image: initial !important; -webkit-print-color-adjust: initial !important; -webkit-rtl-ordering: initial !important; -webkit-ruby-position: initial !important; -webkit-tap-highlight-color: initial !important; -webkit-text-combine: initial !important; -webkit-text-decorations-in-effect: initial !important; -webkit-text-fill-color: unset !important; -webkit-text-security: initial !important; -webkit-text-stroke: initial !important; -webkit-user-drag: initial !important; -webkit-user-modify: initial !important; widows: initial !important; width: initial !important; will-change: initial !important; word-break: initial !important; word-spacing: initial !important; x: initial !important; y: initial !important; z-index: initial !important;"></div><div id="tidio-chat"><iframe title="Tidio Chat" id="tidio-chat-iframe" srcdoc="
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, user-scalable=no">
</head>
<body class="awesome-iframe">
<div></div>
</body>
" style="display: block; border: none; position: fixed; inset: auto 9px 35px auto; width: 94px; height: 94px; opacity: 1; color-scheme: none; background: none transparent !important; margin: 0px; max-height: 100vh; max-width: 100vw; transform: translateY(0px); transition: none 0s ease 0s !important; visibility: visible; z-index: 999999999 !important; border-radius: 47px 30px 47px 47px;"></iframe></div><iframe src="https://ep2.adtrafficquality.google/sodar/sodar2/232/runner.html" width="0" height="0" style="display: none;"></iframe></body><iframe id="google_esf" name="google_esf" src="https://pagead2.googlesyndication.com/pagead/html/r20241120/r20190131/zrt_lookup_fy2021.html" style="display: none;"></iframe><ins class="adsbygoogle adsbygoogle-noablate" data-adsbygoogle-status="done" style="display: none !important; width: 100vw !important; height: 100vh !important; inset: 0px auto auto 0px !important; clear: none !important; float: none !important; margin: 0px !important; max-height: none !important; max-width: none !important; opacity: 1 !important; overflow: visible !important; padding: 0px !important; position: fixed !important; vertical-align: baseline !important; visibility: visible !important; z-index: 2147483647 !important; background: transparent !important;" aria-hidden="true" data-ad-status="filled" data-vignette-loaded="true"><div id="aswift_5_host" style="border: none !important; height: 100vh !important; width: 100vw !important; margin: 0px !important; padding: 0px !important; position: relative !important; visibility: visible !important; background-color: transparent !important; display: inline-block !important; inset: auto !important; clear: none !important; float: none !important; max-height: none !important; max-width: none !important; opacity: 1 !important; overflow: visible !important; vertical-align: baseline !important; z-index: auto !important;"><iframe id="aswift_5" name="aswift_5" style="width: 100vw !important; height: 100vh !important; inset: 0px auto auto 0px !important; position: absolute !important; clear: none !important; display: inline !important; float: none !important; margin: 0px !important; max-height: none !important; max-width: none !important; opacity: 1 !important; overflow: visible !important; padding: 0px !important; vertical-align: baseline !important; visibility: visible !important; z-index: auto !important;" sandbox="allow-forms allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-top-navigation-by-user-activation" width="" height="" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" src="https://pagead2.googlesyndication.com/pagead/html/r20241120/r20190131/zrt_lookup_fy2021.html#RS-0-&adk=1812271808&client=ca-pub-4086067329092893&fa=8&ifi=6&uci=a!6" data-google-container-id="a!6" tabindex="0" title="Advertisement" aria-label="Advertisement" data-google-query-id="CI3zpcDyh4oDFblIHQkdrccKVA" data-load-complete="true"></iframe></div></ins></html>