首 页文章中心下载中心娱乐八卦本站论坛拜仁联盟球迷社区博客日志建站服务域名抢注繁體中文
设为首页
加入收藏
联系我们
E-mail:WebMaster#fcbu.com
载入中…
当前位置:站长天下 -> 网页制作 -> 经典~教你在网页中加入声音

经典~教你在网页中加入声音


收集:TTXS(Fcbu.Com)   来源:互联网   时间:2006-06-25 
LBSALE[6666>LBSALE  再谈在网页中加入声音
  合适巧妙地在你的主页里嵌入声音,将使你的主页更加引人入胜。谈在网页中加入声音的文章有很多,大家对一些方法也一定很熟悉。在此,我谈谈我的心得。
  一. IE的<BGSOUND>标记<BGSOUND>标记是IE的扩展,目前仅有IE支持,其基本格式如下:
  <BGSOUND SRC=[URL> LOOP=[循环遍数|-1|INFINITE>>该标记支持WAV、AIFF、AU或MIDI格式的音频文件;LOOP后面跟的是循环播放此背景音乐的遍数:当LOOP取值为-1或INFINITE时,表示声音将反复循环播放。用<BGSOUDN>加入声音格式简单,简便实用,但缺点在于网景的Navigator不支持,而且它不能控制声音的开关。当浏览者不喜欢背景音乐时,就未免有些强人所难了。
  二. <EMBED>标记<EMBED>允许你嵌入多种对象,而最主要也最常用于嵌入多媒体文件。其基本格式如下:
  <EMBED SRC=[URL> AUTOSTART=[TRUE|FALSE> LOOP=[TRUE|FALSE|n> WIDTH=[像素数> HEIGHT=[像素数>>其实最初<EMBED>只是网景的扩展,它负责调用Navigator的LiveAudio插件。当时,网景正如日中天,微软推出的IE为获得更大的市场,被迫在IE3.01以上版本中兼容<EMBED>标记,IE4更是完全支持。经过反复实验,我发现IE4在解释<EMBED>标记时,实际上是调用ActiveX控件中的Active Movie控件。
  得到当前市场主流的两大浏览器的支持,<EMBED>当然是在网页中加入声音的最佳方法。此外,<EMBED>标记的许多属性还可以让我们用脚本任意控制声音的播放。稍后,我将详细叙述。
  三.<OBJECT>标记<OBJECT>标记原是IE的扩展,在HTML4.0中得到W3C的承认,所以已成为HTML4的标准元素。该标记几乎无所不能,在播放声音文件时其基本格式如下:
  <OBJECT DATA=[URL> TYPE=[MIMI type> WIDTH=[像素数> HEIGHT=[像素数>> 例如:<OBJECT DATA=“test.wav”TYPE=“audio/wav”>(注意TYPE属性在IE中必不可少)
  制作主页的朋友也许知道,Navigator对HTML4的支持很不完善,当然更不愿支持死对头的扩展。可惜风水轮流转,如今IE的市场占有率大大超过了Netscape Communicator。为了生存,网景也不得不从4.5以后的新版本开始支持<OBJECT>标记。奇怪的是,Navigator对<OBJECT>的主要功能本不支持,据我的反复实验,好像仅是支持声音文件的播放。而且我发现,在IE中,用本方法加入声音似乎也是调用Active Movie控件,但是不能实现脚本控制,AUTOSTART、LOOP等属性也完全无效。如果不要WIDTH和HEIGHT属性,可以说和<BGSOUND>标记基本类似。而Navigator则纯粹就是把它解释为<EMBED>标记,在<EMBED>标记中可用的属性在<OBJECT>中一样可实现。总之,用<OBJECT>标记也可以让两种浏览器播放声音。但要考虑兼容旧版本的问题。
  四. Active Movie控件Active Movie控件是ActiveX控件中最常用的一个。它是一个非常有特色的可用于处理大量视频和音频文件格式的多媒体控件,这些格式包括.mov、.mpg、.avi、.wav、.mid、.au和.aiff。下例可以让我们了解它的基本格式:
  <OBJECT ID=“testMusic”WIDTH=0 HEIGHT=0CLASSID=“CLSID:05589FA1-C356-11CE-BF01-00AA0055595A”><PARAM NAME=“showcontrols”VALUE=“false”><PARAM NAME=“showdisplay”VALUE=“false”><PARAM NAME=“AutoStart”VALUE=“false”><PARAM NAME=“FileName”VALUE=“test.wav”></OBJECT>ActiveX控件也是由<OBJECT>标记调用的,请大家注意其与直接用<OBJECT>嵌入声音文件的区别。以上代码中CLASSID属性是每一个ActiveX控件的唯一识别号,而ID属性意义为整个<OBJECT>元素的唯一名称,用于脚本引用,本例中我把它取名为“testMusic”。<PARAM>用于指定控件的参数,如上例中各参数意义为不显示控制面板和显示面板;不自动播放;播放的多媒体文件是同一目录下的“test.wav”。Active Movie控件可方便地用脚本控制,如我们可以设置一个按钮,当点击它时播放“test.wav”。代码如下:
  <button onClick=“testMusic.run()”>Play Sound</button>ActiveX控件是IE极好的补充,Navigator并不支持,但它确实功能强大,有兴趣的朋友可以去查阅相关书籍。
  五.在IE和Navigator中同时实现脚本控制声音我在编写主页时经常因为考虑IE和Navigator的相互兼容而弄得焦头烂额,我想喜欢编写主页的朋友一定也有类似的感受。为了制作一个用脚本控制声音的页面而让两大浏览器都支持,我还是很费了一番工夫。
  考虑到IE3和Navigator4以下版本仍有少数用户,如要嵌入背景音乐,最保险的方法就是<BGSOUND>和<EMBED>都写进页面里,例如:
  <EMBED src=“test.mid”hidden=“true”autostart=“true”><BGSOUND src=“test.mid”>或者使用JavaScript并通过判断用户使用的是何种浏览器而给出不同的代码,如在<HEAD>中加入以下脚本:
  <SCRIPT LANGUAGE=“JavaScript”><!--if(navigator.appName ==“Netscape”)document.write(“<embed src=`test.mid'; hidden=true autostart=true>”) else document.write(“<bgsound src=`test.mid';>”) //--> </SCRIPT>喜爱新技术的朋友一定对此方法很不屑一顾,我自己也觉得很没意思。新版本的浏览器马不停蹄地更新升级,犯不着为了极少数用户牺牲掉活泼有趣的新功能。上文已经提到,EMBED>标记得到广泛的支持,下面提供的代码便利用它来制作一个充满交互性的页面:
  首先在<BODY>中载入声音文件,将其隐藏,AUTOSTART属性设为“false”:
  <EMBED NAME=“testMusic”SRC=“test.wav”HIDDEN=“true”AUTOSTART=“false”MASTERSOUND>注意代码最后的MASTERSOUND属性,它告诉浏览器,该文件是可用脚本控制的。如果没有该属性,当Navigator读取该页面时将无法Load多媒体文件(没有ID或NAME属性时,MASTERSOUND可略,反之则必不可少。此限制仅限于Navigator。)。然后我用一个超链接来激发声音的播放:
  <a href=“javascript:void(document.testMusic.play())”>快来听听!</a> 点击链接,便可聆听到动人的音乐了。只是这样似乎还不过瘾,下面将制作一排控制按钮,分别用于控制声音的播放、暂停和停止:
  <FORM><INPUT Type=button onClick=“Music_play()”Value = Play><INPUT Type=button onClick=“Music_pause()”Value=Pause><INPUT Type=button onClick=“Music_stop()”Value = Stop></FORM>再用JAVASCRIPT构造三个函数:
  <SCRIPT LANGUAGE=“JavaScript”TYPE=“text/javascript”><!--function Music_play(){ document.testMusic.play()}function Music_pause(){document.testMusic.pause()}function Music_stop(){document.testMusic.stop() }//--> </SCRIPT> play、pause、stop是<EMBED>标记的内置方法。现在我们给了浏览者更多的选择。其实除了用链接和按钮的onClick事件,还可用很多事件来激发上建的三个函数,如鼠标移动到图画上时,表单填写错误时等等。我们也还能再增加更多的控制,如音量调节、循环播放等等。
  需要注意的是:在IE4中请将“play()”换成“run()”,这是IE4与IE5的一点小区别。我们可用脚本代码“navigator.appVersion.indexOf(“MSIE 5.0")!=-1”来判断IE的版本并作相应调试。
  吸引人的主页需要创意,如果能在五彩缤纷的网页中再加上美妙的声音,则更是锦上添花。灵活运用脚本能制作出充满生趣的主页。本文旨在抛砖引玉,希望能给大家一点启发。
  (caohongbo)

 

杀了他 ??????????//
为什么要杀我?
郁闷。 要钱没有。。。 为什么要钱!~
要钱没有 ,要软件有几个
我的QQ175511444
还可以写信给我5_ren@163.com 你是不是想钱想疯了`到地下去吧~我送你~要多少都行 论坛有这个功能真的没办法,又不能算违规,我去反映哈 呵呵,太狠了吧,意思下算是娱乐,那么多钱几个人买得起。 靠,,警察叔叔,救命呀,有人抢钱啦.........................
以为别个的钱是捡来的呀。要这么多。
我觉得要钱这个功能并不是不可以要,但是要限制所要的上限。必竞钱光进不出也没得意思。 这是内容————————————————>
  再谈在网页中加入声音
  合适巧妙地在你的主页里嵌入声音,将使你的主页更加引人入胜。谈在网页中加入声音的文章有很多,大家对一些方法也一定很熟悉。在此,我谈谈我的心得。
  一. IE的<BGSOUND>标记<BGSOUND>标记是IE的扩展,目前仅有IE支持,其基本格式如下:
  <BGSOUND SRC=[URL> LOOP=[循环遍数|-1|INFINITE>>该标记支持WAV、AIFF、AU或MIDI格式的音频文件;LOOP后面跟的是循环播放此背景音乐的遍数:当LOOP取值为-1或INFINITE时,表示声音将反复循环播放。用<BGSOUDN>加入声音格式简单,简便实用,但缺点在于网景的Navigator不支持,而且它不能控制声音的开关。当浏览者不喜欢背景音乐时,就未免有些强人所难了。
  二. <EMBED>标记<EMBED>允许你嵌入多种对象,而最主要也最常用于嵌入多媒体文件。其基本格式如下:
  <EMBED SRC=[URL> AUTOSTART=[TRUE|FALSE> LOOP=[TRUE|FALSE|n> WIDTH=[像素数> HEIGHT=[像素数>>其实最初<EMBED>只是网景的扩展,它负责调用Navigator的LiveAudio插件。当时,网景正如日中天,微软推出的IE为获得更大的市场,被迫在IE3.01以上版本中兼容<EMBED>标记,IE4更是完全支持。经过反复实验,我发现IE4在解释<EMBED>标记时,实际上是调用ActiveX控件中的Active Movie控件。
  得到当前市场主流的两大浏览器的支持,<EMBED>当然是在网页中加入声音的最佳方法。此外,<EMBED>标记的许多属性还可以让我们用脚本任意控制声音的播放。稍后,我将详细叙述。
  三.<OBJECT>标记<OBJECT>标记原是IE的扩展,在HTML4.0中得到W3C的承认,所以已成为HTML4的标准元素。该标记几乎无所不能,在播放声音文件时其基本格式如下:
  <OBJECT DATA=[URL> TYPE=[MIMI type> WIDTH=[像素数> HEIGHT=[像素数>> 例如:<OBJECT DATA=“test.wav”TYPE=“audio/wav”>(注意TYPE属性在IE中必不可少)
  制作主页的朋友也许知道,Navigator对HTML4的支持很不完善,当然更不愿支持死对头的扩展。可惜风水轮流转,如今IE的市场占有率大大超过了Netscape Communicator。为了生存,网景也不得不从4.5以后的新版本开始支持<OBJECT>标记。奇怪的是,Navigator对<OBJECT>的主要功能本不支持,据我的反复实验,好像仅是支持声音文件的播放。而且我发现,在IE中,用本方法加入声音似乎也是调用Active Movie控件,但是不能实现脚本控制,AUTOSTART、LOOP等属性也完全无效。如果不要WIDTH和HEIGHT属性,可以说和<BGSOUND>标记基本类似。而Navigator则纯粹就是把它解释为<EMBED>标记,在<EMBED>标记中可用的属性在<OBJECT>中一样可实现。总之,用<OBJECT>标记也可以让两种浏览器播放声音。但要考虑兼容旧版本的问题。
  四. Active Movie控件Active Movie控件是ActiveX控件中最常用的一个。它是一个非常有特色的可用于处理大量视频和音频文件格式的多媒体控件,这些格式包括.mov、.mpg、.avi、.wav、.mid、.au和.aiff。下例可以让我们了解它的基本格式:
  <OBJECT ID=“testMusic”WIDTH=0 HEIGHT=0CLASSID=“CLSID:05589FA1-C356-11CE-BF01-00AA0055595A”><PARAM NAME=“showcontrols”VALUE=“false”><PARAM NAME=“showdisplay”VALUE=“false”><PARAM NAME=“AutoStart”VALUE=“false”><PARAM NAME=“FileName”VALUE=“test.wav”></OBJECT>ActiveX控件也是由<OBJECT>标记调用的,请大家注意其与直接用<OBJECT>嵌入声音文件的区别。以上代码中CLASSID属性是每一个ActiveX控件的唯一识别号,而ID属性意义为整个<OBJECT>元素的唯一名称,用于脚本引用,本例中我把它取名为“testMusic”。<PARAM>用于指定控件的参数,如上例中各参数意义为不显示控制面板和显示面板;不自动播放;播放的多媒体文件是同一目录下的“test.wav”。Active Movie控件可方便地用脚本控制,如我们可以设置一个按钮,当点击它时播放“test.wav”。代码如下:
  <button onClick=“testMusic.run()”>Play Sound</button>ActiveX控件是IE极好的补充,Navigator并不支持,但它确实功能强大,有兴趣的朋友可以去查阅相关书籍。
  五.在IE和Navigator中同时实现脚本控制声音我在编写主页时经常因为考虑IE和Navigator的相互兼容而弄得焦头烂额,我想喜欢编写主页的朋友一定也有类似的感受。为了制作一个用脚本控制声音的页面而让两大浏览器都支持,我还是很费了一番工夫。
  考虑到IE3和Navigator4以下版本仍有少数用户,如要嵌入背景音乐,最保险的方法就是<BGSOUND>和<EMBED>都写进页面里,例如:
  <EMBED src=“test.mid”hidden=“true”autostart=“true”><BGSOUND src=“test.mid”>或者使用JavaScript并通过判断用户使用的是何种浏览器而给出不同的代码,如在<HEAD>中加入以下脚本:
  <SCRIPT LANGUAGE=“JavaScript”><!--if(navigator.appName ==“Netscape”)document.write(“<embed src=`test.mid'; hidden=true autostart=true>”) else document.write(“<bgsound src=`test.mid';>”) //--> </SCRIPT>喜爱新技术的朋友一定对此方法很不屑一顾,我自己也觉得很没意思。新版本的浏览器马不停蹄地更新升级,犯不着为了极少数用户牺牲掉活泼有趣的新功能。上文已经提到,EMBED>标记得到广泛的支持,下面提供的代码便利用它来制作一个充满交互性的页面:
  首先在<BODY>中载入声音文件,将其隐藏,AUTOSTART属性设为“false”:
  <EMBED NAME=“testMusic”SRC=“test.wav”HIDDEN=“true”AUTOSTART=“false”MASTERSOUND>注意代码最后的MASTERSOUND属性,它告诉浏览器,该文件是可用脚本控制的。如果没有该属性,当Navigator读取该页面时将无法Load多媒体文件(没有ID或NAME属性时,MASTERSOUND可略,反之则必不可少。此限制仅限于Navigator。)。然后我用一个超链接来激发声音的播放:
  <a href=“javascript:void(document.testMusic.play())”>快来听听!</a> 点击链接,便可聆听到动人的音乐了。只是这样似乎还不过瘾,下面将制作一排控制按钮,分别用于控制声音的播放、暂停和停止:
  <FORM><INPUT Type=button onClick=“Music_play()”Value = Play><INPUT Type=button onClick=“Music_pause()”Value=Pause><INPUT Type=button onClick=“Music_stop()”Value = Stop></FORM>再用JAVASCRIPT构造三个函数:
  <SCRIPT LANGUAGE=“JavaScript”TYPE=“text/javascript”><!--function Music_play(){ document.testMusic.play()}function Music_pause(){document.testMusic.pause()}function Music_stop(){document.testMusic.stop() }//--> </SCRIPT> play、pause、stop是<EMBED>标记的内置方法。现在我们给了浏览者更多的选择。其实除了用链接和按钮的onClick事件,还可用很多事件来激发上建的三个函数,如鼠标移动到图画上时,表单填写错误时等等。我们也还能再增加更多的控制,如音量调节、循环播放等等。
  需要注意的是:在IE4中请将“play()”换成“run()”,这是IE4与IE5的一点小区别。我们可用脚本代码“navigator.appVersion.indexOf(“MSIE 5.0")!=-1”来判断IE的版本并作相应调试。
  吸引人的主页需要创意,如果能在五彩缤纷的网页中再加上美妙的声音,则更是锦上添花。灵活运用脚本能制作出充满生趣的主页。本文旨在抛砖引玉,希望能给大家一点启发。
打印本文  返回顶部  加入收藏  关闭窗口
广 告 位 招 租
  • 上一篇: 制作网页首页的窍门,绝对真实,收费。欢迎浏览。
  • 下一篇: 高速在线电影,绝对免费
  • 关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 管理登录
    联系方式
    Copyright © 2004-2007 FCBU.Com All Rights Reserved.
    版权所有:『站长天下』 新凌讯网络;保留所有权利. 赣ICP备05002812