php Archive

vds - voice delivery systemというWeb合成音声配信システムがあることを聞きつけ早速サンプルを作ってみました。

vdsでは有償版と無償版が提供されていて、無償版では

• 1ヶ月に音声合成できる文字数：5万文字
• 音声エンジン：男性音、女性音

という条件で利用できます。
今回もhello worldを喋らせるだけではつまらないので、
一行で笑せたらシリーズを喋らせてみました。

今回もTween.jsを利用しました。

一行で笑わせたらを喋ってもらうサンプル
ソースはこちら

var vdsp;
var vds;
var sp = "<?php echo $line[$rand] ?>";
window.onload=function(){
	try{
		vdsp = new VoiceDeliveryPlayer("vdsp");
		vds = new VoiceDelivery(vdsp, "vds");
		vds.setRate(0);
		vds.setCast("TakashiJPm");
	}catch(e) {
		alert("Cannot Create Object");
	}
		ttween();
}
function ttween(){
	var ele = document.getElementById("tout");
	ele.style.cursor = "hand";
	ele.style.cursor = "pointer";
	ele.onclick = function(){
		window.location.reload();
	};
	ele.innerHTML = sp;
	var cTween = new ColorTween(ele.style,
								'color',
								Tween.regularEaseInOut,
								'222222',
								'82ae46',
								3);
	cTween.onMotionFinished = function(){
		this.onMotionFinished = vds.speak(sp);
	};
	cTween.start();
}

今回はhtmlをphpで出力して、その度に読み上げる単語を変えています。
ちょっと表示と読み上げのタイミングがあってないですが、ここまでで挫折。。。

使えるAPIの関数はこちら
有償版になると、音声読み上げ完了を受け取れるコールバック関数が使えるようです。

※音声読み上げは、本来サイトのアクセシビリティを高めるために利用します。