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

日恁爹丶

日恁爹丶

2016-02-19 18:02

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

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

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

注:

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

 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 

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 

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

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

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

展开更多 50%)
分享

猜你喜欢

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

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

网页技巧:如何在网页上实现音乐播放?

Web开发
网页技巧:如何在网页上实现音乐播放?

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

《网页设计技巧》系列之再谈布局

Html CSS布局 Div+CSS XHTML
《网页设计技巧》系列之再谈布局

《网页设计技巧》系列之浅谈布局

Html CSS布局 Div+CSS XHTML
《网页设计技巧》系列之浅谈布局

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

网页注册表单的网页设计技巧

Web开发
网页注册表单的网页设计技巧

网页设计技巧之文字排版设计心得

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
网页设计技巧之文字排版设计心得

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

iOS版WPS Office的WiFi文件传输功能使用教程

iOS版WPS Office的WiFi文件传输功能使用教程

如何将WPS改回空白底

如何将WPS改回空白底
下拉加载更多内容 ↓