<%--
Document : english_alp
Created on : Apr 28, 2013, 7:48:03 AM
Author : Administrator
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css" >
.try
{
font-family: Arial;
font-size:19px;
font-weight: bold;
}
</style>
<script language="javaScript" type="text/javascript">
function pp(ttt)
{
var t=document.getElementById("text1").value;
var m=t+ttt;
document.getElementById("text1").value=m;
function PlaySound_2()
{
var n=document.getElementById("text1").value;
var wavs = new Array(n);
for(i=0;i<n.toString().length;i++)
{
wavs[i]=n.toString().charAt(i);
wavMovie = 'WAV_files/' + wavs[i]+'.wav';
//alert(wavMovie);
Player.setAttribute("src", wavMovie);
}
//document.getElementsByName("filename","WAV_files/"+p+".wav");
//document.getElementsByTagName("body")[0].appendChild(Player);
}
</script>
</head>
<body>
<form name="Form1" method="post" action="waste.jsp" id="Form1" enctype="multipart/form-data">
<input type="text" name="text1" id="text1" align="Center" style="font-family:'Arial'; font-size:large; height:30px; width:300px; POSITION:relative; top: 17px;" /><br /><br />
<input type="button" id="Button2" style="LEFT: 3px; POSITION:relative; top: 2px; width: 90px;" value="Play(D)" onclick = "PlaySound_2()"/><br /><br />
<input type="Reset" id="Button3" style="LEFT: 4px; POSITION:relative; top: 2px; width: 90px;" class="btn2"/><br /><br />
<table>
<tr>
<td><input style="height: 30px; width: 26px;" class="try" type="button" value="b" onclick="pp(this.value)" /></td>
<td><input style="height: 30px; width: 26px;" class="try" type="button" value="a" onclick="pp(this.value)"/></td>
<td><input style="height: 30px; width: 26px;" class="try" type="button" value="t" onclick="pp(this.value)"/></td>
<td><input style="height: 30px; width: 26px;" class="try" type="button" value="p" onclick="pp(this.value)"/></td>
</tr>
<tr>
<audio controls id="Player" autoplay>
<param name="src" />
<source type="audio/wav">
</audio>
</tr>
</table>
<%--
<td bgcolor="yellow">
<object id="Player" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#version=5,1,52,701" standby="loading microsoft windows media player components..." type="audio/wav" width="300" height="300">
<param name="filename" value=" ">
<param name="showcontrols" value="true">
<param name="ShowDisplay" value="true">
<param name="showcontrols" value="true">
<param name="quality" value="high" />
<param name="bgcolor" value="cyan" />
<param name="allowScriptAccess" value="sameDomain" />
<embed type="audio/wav" src="b.wav" pluginspage="http://www.microsoft.com/windows/windowsmedia/download/AllDownloads.aspx/" Name=MediaPlayer ShowControls=1 width=320 height=240>
</embed>
</object>
</td> --%>
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Play</title>
<script>
function Play() {
var chars = document.getElementById("textBox1").value;
var n = chars.length;
var charArray = new Array();
for (var i = 0; i < n; i++) {
charArray[i] = "\\WAV_files\\" + chars[i] + ".wav";
}
var audio = new Audio();
audio.src = charArray[0];
if (n > 0) {
audio.play();
}
var i = 0;
audio.addEventListener('ended', function () {
i++;
if (i < n) {
audio.src = charArray[i];
audio.play();
}
}, false);
}
</script>
</head>
<body>
<input type="text" id="textBox1" />
<button type="button" id="button1" onclick="Play()">Play</button>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script language="javaScript" type="text/javascript">
var flag=0,i=0;
var wavs = new Array();
wavs[0]="b.wav";
wavs[1]="s.wav";
wavs[2]="r.wav";
function go()
{
for( ;i<3; )
{
flag=1;
break
//alert(document.getElementById("Player").src=wavs[i]);
}
if(flag==1)
{
document.getElementById("Player").src=wavs[i];
i++;
}
}
</script>
</head>
<body>
<audio id="Player" src="t.wav" onended="go()" controls autoplay >
</audio>
</body>
</html>
function playAudio (src) {
if(window.audio) {
audio.pause();
}
window.audio = new Audio (src);
window.audio.play();
}
<tag onclick="playAudio('/link/to/audio.mp3')"> Click Me </tag>
Comment