·首页 >> 网友交流 >> 关于网页中加入音乐代码的讲解

 



关于网页中加入音乐代码的讲解



本资料收集于网络,仅供参考)

◇ 《子夜星》网站整理编注 ◇

 



一、最基本的网页中加入音乐的代码:

  代码放在<body>与</body>之间

  代码一:

<embed src=音乐名及路径 auto start=true loop=true width=300 height=42></embed>

  代码二:

<EMBED style="FILTER: GRAY()" src="链接音乐地址" width=300 height=45 type=audio/mpeg loop="false" autostart="true" volume="0">


  说明:
<embed> …… </embed> 是在页面中加入声音的标记。
  src= 表示指向音乐文件的全名及路径。
  音乐文件全名,即“主名+扩展名”,如:001.mid 或 001.mp3 等。但播放 mp3 格式的音乐,会需要一定的加载时间。应尽量使用 mid 格式的音乐。
  width= 和 height= 播放器在页面中显示的宽度和高度,默认数值单位为像素。尽量使用固定值。如果不想在页面中显示播放器,可加上 hidden="true" 这个参数,意思是隐藏播放器。
  autostar="true" 如果想自动播放,可再加上这个参数。


二、下面进一步详细讲解网页中加入音乐的设置参数

  准备好一首 midi 音乐,例如 001.mid
  背景音乐使用的 html 标记是:<embed src="001.mid">
  这个标记可以视你的需求,放在 <body>和 </body> 之间的任何地方。在这个标记放置的位置会出现一个类似媒体播放程式的图案,可以控制播放音量或暂停。

  例如:<embed src="001.mid" width=145 height=60>

  就会出现一个:宽145×高60像素的播放器控制面版,供你播放音乐。

  如果我们只要背景音乐,不需要显示控制面板,而且一进入画面就播放,然后一直重复播放:

  <embed src="001.mid" hidden=true autostart=true loop=true>

  当然,也可直接使用典型的网页背景音乐代码:

  <bgsound src="链接音乐地址" loop=1>

  注:“loop=1”参数是播放次数。若播放两遍,就设置成2 不需要循环播放就设成 loop="false"


三、关于 <EMBED> 插入音乐其它属性,现介绍如下

  1、设定 midi 档案的路径: src="音乐名称和路径"

  2、设定是否在音乐档传完之后,就自动播放音乐:autostart="true 或 false" (是 或 否)

  3、true 表示要,false 表示不要,内定值是不要。

  4、设定是否要自动反复播放: loop="true 或 false "

  loop=2 表示重复次数,若要无限次重复可用 loop="true" 若不需要重复,则用 loop="false"

  5、设定歌曲开始播放的时间。例如我想从这首歌第30秒的地方开始播放,代码这样写:

   starttime="00:30"  (starttime="分:秒" )

  歌曲播放结束的时间,一般来说我们不必去设定歌曲开始和结束的时间,它会自动从头播放到尾。

  volume="0-100"  (endtime="分:秒")

  6、设定音量大小,数值是 0 100 之间,如果不设定,就是使用系统本身所设定音量大小。

  7、设定控制面版的宽度和高度:  width 和 high="整数"

  8、设定控制面板和旁边文字的对齐方式,跟 <img> (插入图形的标记)所使用的属性是一样的。

  align="top 或 bottom 或 center 或 baseline 或 left 或 right 或 texttop 或 middle
或 absmiddle 或 absbottom"

  8、设定控制面板的样子,预设值是 console

  controls="console 或 smallconsole 或 playbutton 或 pausebutton 或 stopbutton 或 volumelever"


  console 一般正常的面板
  smallconsole 较小的面板
  playbutton 只显示播放按钮
  pausebutton 只显示暂停按钮
  stopbutton 只显示停止按钮
  volumelever 只显示音量调整钮

  9、设定完全隐藏控制面板:hidden="true" 如果写上这个属性的话,也就不必去设定控制面板的
宽和高了。


  再次提示:

  <embed> 可以放在 <body> 和 </body> 之间的任何地方。 在这个标记放置的位置会出现一个控制
面板的图案,你可以根据自己的需求,把它放在适当位置。 当然也可以使用 hidden=true 这段代码参数将面板隐藏起来,配合 autostart=true 当背景音乐使用。


 

 

 


 

子夜星网站
Personal Website.  Created by Midnight Star .Copyright ©.