您好!欢迎您光临【HTML教程】自己动手做个听歌台 _梅雪家园!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>HTML教材>>>【HTML教程】自己动手做个听歌台
【HTML教程】自己动手做个听歌台
发表日期:2011/11/18 12:56:00 出处:原创 作者:游子 发布人:rx123 已被访问 719
欢迎您!启步学代码。
(游子学习笔记。 供初学HTML代码的朋友参考)


自己动手做个听歌台

  如何将自己喜欢的歌曲做个播放器来欣赏?网络上有不少漂亮精采的台歌台,要仿制非常难.近来看见一个用代码编辑的试听点歌器,虽然是简单不雅观,但很实用,编辑制作也容易.套用现成的代码"模式",将歌曲地址和歌名填入就可以了.不过这种代码在音画天空,真爱音乐和中华音画等论坛,可以直接发表运行显示效果,而大多数论坛目前还要将代码先做成空间贴(网页贴),后用超链接发表才能运行.
  这个听歌台的特点与网络上常见的听歌台不同之处是,只要击点歌名后面的[试听],页面上共用的播放器就会自动播放,不须等待另外弹出播放器才播放,而且听歌转换也较快.

  自编听歌台的播放器和超链接与常用的播放器和超链接的标签属性内容不相同:


  自编听歌台播放器代码:


<EMBED id=myPlayer src="歌曲地址" width=700 height=60 type=audio/mpeg AutoStart="-1" EnableContextMenu="-1" PlayCount="5" ShowControls="-1" ShowStatusBar="-1" ShowDisplay="0">


    自编听歌台的超链接标签代码:



01、歌曲名称<a href="#2" onclick=myPlayer.FileName=this.value value="歌曲地址">【试听】</a>



  自编歌台编辑方法:

  先用表格标签设置一张图框,内先插入"听歌台播放器",供所有歌曲共用,再用"自编听歌台的超链接标签代码",每一首歌曲插入一行.排版方式,可以单列多行,也可多列多行.将网络上取来有效的歌名和歌曲地址,分别填入"代码样式"的歌曲名称和歌曲地址就可以了.自编听歌台播放器代码中的歌曲地址,可以用第一首的相同歌曲地址,随着点击试听会自动转换.下面介绍单列多行"样式",给新手照样画葫芦,自编听歌台参考.
  



    单列多行自编听歌台代码"样式":



 


  在上面代码框中做练习,先在网络上下载歌曲名称和歌曲地址,修改方法:用鼠标将要修改的内容刷黑,按删除键,再粘贴歌名或歌曲地址.可以边修改边运行代码看效果.编辑完毕,成功了就将全部代码复制粘贴到空白记事本,作为第一个听歌台代码的源文件.如果练习时弄错了,或者要再编辑,退出本页,重新打开又可以操作了.



     自编单列多行听歌台示例代码:



 



  如何发表自编听歌台?


 自编听歌台代码编辑完后,先用 htnl浏览器运行代码效果,成功了再将代码粘贴在空白记事本上,命名为"play01.txt",找个可以上传.txt文件的空间上传,具体方法:发新贴或回复→浏览→选本机的play01.txt文件 →上传→发表→打开听歌台网页→把地址栏的地址复制下来,就可用链接办法传播了.
 我上传到 老人坊网站的听歌台空间贴文件地址实例:

http://www.53199.com/bbs/UploadFile/2009-1/20091216243376848.txt

 ◆将听歌台空间贴文件地址粘贴在空白网页地址栏打开来试听.
 ◆听歌台空间贴文件地址用电子邮箱或论坛信箱直接发送给亲朋好友欣赏.
 ◆听歌台空间贴文件地址用超链接标签,可在论坛﹑个人主页和博客等发表.
  超链接标签代码实例:

<a HREF="http://www.53199.com/bbs/index.asp"target=_blank><font size=4 color=#00ff00> 击点打开自制在线听歌台代码效果</FONT></a>

  效果显示:
击点打开自制在线听歌台代码效果




  原创编辑:游子/2009年1月试编

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

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



2933699634
(2013/11/19 18:03:00) [171.35.68.]

1234567890



 发表评论:共有 1 条评论

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

梅雪家园 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:13805696928 联系人:倾城一刀

琼icp备09005167