height Attribute
.jpg) |
Specifies, in pixels, the height of the audiometer element. Optional.
<audiometer height="hVal" width=yVal />
Remarks
The audiometer element is a Microsoft-specific extension to Speech Application Language Tags (SALT). Consequently, it has its own namespace that must be included in order to enable functionality of the audiometer element. The namespace declaration is:
<html xmlns:multimodal="https://schemas.microsoft.com/speech/2002/12/salt/multimodal"/>
In addition, the following statement must also be included in the body to ensure property operation.
<?import namespace="multimodal" implementation="#SpeechTags" />
The height attribute specifies the height of the audiometer element in pixels. The minimum value allowed is 10 pixels. Any value less than 10 pixels is automatically changed to 10. The maximum height is 20 percent of the page height. Any value greater than 20 percent is automatically reduced to 20 percent of the page height.
Example
The following code demonstrates the use of the height attribute.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns:multimodal="https://schemas.microsoft.com/speech/2002/12/salt/multimodal"
xmlns:salt="http://www.saltforum.org/2002/SALT" >
<head>
<title>Audiometer Example</title>
</head>
<body onload="Prompt1.Start()">
<!-- declare the object on the page-->
<object id="SpeechTags" CLASSID="clsid:DCF68E5B-84A1-4047-98A4-0A72276D19CC" VIEWASTEXT></object>
<?import namespace="salt" implementation="#SpeechTags" />
<?import namespace="multimodal" implementation="#SpeechTags" />
<salt:prompt id="Prompt1">
Please speak the name of a major US city after clicking the Start button.
</salt:prompt>
<salt:listen id="listen1" mode="automatic" onreco="Handleonreco()" onnoreco="Handleonnoreco()"
onsilence="Handleonsilence()" onerror="Handleonerror()" onbabbletimeout="Handleonerror()">
<multimodal:audiometer id="audiometerTag" x="700" y="10" height="20" width="50"/>
<salt:grammar name="cities">
<grammar version="1.0" tag-format="semantics-ms/1.0" root="cities"
lang="en-US" xmlns="http://www.w3.org/2001/06/grammar">
<rule id="cities">
<one-of>
<item>Atlanta</item>
<item>Baltimore</item>
<item>Boston</item>
<item>Chicago</item>
<item>Dallas</item>
<item>Denver</item>
<item>Detroit</item>
<item>Houston</item>
<item>Las Vegas</item>
<item>Los Angeles</item>
<item>Miami</item>
<item>Minneapolis</item>
<item>New York City</item>
<item>Philadelphia</item>
<item>Pittsburgh</item>
<item>Reno</item>
<item>Salt Lake City</item>
<item>San Francisco</item>
<item>Seattle</item>
<item>Washington, DC</item>
</one-of>
</rule>
</grammar>
</salt:grammar>
<salt:bind targetelement="boxReco" targetattribute="value" value="//cities"/>
</salt:listen>
<table cellspacing="0" cellpadding="0" cols=2>
<tr>
<td>Recognition Status:</td>
<td><input type="text" size="40" name="boxStatus" value="(recognition status goes here)"
id="boxStatus"/></td>
</tr>
<tr>
<td>Recognition Text:</td>
<td><input type="text" size="40" name="boxReco" value="(recognition text goes here)"
id="boxReco"/></td>
</tr>
</table>
<br>
Semantic Markup Language (SML) Result:<br>
<TEXTAREA cols="60" rows="5" ID=txtComments>(Semantic Markup Language (SML) results are displayed here)
</TEXTAREA>
<p>
<input type="button" name="BtnStart" value="Start" onmousedown="Start()" id="BtnStart"/>
<script language="JScript">
<!--
function Start() {
boxStatus.value = "(Listening...)";
boxReco.value = "(Waiting response)";
txtComments.value = "(Waiting response)";
listen1.Start();
}
function Stop() {
listen1.Stop();
boxStatus.value = listen1.status;
boxReco.value = event.srcElement.text;
}
function Handleonreco() {
listen1.Stop();
boxStatus.value = listen1.status;
boxReco.value = event.srcElement.text;
txtComments.value = event.srcElement.recoresult.xml
}
function Handleonnoreco() {
boxStatus.value = "onnoreco fired " + listen1.status;
boxReco.value = ""
txtComments.value = "";
}
function Handleonsilence() {
boxStatus.value = "onsilence fired " + listen1.status;
boxReco.value = ""
txtComments.value = "";
}
function Handleonerror() {
boxStatus.value = "onerror fired " + listen1.status;
boxReco.value = "";
txtComments.value = "";
}
-->
</script>
</body>
</html>