IE8 以下无效
<!DOCTYPE html><html><head><meta content="text/html; charset=utf-8" http-equiv="Content-Type"><title>Playing Sound from JavaScript</title><script src='/images/loading.gif' data-original="mootools-1.2.4-core.js"></script> <script src='/images/loading.gif' data-original="sif_discussion.js"></script> <script language="JavaScript"> var topic = 'audio'; var comment_teaser = 'Please leave a comment...'; window.onload = reload_comments; </script></head><body><h2><a name="simpleaudio"></a>Simple JavaScript Control</h2> <div > <audio id="audiotag1" preload="auto"><source src='/images/loading.gif' data-original="flute_c_long_01.wav" type="audio/wav"></audio> <p> <a href="javascript:play_single_sound();">Play 5-sec sound on single channel</a> </p> </div> <script type="text/javascript"> function play_single_sound() { document.getElementById('audiotag1').play(); } </script> <h2><a name="rotatingaudio"></a>Rotating Audio Channels</h2> <div > <audio id="multiaudio1" src='/images/loading.gif' data-original="flute_c_long_01.wav" preload="auto"></audio> <audio id="multiaudio2" src='/images/loading.gif' data-original="piano_chord.wav" preload="auto"></audio> <audio id="multiaudio3" src='/images/loading.gif' data-original="synth_vox.wav" preload="auto"></audio> <audio id="multiaudio4" src='/images/loading.gif' data-original="shimmer.wav" preload="auto"></audio> <audio id="multiaudio5" src='/images/loading.gif' data-original="sweep.wav" preload="auto"></audio> <p> <a href="javascript:play_multi_sound('multiaudio1');">Flute</a><br /> <a href="javascript:play_multi_sound('multiaudio2');">Piano Chord</a><br /> <a href="javascript:play_multi_sound('multiaudio3');">Synth Vox</a><br /> <a href="javascript:play_multi_sound('multiaudio4');">Shimmer</a><br /> <a href="javascript:play_multi_sound('multiaudio5');">Sweep</a><br /> </p> </div> <script type="text/javascript"> var channel_max = 10; audiochannels = new Array(); for (a=0;a<channel_max;a++) { audiochannels[a] = new Array(); audiochannels[a]['channel'] = new Audio(); audiochannels[a]['finished'] = -1; } function play_multi_sound(s) { for (a=0;a<audiochannels.length;a++) { thistime = new Date(); if (audiochannels[a]['finished'] < thistime.getTime()) { audiochannels[a]['finished'] = thistime.getTime() + document.getElementById(s).duration*1000; audiochannels[a]['channel'].src = document.getElementById(s).src; audiochannels[a]['channel'].load(); audiochannels[a]['channel'].play(); break; } } } </script> </body></html>
IE8 有效:
<!DOCTYPE html><html><head><meta content="text/html; charset=utf-8" http-equiv="Content-Type"><title>Playing Sound from JavaScript</title></head><body><script type="text/javascript" language="JavaScript"><!--function playSound(audioURL) { if (document.all) document.all['BGSOUND_ID'].src='/images/loading.gif' data-original=audioURL; else self.iplayer.location.replace('jsplayer.html?'+audioURL);}function stopSound() { if (document.all) document.all['BGSOUND_ID'].src='/images/loading.gif' data-original='jsilence.mid'; else self.iplayer.location.replace('jsplayer.html?stop');}//--></script><BGSOUND id="BGSOUND_ID" LOOP=1 SRC="jsilence.mid"><!EMBED NAME="Bach" SRC="Bach.mid" LOOP=FALSE AUTOSTART=FALSE HIDDEN=TRUE MASTERSOUND!><form name=myform><input type=button value="Play Sound" onClick="playSound('Bach.mid')"><input type=button value="Stop Sound" onClick="stopSound()"></form></body></html>
原标题:HTML5 Audio and JavaScript Control
关键词:JavaScript