网页的声音是怎么设置的

[复制链接]
查看11 | 回复0 | 2009-1-30 06:28:38 | 显示全部楼层 |阅读模式
我是个新手,调过又忘了,目前急需调过来,希望哪位电脑高手指点一下.以前爱问有个号码.电脑换了系统后,密码忘了,没办法又重新注册了一个.谢谢各位了.

                                                                                                为了避免出现是否有必要添加背景音乐的争议,本文定性为技术文章,仅讨论如何在网页中添加背景音乐的方法。
添加背景音乐一般不需要修改网页模板,只需在后台设置中输入一下代码就可以了。你不懂HTML也没关系,其实我也不懂,但是会抄会用,这就足够了。下面让我们一起照着做吧,很简单的。 一、学会添加背景音乐
方法一:使用< bgsound>标签
<bgsound>标签共有五个属性,其中balance是设置音乐的左右均衡,delay是进行播放延时的设置,loop是循环次数的控制,src则是我们音乐文件的路径,volume是音量设置。一般我们不需要做复杂的设置,我们可以简单地使用如下格式套就可以了:
 < bgsound src="music.wma" loop="-1">
其中,loop是循环次数,等于-1时,是无限循环。src后面带的music.wma是要播放的文件的路径及其文件名,例如我想播放《许巍-我思念的城市》,那么我在网上搜到这首歌的url,我可以将代码改为:  < bgsound src="http://61.236.103.106/music/wma/xw/wsndcs.wma" loop="3">
这样就可以循环播放3次《许巍-我思念的城市》了,很容易的,应该看了就会吧?这种方法的特点是,当页面打开时音乐播放,如果将页面最小化以后播放音乐会自动暂停。
方法二:使用<embed>标签
使用< embed>标签来添加音乐的方法并不是很常见,但是它的功能非常强大,如果结合一些播放控件就可以打造出一个Web播放器。
<embed>标签也有很多参数,但我们只挑最简单的讲一下,击中要害即可。示例代码:< embed src="xidian.mp3" autostart="true" loop="true" hidden="true">< /embed>复杂代码如下:<div style="position: absolute; width: 105px; height: 24px; z-index: 3; left: 733px; top: 439px" id="layer3"><embed src="http://61.236.103.106/music/wma/xw/wsndcs.wma" autostart="true" loop="true" hidden="" width="102" height="25"><noembed>你的浏览器版本过低,不支持音乐播放,请升级</noembed></div> 其中,参数“autostart”是控制打开页面时音乐是否自动播放,后面引号中的值为true就可自动播放,为false需手动点击才开始播放;参数“loop”是控制循环播放的,后面引号中的值为true就可循环播放,为false只播放一次,为数字则播放指定次数,譬如loop="5"则播放5次。hidden设置是否隐藏媒体播放器。因为embed实际上类似一个Web页面的音乐播放器,所以如果没有隐藏,则会显示出你系统默认的媒体插件的,例如微软自带的Windows Media Player。 我想这段代码的英文大家都能看明白,我就不赘述了。使用这种种方法只要不将窗口关闭,它会一直播放。
二、打造PP的音乐播放器
是不是见到别人主页上有PP的音乐播放器?自己也忍不住想要做一个?抱歉,其实我也不会做,但没关系,本着鲁迅拿来主义的思想,我们直接copy他们的代码过来就好。
下面是我前一阵子用过的代码,哇,好多啊,密密麻麻的。这也无妨,你所需要做的是按Ctrl+F,以mp3或者wma或者mid等音乐格式后缀作为关键词,找到我填写要播放的音乐文件的地址就可以了,然后改成你的,再将这段代码添加到你的后台设置代码中去即可。我所讲的仅仅是一种方法,不同音乐播放机都可以用这种方法实现。<align=\'center\'><A href="http://bbs.xidian.edu.cn/"><IMG height=50 src="http://202.117.112.11/logo.gif" width=100 border=0></A><!-- 古典播放机 begin --><div align="center"><div><object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" id="phx" width="0" height="0"codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player components... type=application/x-oleobject><param name="URL" value="http://www.wuyabai.com/music/WithanOrchid.wma"><param name="currentPosition" value="0"><param name="playCount" value="100"><param name="autoStart" value="-1"><param name="currentMarker" value="0"><param name="volume" value="70"><param name="uiMode" value="full"><param name="enabled" value="-1"><param name="enableContextMenu" value="-1"><param name="enableErrorDialogs" value="0"></object> </div><img src="http://www.blogbus.com/blogbus/blog/userfiles/9812/1080487868.gif"> <br><input type=image width="16" height="16" src=\'http://www.blogbus.com/blogbus/blog/userfiles/9812/1081536074.gif\' onmouseover= src=\'http://www.blogbus.com/blogbus/blog/userfiles/9812/1081536369.gif\' onmouseout= src=\'http://www.blogbus.com/blogbus/blog/userfiles/9812/1081536074.gif\' onmousedown= src=\'http://www.blogbus.com/blogbus/blog/userfiles/9812/1081536369.gif\'onclick=phx.controls.Previous();><input type=image width="16" height="16" src=\'http://www.blogbus.com/blogbus/blog/userfiles/9812/1081536092.gif\' onmouseover= src=\'http://www.blogbus.com/blogbus/blog/userfiles/9812/1081536163.gif\' onmouseout= src=\'http://www.blogbus.com/blogbus/blog/userfiles/9812/1081536092.gif\' onmousedown= src=\'http://www.blogbus.com/blogbus/blog/userfiles/9812/1081536163.gif\' onclick=phx.controls.play();><input type=image width="16" height="16" src=\'http://www.blogbus.com/blogbus/blog/userfiles/9812/1081536105.gif\' onmouseover= src=\'http://www.blogbus.com/blogbus/blog/userfiles/9812/1081536174.gif\' onmouseout= src=\'http://www.blogbus.com/blogbus/blog/userfiles/9812/1081536105.gif\' onmousedown= src=\'http://www.blogbus.com/blogbus/blog/userfiles/9812/1081536174.gif\'onclick=phx.controls.pause();><input type=image width="16" height="16" src=\'http://www.blogbus.com/blogbus/blog/userfiles/9812/1081536115.gif\' onmouseover= src=\'http://www.blogbus.com/blogbus/blog/userfiles/9812/1081536186.gif\'onmouseout= src=\'http://www.blogbus.com/blogbus/blog/userfiles/9812/1081536115.gif\' onmousedown= src=\'http://www.blogbus.com/blogbus/blog/userfiles/9812/1081536186.gif\'onclick=phx.controls.stop();><input type=image width="16" height="16" src=\'http://www.blogbus.com/blogbus/blog/userfiles/9812/1081536125.gif\' onmouseover= src=\'http://www.blogbus.com/blogbus/blog/userfiles/9812/1081537562.gif\' onmouseout= src=\'http://www.blogbus.com/blogbus/blog/userfiles/9812/1081536125.gif\' onmousedown= src=\'http://www.blogbus.com/blogbus/blog/userfiles/9812/1081537562.gif\' onclick=phx.controls.next();><input type=image width="16" height="16" src=\'http://www.blogbus.com/blogbus/blog/userfiles/9812/1081536230.gif\' onmouseover= src=\'http://www.blogbus.com/blogbus/blog/userfiles/9812/1081536139.gif\' onmouseout= src=\'http://www.blogbus.com/blogbus/blog/userfiles/9812/1081536230.gif\'onmousedown= src=\'http://www.blogbus.com/blogbus/blog/userfiles/9812/1081536139.gif\' onclick=phx.settings.mute=phx.settings.mute==true?false:true;></div><p align=\'center\'>请耐心等待缓冲,勿重复点击播放</p><p align=\'center\'><a href="http://www.wuyabai.com/music/WithanOrchid.wma" target="_blank"Title="想要你就点嘛^_^">歌曲下载</a> <input type=image src=\'http://www.blogbus.com/blogbus/blog/userfiles/9812/1081567276.gif\' onmouseover= src=\'http://www.blogbus.com/blogbus/blog/userfiles/9812/1081567289.gif\' onmouseout= src=\'http://www.blogbus.com/blogbus/blog/userfiles/9812/1081567276.gif\' onmousedown= src=\'http://www.blogbus.com/blogbus/blog/userfiles/9812/1081567289.gif\' onclick=phx.URL="http://www.wuyabai.com/music/WithanOrchid.wma";phx.controls.play();></p></div> </div>
</td>
</tr>
</table><!-- 古典播放机 end --> 三、如何得到自己想放的音乐? 一种方法是利用网页提供的上传机制,自己上传,然后得到URL插入就可以了。但,我们有必要亲自上传么?现在是网络时代,网络上什么资源都可以找得到的。哦,你不清楚啊,我告诉你几个找歌曲的搜索引擎吧,你自己找。
百度MP3: http://mp3.baidu.com/ 可以搜索歌词、mp3、rm、wma、flash、铃声等,搜索后可以看到文件大小、该文件的下载速度,还可以在线试听哦。实在是听歌泡mm的必备搜索音乐引擎啊,我一直都用它。 雅虎的一搜网:http://music.yisou.com/,用百度搜索不到,就用它了,搜索出来的冬冬也不少,速度也很快,后起之秀,势头强劲啊!我只用过一次,感觉非常不错。 后备的两个音乐搜索引擎: 搜刮网:http://www.sogua.com/,没怎么用过,感觉不如前两者好。 Google:http:www,google.com,搜索引擎的老大,怎么搜索,要看个人搜索技巧了,以后我会专门写技术Blog分析一下。
呼呼,经过九九八十一难,终于找到你喜欢的音乐了,恭喜你啊^_^可一时间,欣喜若狂,你竟不知如何得到歌曲的URL了。见到思念已久的mm,还不过去拥抱一下,瞎激动不说话傻站着干啥。sigh,兄弟,叫我如何不鄙视你好呢?算了算了,我还是直接告诉你吧,你又嫌我罗嗦了。
例如百度,你点一下视听嘛,看到弹出来的小试听窗口没有?上面有歌曲出处的URL啊,睁大眼睛看看。
四、播放列表的制作
是啊,老是反复播放同一首歌曲,你不嫌烦啊。再貌如天仙的lp天天看着也就那样了,所以我们有必要花心点,一个lp不够,要多找几个mm才是。啊,这是什么?怎么砸我头上来了?西红柿啊,还有鸡蛋?嗯,不错不错,写完这篇文章,我就可以去做西红柿炒蛋了,我还没有吃午饭呢。
话说当年牛顿被苹果砸出了万有引力的灵感,今天我可是被西红柿砸出灵感了。以往我看到别人的网页能够连续播放不同的歌曲,煞是羡慕。于是便想跃跃欲试,后来看别人介绍的方法都很麻烦,心里也就打退堂鼓了。我的世界我作主,毕竟是自己想控制所播放的歌曲,也不想拷贝别人的播放代码,听别人已经安排好顺序的歌曲了。
噢,我突然想到了,是了,你用过winmap没有?Foobar呢?那至少也用过windows自带的Media player播放器吧?没有?去死吧,看我的打狗棒法!你没听过歌,看这篇文章干嘛啊?!播放器大都支持播放列表功能,支持m3u和pls等格式的播放列表文件。如果我们自己做一个播放列表,再上传到网上,我想我们就可以随心所欲地播放歌曲了。
以m3u格式为例,照着下面的代码模仿就是了#EXTM3U#EXTINF:-1,王菲 - 我愿意http://music.popsing.com:8699/popsing/1051/28.wma#EXTINF:-1,我们的爱 FIR http://www.aqlife.com/uploadfile/2004101404742128.wma#EXTINF:-1,陈淑桦 - 梦醒时分 http://www.sdjnmz.com/MZHONG/Htdocs/zhengzhihua/《梦醒时分》.wma#EXTM3U#EXTINF:-1,许巍-我思念的城市http://61.236.103.106/music/wma/xw/wsndcs.wma#EXTINF:-1,戴佩妮-什么都舍得http://wma.cnyule.com/wma_d/009/16.Wma
其中,第一行的#EXTM3U是表面了文件的格式,这一行一定要有。#EXTINF这一句,是写文件的信息,可有可无,-1这个参数是表示播放时间由歌曲而定。看到歌曲链接没有?按你喜欢的顺序放好就可以了。上传到网上,将m3u文件的URL放在同wma和mp3的位置上,就可以连续听到你排列好的歌曲了。
Google是个好朋友,你不明白的或想了解更多的,可以找他问问啊。
五、关于背景音乐的播放
添加背景音乐会影响页面打开的速度,请斟酌使用!由于背景音乐来源不定,有可能造成页面读入的暂时停顿或其他令人疑惑的障碍。此外,还有些人不喜欢弹出来的网页带有背景音乐。并且blog无法保证您选用的外来音乐一定可以播放。诚恳建议您在阅读blog时将声音关小或不开音响(不带耳机/耳塞),以免被突然迸发的音乐惊吓。如果一定要添加背景音乐的话,推荐使用midi格式或者wma格式的,因为文件比mp3要小,打开页面的速度会稍微快一点点。我一般用的是wma格式。
本文是我根据Blog播放背景音乐的经验总结而成的,写了好久,还没吃饭呢。这篇稍微修饰一下即可投稿了,可我懒得投了,呵呵。参考文献:http://day8.com.cn/web/ro/blog                                       
提问者对答案的评价:

                                                                                                楼上的已经很详细的了,我就不多说了,声音有许多的方法,可以是做个播放器的插件,可以是做背景,代码楼上的都说了,真是佩服楼上!!!!!另,推荐喜欢网的朋友可以到www.stuu.net申请免费个人主页,及周边的服务。 参考文献:http://www.stuu.net
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

主题

0

回帖

4882万

积分

论坛元老

Rank: 8Rank: 8

积分
48824836
热门排行