注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

格林浪人 博客

一杯清茶常伴着我的孤寂,抚慰着一颗沉思的心!

 
 
 

日志

 
 

10:网页插入音乐的方法  

2010-07-11 21:33:25|  分类: 代码教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
欢迎您!启步学代码。

(游子学习笔记。 供初学HTML代码的朋友参考)

格林浪人 整编


网页插入音乐的方法
音画贴或网页插入音乐,有各种方式和方法.通常是用一种简易的播放器来播放音乐.
代码如下:

<EMBED src=http://www.china50plus.com/music/../upfile/music/200712121737001.wma width=500 height=50 type=audio/x-ms-wma autostart="true" loop="true">

   说明:
  ◆宽度width=500,高度 height=50.都设为0时,则隐藏播放器.

  显示结果:





  如果要做成有屏幕、曲名、歌词和图像等单曲播放效果,可以用表格标签设置一个图框,再插入各种内容,试练习一个代码模式如下:


<table border="1" width="500" background="http://www.luopan.com/uploads/landmark/21241.jpg" height="350" id="table1"> <tr> <td align=center valign=bottom> <font color="#ffff00" size="6"><b>《Lotus莲花》</b></font><br> <INPUT style="FILTER: alpha(opacity=100,style=2)" INPUT src="http://bbs.gw.com.cn/UploadFile/2008-6/200861116182112553.jpg" type=image width=200> <br> <marquee direction=left scrollamount=2 width=400> <font size="4"color="#FF00FF"><b>《Lotus莲花》选自“神秘园”第五张专辑,在音乐创作中融入了东方元素,和中国二胡演奏家卞留念一起合作而成。开始的部分是中国传统乐器二胡的幽怨音色,随后二胡和小提琴从独奏到交融,使得整首作品充满着神奇东方魅力。</b></font> </marquee> <EMBED src=http://www.joyvv.com/images/3574.mp3 width=500 height=50 type=audio/x-ms-wma autostart="true" loop="true"> </td></tr></table>

   说明:
  ◆<table 这是表格标签,用图片作背景.
  ◆<td align=center valign=bottom>表格的列标签,定义插入内容靠底居中.
  ◆<font color="#ffff00" size="6"><b>插入曲名的文字标签.
  ◆<INPUT style=套用样式表插入一张图片.
  ◆<marquee direction=left scrollamount=2 width=400>文字移动标签.
  ◆<font size="4"color="#FF00FF"><b>文字标签及歌词.
  ◆<EMBED src 播放器标签及插入音乐文件地址.

  显示结果:

《Lotus莲花》

《Lotus莲花》选自“神秘园”第五张专辑,在音乐创作中融入了东方元素,和中国二胡演奏家卞留念一起合作而成。开始的部分是中国传统乐器二胡的幽怨音色,随后二胡和小提琴从独奏到交融,使得整首作品充满着神奇东方魅力。

 



在整张网页上插入FLASH-动漫音乐的代码

<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://image.hnol.net/200504/dysr/070330/gb_pic02.swf width=550 height=650 type=application/x-shockwave-flash wmode="transparent" quality="high">

  显示效果:



在一张图片上插入FLASH-动漫音乐的代码


<TABLE cellSpacing=5 cellPadding=1 width=680 align=center bordercolor=#C0C0C0 background=http://sucai.heima.com/sucai/news/bg/06.gif border=30 table> <TBODY> <TR><TD> <P align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://image2.sina.com.cn/dongman/f/2002-03-18/1_55-4-248_20020318123358.swf width=680 height=500 type=application/x-shockwave-flash quality="high" wmode="transparent"></P> </TD> </TR></TBODY></TABLE>

  显示效果:




击点打开html代码浏览器

  原创编辑:游子
2005年10月试编 2006年06月改编
2007年04月改编 2008年11月改编
2010年7月11日 格林浪人整编

(为了让更多网友学用html代码制作音画贴,本贴欢迎转载.但是.我用了很多时间和精力编写这些资料的,转载时请注意网络上的荣辱公德不要把原创编辑游子的名字改掉。谢谢!)

  评论这张
 
阅读(315)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017