Difference between revisions of "Audio Element"

From Level Access Web Labs
Jump to navigation Jump to search
Line 27: Line 27:
 
<p id="p1">Label</p>
 
<p id="p1">Label</p>
 
<audio aria-labelledby="p1" controls="controls" id="a1" title="test is a title">
 
<audio aria-labelledby="p1" controls="controls" id="a1" title="test is a title">
   <source src="clip.mp3" type="audio/mpeg">
+
   <source src="http://www.accessibilityhq.com/type_on_me.mp3" type="audio/mpeg">
 
   <!-- fallback for non-HTML5 browsers -->
 
   <!-- fallback for non-HTML5 browsers -->
 
</audio>
 
</audio>
<div><label for="uname">Username:</label><input type="text" id="uname" /></div>
+
<div>
<div><label id="lblpass" for="pass">Password:</label><input type="password" id="pass" /></div>
+
  <label for="uname">Username:</label>
<div><button onclick="play();">Start</button></div>
+
  <input type="text" id="uname" /></div>
<div><button onclick="stop();">Stop</button></div>
+
  <div>
 +
  <label id="lblpass" for="pass">Password:</label>
 +
  <input type="password" id="pass" />
 +
  </div>
 +
  <div>
 +
    <button onclick="play();">Start</button>
 +
  </div>
 +
  <div>
 +
  <button onclick="stop();">Stop</button>
 +
  </div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 14:36, 27 April 2015

HTML Audio Element

Audio example

Label