网页设计之网页音乐的实现技巧

2016-02-19 18:02 7 1 收藏

今天图老师小编给大家精心推荐个网页设计之网页音乐的实现技巧教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

【 tulaoshi.com - Web开发 】

当网页中插入音乐时,要根据不同的后缀名,来写不同的代码!下面面就是多种格式文件的详细使用代码。

注:

  "音乐文件和地址"——待播放文件的文件名,前面带上绝对路径,或者本站的相对路径。

 width_num——指定一个作为宽度的数字;

 height_num——指定一个作为高度的数字;

1.mid
embed src="音乐文件和地址" type="audio/midi" hidden="false" autostart="true" loop="true" height=height_num width=width_num/embed 

2.mp3
embed controller="true" width="width_num" height="height_num" src="音乐文件和地址" border="0" pluginspage="http://www.apple.com/quicktime/download/indext.html"/embed 

3.avi
embed src="音乐文件和地址" border="0" width="width_num" height="height_num" type="application/x-mplayer2"/embed 
4.flash
embed src="音乐文件和地址" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="width_num" height="height_num" play="true" loop="true" quality="high" scale="showall" menu="true"/embed 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

5.mpg
embed src="音乐文件和地址" border="0" width="width_num" height="height_num" type="application/x-mplayer2"/embed 

6.mov
embed controller="true" width="width_num" height="height_num" src="音乐文件和地址" border="0" pluginspage="http://www.apple.com/quicktime/download/indext.html"/embed 

7.rm
OBJECT" height="height_num"
PARAM NAME="CONTROLS" VALUE="ImageWindow"
PARAM NAME="AUTOSTART" Value="true"
PARAM NAME="SRC" VALUE="音乐文件和地址"
embed height="高" width="宽" controls="ImageWindow" src="音乐文件和地址" type="audio/x-pn-realaudio-plugin" autostart="true" nolabels="0" autogotourl="-1"/OBJECT 

8.上面的都是使用播放器的,如果只是想播放背景音乐的话可以使用如下简单语句:
bgsound src="音乐文件和地址" loop=1

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

loop后面是循环的次数,-1代表无限循环。

来源:http://www.tulaoshi.com/n/20160219/1616653.html

延伸阅读
标签: 网页设计 设计
虚拟实境技术结合内容 虚拟实境的话题从前年延烧到今年,科技巨头对虚拟实境的投资力道丝毫没有减弱的迹象,特别是Facebook 未来十年将砸下 30 亿美金专注虚拟实境的研发。可预见的是技术更臻成熟,也会有愈来愈多媒体或品牌运用虚拟实境科技「说故事」,为人们创造更身历其境的感受。 不失真、载入快的 SVG 向量图档大...
标签: PS基础
一个好的网页设计会给用户带来记忆深刻,好用易用的体验。从网页设计的版式、信息层级、图片、色彩等视觉方面的运用,直接影响到用户对网站的最初感觉,而在这些内容中,色彩的配色方案是至关重要的,网站整体的定位、风格调性都需要通过颜色,给用户带来感官上的刺激,从而产生共鸣。 从色彩研究的方向来看,色彩分为色...
标签: Web开发
在 CSS网页布局 开发中,会有很多小技巧,webjx.com相关的文章也有很多,但新手朋友往往对此很不熟悉。在某一两个小问题上,或许纠缠很长时间才能搞明白,虽然在的文档中,多次提及过这方面的内容,但依然有很多朋友在这些问题上犯错。我们今天看看这些CSS技巧,认真读一读,或许您并不能完全理解,您可以在进行搜索,扩展您所想要得到...
标签: Web开发
1、灵活运用样式 熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同。比如用Custon Style来调用Style标准,在网页代码中就生成一个〈span〉标签,这样...
标签: Web开发
网页中的背景设计是相当重要的,尤其是对于个人主页来说,一个主页的背景就相当于一个房间里的墙壁地板一样,好的背景不但能影响访问者对网页内容的接受程度,还能影响访问者对整个网站的印象。如果你经常注意别人的网站,你应该会发现在不同的网站上,甚至同一个网站的不同页面上,都会有各式各样的不同的背景设计。究竟都有哪些不同样式的背景...

经验教程

553

收藏

65
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部