📄 513.html
字号:
<STYLE type=text/css>
<!--
body,td { font-size:9pt;}
hr { color: #000000; height: 1px}
-->
</STYLE>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<HTML>
<HEAD><TITLE>论坛精华 >> javascript小栈 >> 在主页中编制音频播放器</title>
</head>
<body >
<p><IMG SRC="../image/jsp001_middle_logo.gif" WIDTH="180" HEIGHT="60" BORDER=0 ALT=""></p>
<table width=100% bgcolor="#cccccc" align=center cellpadding="2" cellspacing="0" border=1 bordercolorlight="#000000" bordercolordark="#FFFFFF">
<tr bgcolor="#EFF8FF"><td>
<a href=http://www.jsp001.com/list_thread.php?int_attribute=4>论坛精华</a>
>> <a href=http://www.jsp001.com/list_thread.php?forumid=46&int_attribute=4>javascript小栈</a>
>> 在主页中编制音频播放器 [<a href=http://www.jsp001.com/forum/showthread.php?goto=newpost&threadid=513>查看别人的评论</a>]<br>
<hr><p>由 amtd 发布于: 2001-02-20 09:32</p><p><img src="images/icons/icon1.gif" alt="Post" border=0> </p><p>在主页中编制音频播放器<br><br><br><br><br> 虽然Netscape和IE都支持音频文件的播放，但在制作过程中还是遇到了这样一个问题: 如果用隐藏方式播放则没有声卡的用户要出错，影响主页的整体效果。编一个既便于用户控制又能给页面起到点缀作用的音频播放器不失为一个好办法。下面详细介绍用JavaScript 自编音频播放器的方法。 <br><br> 1. Netscape的音频播放器 <br><br> 1)直接打开 <br><br> Netscape支持.mid、 .wav和.au等音频文件格式，您可以在浏览器中直接打开上述文件，打开时出现如下图的播放器窗口并自动播放一次，继续播放可单击“PLAY”按钮。 <br><br> 2)程序调用 <br><br> 在主页文件中您可以嵌入如下名为MySound的音频控制台来实现隐藏方式下音频文件的自动循环播放: <br><br> 〈EMBED SRC=″jn.mid″//源文件名 <br><br> HIDDEN=″TRUE″//隐藏方式 <br><br> AUTOSTART=″TRUE″//自动播放 <br><br> LOOP=″TRUE″//循环播放 <br><br> NAME=″MySound″//嵌入对象名 <br><br> 〈/EMBED〉 <br><br> 2. JavaScript的音频支持函数 <br><br> 通过JavaScript的音频支持函数，您可以控制任何一个嵌入在主页中的音频控制台。 JavaScript提供了如下的支持函数: <br><br> play({loop[TRUE，FALSEoranINT]}，′{url－to－sound}′)//播放 <br><br> pause()//暂停 <br><br> stop()//停止播放当前文件 <br><br> StopAll()//停止播放所有文件 <br><br> start－time({numberofseconds}) <br><br> //从第几秒开始 <br><br> end－time({numberofseconds}) <br><br> //到第几秒结束 <br><br> setvol({percentagenumber－without″％″sign}) <br><br> //音量百分比控制 <br><br> fade－to({volumepercentyouwishtofadeto－withoutthe″％″sign})//削减音量到 <br><br> fade－from－to({volumepercentstartfade}，{volumepercentendfade}) <br><br> //从某个音量值削减到某个音量值 <br><br> start－at－beginning()//从文件头开始 <br><br> stop－at－end()//到文件尾停止 <br><br> 下面四个是状态测试函数 <br><br> IsReady()//准备状态测试 <br><br> IsPlaying()//播放状态测试 <br><br> IsPaused()//暂停状态测试 <br><br> GetVolume()//获取当前音量值 <br><br> 3. 应用举例 <br><br> 下面是一个包含Netscape音频播放器所有五个元素的例子。考虑到有些用户没有声卡，本例中没有设置自动播放。读者可以根据自己的喜好结合鼠标事件将各个元素和测试函数都添加到图形按钮中。程序清单如下: <br><br> 〈 HTML〉 <br><br> 〈 HEAD〉 <br><br> 〈 TITLE〉音频播放器〈/TITLE〉 <br><br> 〈 SCRIPTLANGUAGE=JavaScript〉 <br><br> 〈 !－－Writer:YuHaiHe <br><br> functionplaySound(){ <br><br> document.firstSound.play(true)； <br><br> } <br><br> functionpauseSound(){ <br><br> document.firstSound.pause()； <br><br> } <br><br> functionstopSound(){ <br><br> document.firstSound.stop()； <br><br> } <br><br> functionvolup(){ <br><br> currentVolume=document.firstSound.GetVolume()； <br><br> newVolume=(currentVolume＋10)； <br><br> if(document.firstSound.GetVolume()==100){ <br><br> alert(″音量已经达到最大值″)； <br><br> } <br><br> if(newVolume〈101){ <br><br> document.firstSound.setvol(newVolume)； } <br><br> else <br><br> { <br><br> if((newVolume〈=100)＆＆(newVolume〉90)){ <br><br> document.firstSound.setvol(100)； <br><br> } } <br><br> } <br><br> functionvoldown(){ <br><br> currentVolume=document.firstSound.GetVolume()； <br><br> newvolume=(currentVolume－10)； <br><br> if(document.firstSound.GetVolume()==0){ <br><br> alert(″音量已经达到最小值″)； <br><br> } <br><br> if(newVolume〉0){ <br><br> document.firstSound.setvol(newVolume)； } <br><br> else { <br><br> if((newVolume〉=0)＆＆(newVolume〈10)){ document.firstSound.setvol(0)； } } } <br><br> //EndofJavaScriptCode－－〉 <br><br> 〈 /SCRIPT〉 〈 /HEAD〉 <br><br> 〈 BODY〉 <br><br> 〈 EMBED SRC=″JN.MID″ HIDDEN=TRUE <br><br> AUTOSTART=″FALSE″ LOOP=″TRUE″ <br><br> NAME=″firstSound″ MASTERSOUND〉 <br><br> 〈 P〉〈 AHREF=″javascript:playSound()″〉播放〈 /A〉〈 /P〉 <br><br> 〈 P〉〈 AHREF=″javascript:pauseSound()″〉暂停〈 /A〉〈 /P〉 <br><br> 〈 P〉〈 AHREF=″javascript:stopSound()″〉停止〈 /A〉〈 /P〉 <br><br> 〈 P〉〈 AHREF=″javascript:volup()″〉音量＋〈 /A〉〈 /P〉 <br><br> 〈 P〉〈 AHREF=″javascript:voldown()″〉音量－〈 /A〉〈 /P〉 <br><br> 〈 /BODY〉 〈 /HTML〉 <br><br><br>__________________<br><font color=red>真实源于生活！ </font><br>请访问我们的网站： <br>（VB爱好者乐园） <br><a href="http://www.vbgood.com" target=_blank>http://www.vbgood.com</a><br><a href="http://www.d1vb.com" target=_blank>http://www.d1vb.com</a><br><a href="http://61.128.97.225/vbgood/index.asp" target=_blank>http://61.128.97.225/vbgood/index.asp</a><br>拥有1800多个资料！ </p></td>
</tr>
</table>
<p>
<CENTER><a href="http://www.jsp001.com/forum/newreply.php?action=newreply&threadid=513">点这里对该文章发表评论</a></CENTER>
<p>该文章总得分是 <font color=red>0</font> 分，你认为它对你有帮助吗？
[<a href=javascript:void(0) onclick=window.open("http://www.jsp001.com/forum/codeVote.php?threadid=513&intVote=4","","menubar=no,toolbar=no,location=no,directories=no,status=no,resizable=no,scrollbars=no,width=70,height=40,top=0,left=0")>非常多</a>](<font color=red>0</font>)
[<a href=javascript:void(0) onclick=window.open("http://www.jsp001.com/forum/codeVote.php?threadid=513&intVote=2","","menubar=no,toolbar=no,location=no,directories=no,status=no,resizable=no,scrollbars=no,width=70,height=40,top=0,left=0")>有一些</a>](<font color=red>0</font>)
[<a href=javascript:void(0) onclick=window.open("http://www.jsp001.com/forum/codeVote.php?threadid=513&intVote=1","","menubar=no,toolbar=no,location=no,directories=no,status=no,resizable=no,scrollbars=no,width=70,height=40,top=0,left=0")>无帮助</a>](<font color=red>0</font>)
[<a href=javascript:void(0) onclick=window.open("http://www.jsp001.com/forum/codeVote.php?threadid=513&intVote=-1","","menubar=no,toolbar=no,location=no,directories=no,status=no,resizable=no,scrollbars=no,width=70,height=40,top=0,left=0")>是灌水</a>](<font color=red>0</font>) </p>
<script language="javascript" src="http://www.jsp001.com/include/read_thread_script.php?threadid=513"></script>
<p><CENTER>
Copyright © 2001 - 2009 JSP001.com . All Rights Reserved <P>
<IMG SRC="../image/jsp001_small_logo.gif" WIDTH="85" HEIGHT="30" BORDER=0 ALT="">
</CENTER></p>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -