HTML5test0002.htm

   1 <html>
   2 <head>
   3   <title></title>
   4   <link rel="stylesheet" href="http://sfpg.seesaa.net/styles-index.css" type="text/css" />
   5   <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
   6 </head>
   7 <body>
   8   <p>
   9     <a href="http://translate.google.com/translate_tts?tl=jp&q=これはこれは" id="play" target="_blank" rel="noreferrer">再生</a>
  10     <audio id="a001" src="http://majyo3com.ddo.jp/List.files/WAV/Yoshi01.wav" preload controls></audio>
  11     <audio id="a002" src="http://majyo3com.ddo.jp/List.files/WAV/Yoshi01.wav" preload controls></audio>
  12
  13   </p>
  14   <script type="text/javascript">
  15     $('#a001').ready(function () {
  16       $('#a001')[0].defaultPlaybackRate = 1.0;
  17       setTimeout(function () { $('#a001')[0].play(); }, 10);
  18       setTimeout(function () { $('#a002')[0].volume = 0.5; $('#a002')[0].play(); }, 200);
  19       setTimeout(function () { $('#a002')[0].volume = 0.5; $('#a002')[0].play(); }, 300);
  20     });
  21
  22   </script>
  23 </body>
  24 </html>