JavaScrip Zone


新发表

新评论

留言信息

链接收藏

『中国群落博客』

免费注册博客通道

快速登陆


怎么在HTML插入音乐代码(1)

一、方法说明:
首先准备好一首 MIDI 音乐,例如这里采用的是 001.mid (仙剑奇侠传背景音乐)。背景音乐使用的 HTML 标记是<EMBED src="/001.mid">  这个标记可以视你的需求,放在 <BODY> 和 </BODY> 之间的任何地方。在这个标记放置的位置会出现一个类似媒体播放程式的图案,可以控制播放音乐或暂停。       

例如说:我在下面写上这一行<EMBED src="/001.mid" WIDTH=145 HEIGHT=60>  就会出现一个控制面版让你播放音乐,如果我要把音乐当作背景音乐来用,也就是不要显示控制面板。而且一进入画面就要播放,然後一直重复。就要这样写<EMBED src="/001.mid" HIDDEN=TRUE AUTOSTART=TRUE LOOP=TRUE>

关於 <EMBED> 还有很多其他的属性,我一一解说给你听 

SRC="档案名称和路径"
设定 midi 档案的路径 

AUTOSTART="TRUE / FALSE"
是否要在音乐档传完之後,就自动播放音乐。 TRUE 是要 
FALSE 是不要,内定值是不要。

LOOP="TRUE / FALSE / 整数"
设定是否要自动反覆播放,LOOP=2 表示重复两次,若要无限次重复可用 LOOP="TRUE" 

STARTTIIME="分:秒"
设定歌曲开始播放的时间,例如我想从这首歌第30秒的地方开始播放,就这样写 STARTTIIME="00:30" 

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

VOLUMEE="0-100"
设定音乐音量的大小,数值一定是0到100之间,如果不设
定,就是使用者系统本身所设定的音量大小。

WIDTH 和 HIGH="整数"
设定控制面版的宽度和高度 

ALIGN="TOP / BOTTOM / CENTER / BASELINE / LEFT /
RIGHT / TEXTTOP / MIDDLE / ABSMIDDLE /
ABSBOTTOM"
设定控制面板和旁边文字的对齐方式,跟 <IMG> (插入图形
的标记)所使用的属性是一样的 

CONTROLS="CONSOLE / SMALLCONSOLE /
PLAYBUTTON / PAUSEBUTTON / STOPBUTTON /
VOLUMELEVER"
设定控制面板的样子,预设值是 CONSOLE 

  CONSOLE 一般正常的面板
  SMALLCONSOLE 较小的面板
  PLAYBUTTON 只显示播放按钮
  PAUSEBUTTON 只显示暂停按钮
  STOPBUTTON 只显示停止按钮
  VOLUMELEVER 只显示音量调整钮

HIDDEN="TRUE"
如果写上这个属性的话,就会完全隐藏控制面板,但你也不能去设定控制面板的宽和高。


  <EMBED>可以放在<BODY> 和 </BODY> 之间的任何地方。记住:在这个标记放置的位置会出现一个控制面板的图案,你可以视自己的需求,把它放在适当的位置,也可以使用 HIDDEN=TRUE 将面板隐藏起来,配合AUTOSTART=TRUE 当背景音乐使用

二几种方式:

1、背景音乐代码:<bgsound src="/{/textbook/matter/music/china.mid"}loop="-1">绿色部分为网站音乐代码要更改!

2、本站音乐代码:
<script src=http://feige.myrice.com/serve/midi.js></script>
请您刷新感觉一下,音乐变了吧!

3、mid表示音效文件

<bgsound src="/1.mid" loop=3>
表示将1.mid音效文件插入到页面为背景音乐,并循环播放3次。

4、mp3形式的音乐为网页背景音乐

<EMBED src="/1.mid" width="0" height="0" border=0 autostart="ture" loop="ture"></EMBED>


                                                                 2008-7-22 20:45:00

Posted by jser | 阅读全文() | 回复(0) | 引用通告() | 编辑

..................................................
博客的精神于写自己某一刻的思想或心动!
..................................................
当然要是你愿意就是拿来做记事本也可以!
..................................................
群落博客将提供全程免费服务!免费注册!
..................................................
欢迎您成为群落博客的成员!使用之前请先看系统帮助>>>>系统帮助
..................................................

免费注册群落博客【点击完成注册】
..................................................

发表评论:

    昵称:
    密码: (游客无须输入密码)
    主页:
    标题: