加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

实现音乐播放+歌词同步【原创】

(2007-03-31 09:09:31)
标签:

斑竹冰河

分类: 文化杂谈类此无声胜有声

→记得我们三个大男人坐在电脑前一起唱《爱情转移》的日子,那优美的旋律,总是给我莫名的感动。我们一起挥舞着手臂,在别人看来有点傻,只要自己愉悦就可以,又何必太去在乎别人的看法呢?

正文:仅仅是一个简单的思路,就可以轻松实现在线音乐播放+歌词同步。没有什么高深的技术,或许是因为我去思考了这个问题,抑或是自己没有太大的本事去做的更好。我本平凡,也感谢上天赐予我和常人一样简单的大脑。

具体思路如下:
登陆 http://mp3.baidu.com/
 搜索自己喜欢的歌曲。最好选择.wma格式的歌曲(适合在线播放

在你歌曲的歌曲的页面,比如:http://mp3.baidu.com/m?tn=baidump3&ct=134217728&lm=-1&li=2&word=%B0%AE%C7%E9%D7%AA%D2%C6+%B3%C2%DE%C8%D1%B8  找到“试听”。

打开“试听”,可以选择用QQ的截图工具确定页面的宽和高(这一点很重要

在“试听”上点右键,然后选择“复制快捷方式(T)”得到你要调用的网址。(比如:http://box.zhangmen.baidu.com/m?gate=1&ct=134217728&tn=baidumt,爱情转移&word=wma,http://218.25.11.148/wma/music2007/1huarennangeshou/chenyixun/danqu/kpuknaOdsaCmk6GtnjY$.wma,,[%B0%AE%C7%E9%D7%AA%D2%C6+%B3%C2%DE%C8%D1%B8]&si=%B0%AE%C7%E9%D7%AA%D2%C6;;%B3%C2%DE%C8%D1%B8;;66666;;66666&lm=16777216 

接下来采用<iframe>进行框架调用,调用代码如下:

<FIELDSET style="WIDTH: 390px" align=center><LEGEND style="FONT-SIZE: 16px; COLOR:#009900">表格标题内容 </LEGEND><P><center><IFRAME marginWidth=0 marginHeight=0 src="你要调用的网址" frameBorder=0  scrolling=no height=541 width=390></IFRAME></center></P></FIELDSET>

代码说明: 思路就是首先定义一个表格,然后将调用的网页框架放在其中.
1.WIDTH: 390px  定义表格的宽度,最好和你调用网页框架的宽度一致
2.COLOR:#009900 表格标题文字颜色,可以根据自己的喜欢选择颜色
3.height=541 width=390    调用的网页高和宽,QQ截取的尺寸大小
4.相关文章连接:玩转新浪博客音乐播放器     学会玩转音乐播放器

效果展示:
《爱情转移》-陈奕迅

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有