HTML5技术

第八章网页的动态、多媒体效果_HTML教程(2)

字号+ 作者:H5之家 来源:H5之家 2015-09-24 15:00 我要评论( )

HTML HEAD TITLE插入多媒体文件/TITLE /HEAD body H2 ALIGN=CENTER网页中的多媒体/H2 HR center embed src=../../imge/mmm.avi width=400 height=500 loop=false /center /BODY /HTML 实例 h8-2-3.html HTML HEAD T

<HTML>
<HEAD>
<TITLE>插入多媒体文件</TITLE>
</HEAD>
<body>
<H2 ALIGN="CENTER">网页中的多媒体</H2>
<HR>
<center>
<embed src="../../imge/mmm.avi" width="400" height="500" loop="false">
</center>
</BODY>
</HTML>

实例 h8-2-3.html

<HTML>
<HEAD>
<TITLE>插入flash</TITLE>
</HEAD>
<body>
<H2 ALIGN="CENTER">网页中的多媒体</H2>
<HR>
<center>
<embed src="../../imge/023.swf" height="500" width="550"><!--插入flash-->
<embed src="../../imge/023.swf" height="500" width="550" wmode="transparent"><!--插入透明flash-->
</center>
</BODY>
</HTML>

实例 h8-2-4.html

<html>
<head>
<title>在图片上插入透明flash</title>
</head>
<body bgColor=lightblue>
<br><center>在图片上插入透明Flash动画</center><br>
<center><TABLE cellSpacing=2 cellPadding=2 border=10 bordercolorlight="#00CC99" bordercolordark="#009933" background="../../imge/hai.jpg"><TBODY><TD><EMBED src="../../imge/016.swf" width=630 height=480 type=application/x-shockwave-flash quality="high" wmode="transparent"></embed></TD></TBODY></table></center>
</body>
</html>

注意  长和宽的设定要根据图片的实际大小来设定

8-3 嵌入多媒体文件

   除了可以使用上述方法插入多媒体文件外,还可以在网页中嵌入多媒体文件,这种方式将不调用媒体播放器

8-3-1 嵌入背景音乐

 <bgsound>标签用来设置网页的背景音乐。但只适用於 IE,其参数设定不多。格式如下:

 <BGSOUND src="your.mid" autostart=true loop=infinite>

  • src="your.mid"
    设定 midi 档案及路径,可以是相对或绝对。声音文件可以是wav,midi,mp3等类型的文件
  • autostart=true
    是否在音乐档传完之後,就自动播放音乐。true 是,false 否 (内定值)。
  • loop=infinite
    是否自动反覆播放。LOOP=2 表示重复两次,Infinite 表示重复多次。直到网页关闭为止。
  • 实例 8-3-1.html

    <HTML>
    <HEAD>
    <TITLE>背景声音</TITLE>
    </HEAD>
    <body>
    <H4 ALIGN="CENTER" >网页的背景声音<H4>
    <HR>
    <bgsound src="../../imge/小三和弦.mp3" LOOP="3">
    </BODY>
    </HTML>

    背景音乐可以放在<body></body>或<head></head>之间

    8-3-2 在网页中嵌入视屏文件使用前面学过的标签<img src="路径">,在此就不重述了。

    8-4 点播音乐

    将音乐做成一个链接,只需用鼠标在上面单击,就可以听到动人的音乐了,这样做的方法很简单:

       <A HREF="音乐地址">乐曲名</A>

    例如:播放一段MIDI音乐:

       <A HREF="imge/一千零一夜.mid">MIDI音乐</A>  MIDI音乐

       播放一段AU格式音乐:

       <A HREF="imge/小三和弦.mp3">小三和弦-mp3音乐</A> 小三和弦-mp3音乐

      把我们喜欢的音乐收集起来,作成一个音乐库,随时都可以让自己和别人徜徉在音乐的海洋中,已经有人这样做了,你一定已经遇到很多,而且自己也可以试着去做了!

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    网友点评