Text To Speech

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>VoiceForge | Demo</title>
<link rel="stylesheet" type="text/css" href="/style/main2.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body>
<header>

# <a href="/"><img src="/images/VoiceForge.jpg" width="186" height="57" alt="VoiceForge"></a>

```
<nav>

```

* <a href="/">Home</a>
* <a href="/contact-us">Contact Us</a>

* <a href="/what-is-voiceforge">What is VoiceForge?</a>
* <a href="/demo">Demo</a>
* <a href="/partners">Our Partners</a>
* <a href="/company">Our Company</a>
* <a href="/sign-up">Sign Up</a>

```
</nav>

```

</header>

<img src="/images/page/demo.jpg" width="860" height="154" alt="Demo" usemap="#hmap" />

<textarea id='dtu' name='dtu' cols=50 rows=2 wrap=soft>Enter some text here, and click the play button on the right to start listening!</textarea>
<a id="play" href="#">Play</a>

<select id="curvox" onChange="set\_voice(this.value)">
<optgroup label="English — en">
<option name='Allison' value='Allison'>Allison
<option name='Amy' value='Amy'>Amy
<option name='Belle' value='Belle'>Belle
<option name='Callie' value='Callie'>Callie
<option name='CallieQ' value='CallieQ'>CallieQ
<option name='Charlie' value='Charlie'>Charlie
<option name='Conrad' value='Conrad'>Conrad
<option name='Dallas' value='Dallas'>Dallas
<option name='Damien' value='Damien'>Damien
<option name='David' value='David'>David
<option name='DesignerDave' value='DesignerDave'>DesignerDave
<option name='Diane' value='Diane'>Diane
<option name='Diesel' value='Diesel'>Diesel
<option name='Dog' value='Dog'>Dog
<option name='Duchess' value='Duchess'>Duchess
<option name='Duncan' value='Duncan'>Duncan
<option name='Emily' value='Emily'>Emily
<option name='EvilGenius' value='EvilGenius'>EvilGenius
<option name='Frank' value='Frank'>Frank
<option name='French-fry' value='French-fry'>French-fry
<option name='Gregory' value='Gregory'>Gregory
<option name='JerkFace' value='JerkFace'>JerkFace
<option name='JerseyGirl' value='JerseyGirl'>JerseyGirl
<option name='Kayla' value='Kayla'>Kayla
<option name='Kevin' value='Kevin'>Kevin
<option name='Kidaroo' value='Kidaroo'>Kidaroo
<option name='Lawrence' value='Lawrence'>Lawrence
<option name='Layo' value='Layo'>Layo
<option name='Linda' value='Linda'>Linda
<option name='Millie' value='Millie'>Millie
<option name='Princess' value='Princess'>Princess
<option name='RansomNote' value='RansomNote'>RansomNote
<option name='Robin' value='Robin'>Robin
<option name='Robot' value='Robot'>Robot
<option name='Shouty' value='Shouty'>Shouty
<option name='ShyGirl' value='ShyGirl'>ShyGirl
<option name='Susan' value='Susan'>Susan
<option name='Tamika' value='Tamika'>Tamika
<option name='TopHat' value='TopHat'>TopHat
<option name='Vixen' value='Vixen'>Vixen
<option name='Vlad' value='Vlad'>Vlad
<option name='Walter' value='Walter'>Walter
<option name='WarrenPeas' value='WarrenPeas'>WarrenPeas
<option name='Whispery' value='Whispery'>Whispery
<option name='William' value='William'>William
<option name='Wiseguy' value='Wiseguy'>Wiseguy
<option name='Zach' value='Zach'>Zach
<optgroup label="French — fr">
<option name='Isabelle' value='Isabelle'>Isabelle
<option name='Jean-Pierre' value='Jean-Pierre'>Jean-Pierre
<optgroup label="German — de">
<option name='Katrin' value='Katrin'>Katrin
<option name='Matthias' value='Matthias'>Matthias
<optgroup label="Italian — it">
<option name='Vittoria' value='Vittoria'>Vittoria
<optgroup label="Spanish — es">
<option name='Marta' value='Marta'>Marta
<option name='Miguel' value='Miguel'>Miguel
</select>

Ready

* <a href="#" onClick="return set\_voice('Allison');"><img alt="Allison" src="/images/voices/enhanced/Allison.jpg"></a>
* <a href="#" onClick="return set\_voice('Amy');"><img alt="Amy" src="/images/voices/icons/Amy.jpg"></a>
* <a href="#" onClick="return set\_voice('Belle');"><img alt="Belle" src="/images/voices/enhanced/Belle.jpg"></a>
* <a href="#" onClick="return set\_voice('Callie');"><img alt="Callie" src="/images/voices/enhanced/Callie.jpg"></a>
* <a href="#" onClick="return set\_voice('CallieQ');"><img alt="CallieQ" src="/images/voices/icons/CallieQ.jpg"></a>
* <a href="#" onClick="return set\_voice('Charlie');"><img alt="Charlie" src="/images/voices/icons/Charlie.jpg"></a>
* <a href="#" onClick="return set\_voice('Conrad');"><img alt="Conrad" src="/images/voices/icons/Conrad.jpg"></a>
* <a href="#" onClick="return set\_voice('Damien');"><img alt="Damien" src="/images/voices/icons/Damien.jpg"></a>
* <a href="#" onClick="return set\_voice('Dallas');"><img alt="Dallas" src="/images/voices/enhanced/Dallas.jpg"></a>
* <a href="#" onClick="return set\_voice('David');"><img alt="David" src="/images/voices/enhanced/David.jpg"></a>
* <a href="#" onClick="return set\_voice('DesignerDave');"><img alt="DesignerDave" src="/images/voices/icons/DesignerDave.jpg"></a>
* <a href="#" onClick="return set\_voice('Diane');"><img alt="Diane" src="/images/voices/icons/Diane.jpg"></a>
* <a href="#" onClick="return set\_voice('Diesel');"><img alt="Diesel" src="/images/voices/icons/Diesel.jpg"></a>
* <a href="#" onClick="return set\_voice('Dog');"><img alt="Dog" src="/images/voices/icons/Dog.jpg"></a>
* <a href="#" onClick="return set\_voice('Duchess');"><img alt="Duchess" src="/images/voices/icons/Duchess.jpg"></a>
* <a href="#" onClick="return set\_voice('Duncan');"><img alt="Duncan" src="/images/voices/icons/Duncan.jpg"></a>
* <a href="#" onClick="return set\_voice('Emily');"><img alt="Emily" src="/images/voices/icons/Emily.jpg"></a>
* <a href="#" onClick="return set\_voice('EvilGenius');"><img alt="EvilGenius" src="/images/voices/icons/EvilGenius.jpg"></a>
* <a href="#" onClick="return set\_voice('Frank');"><img alt="Frank" src="/images/voices/icons/Frank.jpg"></a>
* <a href="#" onClick="return set\_voice('French-fry');"><img alt="French-fry" src="/images/voices/enhanced/French-fry.jpg"></a>
* <a href="#" onClick="return set\_voice('Gregory');"><img alt="Gregory" src="/images/voices/icons/Gregory.jpg"></a>
* <a href="#" onClick="return set\_voice('Isabelle');"><img alt="Isabelle" src="/images/voices/icons/Isabelle.jpg"></a>
* <a href="#" onClick="return set\_voice('Jean-Pierre');"><img alt="Jean-Pierre" src="/images/voices/icons/Jean-Pierre.jpg"></a>
* <a href="#" onClick="return set\_voice('JerkFace');"><img alt="JerkFace" src="/images/voices/icons/JerkFace.jpg"></a>
* <a href="#" onClick="return set\_voice('JerseyGirl');"><img alt="JerseyGirl" src="/images/voices/icons/JerseyGirl.jpg"></a>
* <a href="#" onClick="return set\_voice('Katrin');"><img alt="Katrin" src="/images/voices/icons/Katrin.jpg"></a>
* <a href="#" onClick="return set\_voice('Kayla');"><img alt="Kayla" src="/images/voices/icons/Kayla.jpg"></a>
* <a href="#" onClick="return set\_voice('Kevin');"><img alt="Kevin" src="/images/voices/icons/Kevin.jpg"></a>
* <a href="#" onClick="return set\_voice('Kidaroo');"><img alt="Kidaroo" src="/images/voices/icons/Kidaroo.jpg"></a>
* <a href="#" onClick="return set\_voice('Lawrence');"><img alt="Lawrence" src="/images/voices/enhanced/Lawrence.jpg"></a>
* <a href="#" onClick="return set\_voice('Layo');"><img alt="Layo" src="/images/voices/icons/Layo.jpg"></a>
* <a href="#" onClick="return set\_voice('Linda');"><img alt="Linda" src="/images/voices/icons/Linda.jpg"></a>
* <a href="#" onClick="return set\_voice('Marta');"><img alt="Marta" src="/images/voices/icons/Marta.jpg"></a>
* <a href="#" onClick="return set\_voice('Matthias');"><img alt="Matthias" src="/images/voices/icons/Matthias.jpg"></a>
* <a href="#" onClick="return set\_voice('Miguel');"><img alt="Miguel" src="/images/voices/icons/Miguel.jpg"></a>
* <a href="#" onClick="return set\_voice('Millie');"><img alt="Millie" src="/images/voices/enhanced/Millie.jpg"></a>
* <a href="#" onClick="return set\_voice('Princess');"><img alt="Princess" src="/images/voices/icons/Princess.jpg"></a>
* <a href="#" onClick="return set\_voice('RansomNote');"><img alt="RansomNote" src="/images/voices/icons/RansomNote.jpg"></a>
* <a href="#" onClick="return set\_voice('Robin');"><img alt="Robin" src="/images/voices/icons/Robin.jpg"></a>
* <a href="#" onClick="return set\_voice('Robot');"><img alt="Robot" src="/images/voices/icons/Robot.jpg"></a>
* <a href="#" onClick="return set\_voice('Shouty');"><img alt="Shouty" src="/images/voices/icons/Shouty.jpg"></a>
* <a href="#" onClick="return set\_voice('ShyGirl');"><img alt="ShyGirl" src="/images/voices/icons/ShyGirl.jpg"></a>
* <a href="#" onClick="return set\_voice('Susan');"><img alt="Susan" src="/images/voices/icons/Susan.jpg"></a>
* <a href="#" onClick="return set\_voice('Tamika');"><img alt="Tamika" src="/images/voices/icons/Tamika.jpg"></a>
* <a href="#" onClick="return set\_voice('TopHat');"><img alt="TopHat" src="/images/voices/icons/TopHat.jpg"></a>
* <a href="#" onClick="return set\_voice('Vittoria');"><img alt="Vittoria" src="/images/voices/icons/Vittoria.jpg"></a>
* <a href="#" onClick="return set\_voice('Vixen');"><img alt="Vixen" src="/images/voices/icons/Vixen.jpg"></a>
* <a href="#" onClick="return set\_voice('Vlad');"><img alt="Vlad" src="/images/voices/icons/Vlad.jpg"></a>
* <a href="#" onClick="return set\_voice('Walter');"><img alt="Walter" src="/images/voices/icons/Walter.jpg"></a>
* <a href="#" onClick="return set\_voice('WarrenPeas');"><img alt="WarrenPeas" src="/images/voices/icons/WarrenPeas.jpg"></a>
* <a href="#" onClick="return set\_voice('Whispery');"><img alt="Whispery" src="/images/voices/enhanced/Whispery.jpg"></a>
* <a href="#" onClick="return set\_voice('William');"><img alt="William" src="/images/voices/icons/William.jpg"></a>
* <a href="#" onClick="return set\_voice('Wiseguy');"><img alt="Wiseguy" src="/images/voices/icons/Wiseguy.jpg"></a>
* <a href="#" onClick="return set\_voice('Zach');"><img alt="Zach" src="/images/voices/icons/Zach.jpg"></a>

<footer>

Technology and Copyright © 2010 Cepstral LLC. All Rights Reserved.

Powered by: <a href="http://www.cepstral.com/"><img src="/images/cepstral-logo.gif" width="79" height="20" alt="Cepstral"></a>

</footer>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = \_gat.\_getTracker("UA-2269415-4");
pageTracker.\_trackPageview();
</script>
<script>
set\_voice = function(vox)
{
 $("#voximg").html("<img alt='"+vox+"' src='/images/voices/sqr/"+vox+".jpg'>");tmp=document.getElementById("curvox");tmp.value=vox;return false;
}

function onAudioLoad()
{
 var url = "/demos/deleteAudio.php";
 $.post(url);
}

$(document).ready(function(){

 $('#dtu').bind('input propertychange', function() {

 var textArea = $(this);
 var len = textArea.val().length;

 if(len > 120)
 {
 textArea.val(textArea.val().substring(0, 120));
 }
 });

 set\_voice(function(){
 var query = window.location.search.substring(1);
 var parms = query.split('&');
 for (var i=0; i < parms.length; i++)
 {
 var pos = parms[i].indexOf('=');

 if (pos > 0)
 {
 var key = parms[i].substring(0,pos);
 var val = parms[i].substring(pos+1);
 if(key == "uservoice")
 {
 return val;
 }
 }
 }

 return "Callie";
 }());

 $("#play").click(function()
 {
 var voice = $("#curvox").val();
 var text = $("#dtu").val();

 var url = "/demos/createAudio.php";

 $("div#status").html('<img src="http://www.cepstral.com/media/images/ajax\_loader.gif" />');

 var params = {"voiceText":text, "voice":voice, "createTime":(new Date()).getTime()};

 $.get(url, params, function(data){

 $("div#status").html("Ready" + data);
 });
 });
});
</script>
</body>
</html>