Dzwebs.Net

撰写电脑技术杂文十余年

让网页随机播放多首背景音乐的方法

Admin | 2008-10-2 14:34:30 | 被阅次数 | 11687

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  我们都曾经遇到过,打开某一个网站首页,会听到悦耳的背景音乐

  背景音乐在网页中的应用,可为打开网页的浏览者增添气氛、熏陶浏览者的情趣,同时有助于缓解上网的疲劳!

  那么,网页的背景音乐如何制作呢?

  很多时候,我们都是在网页中插入固定的背景音乐来实现的;但,这有一个致命的弱点,那就是,背景音乐单一,无论什么时候打开都是同一首,如果听得多了,也会让浏览者感觉厌倦!

  本文,介绍一种方法,可以让多首音乐随机在网页中播放,如此一来,不断更换新的背景音乐,不仅能增加网页修改背景音乐的灵活性,同时还给浏览者留下一个美好的印象!

  本文的方法是:①使用JS文件调用音乐!②音乐使用MID格式;

  请您遵循如下的方法即可实现!

  首先,准备好几首MID音乐,放到您的网站相应的目录中,如下图!

  注意哦,多首背景音乐的名称,最好使用1,2,3,4,5…等这样的数字序号来命名,这样才有助于随机调用!

  之后,我们来制作一个随机调用背景音乐的JS文件,首先打开记事本,如下图!

  如下图一般,输入上面的代码即可,注意拉,一个字母、一个字符都不能错,否则背景音乐就响不起来拉!

  之后,将上述的文件,保存成为JS文件,如下图!

  现在,都准备好了,下面我们在网页中调用这些背景音乐吧!

  如下面的代码,只要在网页的head区域中,加入如下代码即可!

  <script src="DataFiles/Java/BgMusic.js" type="text/jscript"></script>

  这样,网页就能自动随机播放不同的背景音乐了!

  为方便大家的学习,下面提供输入到记事本里面的JS代码:

  <!--
  var midino = Math.floor(Math.random()*6)+1
  var midins = ""+midino
  if(navigator.appName == "Microsoft Internet Explorer")
  {
   document.write('<BGSOUND SRC="DataFiles/BgMusic/')
   document.write(midins)
   document.write('.mid" LOOP=1>')
  }
  else{
   document.write('<EMBED SRC="DataFiles/BgMusic/')
   document.write(midins)
   document.write('.mid" AUTOSTART=True LOOP=1>')
  }
  //-->

  以上的代码,涉及到网站音乐文件的路径,如DataFiles/BgMusic/,请您自行修改!此外,还涉及到音乐文件的路径,涉及到的这些,请您自己修改!

  另外,上述代码的var midino = Math.floor(Math.random()*6)+1,其中的这个6,指的就是您有6首背景音乐,如果您的背景音乐只有5首,请将它改为5,其他的依此类推!

  本方法的一个特点就是,能随机播放多首音乐,同时,以后如果要增加背景音乐的数量或减少,不用修改网页,只需要将背景音乐增加、或删除目录里面的音乐文件即可!同时保证修改好JS文件的参数即可!

  如果您还不太明白,就打开本网站的首页吧,是不是听到悦耳的背景音乐了呢?


该杂文来自: 网页制作杂文

上一篇:非常简单的让网页输入框、文本框变成一条线的CSS

下一篇:不使用任何工具轻松保存网页资源的法子

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计