当前位置: 首页 > article >正文

java仿qq空间音乐播放_使用JS改造的简单网页音乐播放器,仿QQ空间样式

最近有好多东西要发表分享给大家,但由于时间问题,越多反而显得越乱,都不知道从何下手,该做的事情还有很多,最近整博客,又整得有点不兼容了,在想抽个时间修复它,可能时间要比较长,因为无从下手,必须一个一个代码分析,因为我碰到的问题貌似都不是简单的问题,博客放在服务器端好端端,访问并无兼容问题,但在本地调试却不兼容低版本ie,出现网页布局错乱的现象,很是纳闷。

还有就是那个ccaeo.com的免费空间是有一定的诀窍和方法的,如果不懂细节操作,不懂点英文,将以失败告终。所以一直想写个教程。

还有就是计划博客采用全站ajax的,后来发现这东西不好整,尤其对于我的主题,网上的方法几乎实现不了,想装个插件扒效果下来也出错,无奈,先搁置一阵子再说,如果成功后将公布分享给大家。不太赞成那些把一点小技术都藏藏掩掩的人。

好了,前言到此结束。进入正题,为了从简单做起,给自己的博客首马当先加了个简洁网页mp3播放器,首先说一下它的优点:代码不多,仅仅几行调用代码外加一个16kb的独立js;简洁美观;占用空间小;模样类似qq空间,但没那么高级~;兼容性良好;自定义js文件。

1.首先下载一个

2.把QQ空间的那个音乐播放器旁白那个gif下载下来,或者另行网上找一个gif图片,改名为music.gif,上传到自己主题的images文件夹下。

3.调用方法,在网页中需要调用的地方加入以下代码:

music

位置请通过

等css样式控制。

很简单几乎就这样完成了,效果可以看看我博客上面的工具条,

0b29a85a0d05f134746c4fe6e4fbd68f.png

eef52af152ae12b2e485407493e1a773.png

271fd9db39eaa946e95e7350c34d2628.png

播放器外观可以自己设置,此外观是我自己设置的,如果不喜欢可以自定义自己的外观,通过js里面的css模块可以修改,如果要自动播放,请在js文件中搜索autoplay:然后把后面的false改成true就行了,我设成false是因为考虑到音乐这东西每个人爱好的风格都不一样,设成自动播放未免有点强制性,这样不太好,况且在音乐方面的争端永无休止,都是仁者见仁,智者见智,谁都不承认自己的幼稚,因为我也浏览过自动音乐播放的网站,况且是自己不喜欢的音乐,那种感觉啊~如果让别人选择来播放,性质就不一样了~鄙人拙见~

好了,“师傅”引进门,修行靠个人。希望大家开发更加简洁美观,兼容性更好的播放器,欢迎分享。

http://www.lryc.cn/news/2418683.html

相关文章:

  • CSS - 实现横向滚动(横向滚动布局)
  • 分享12款我常用的开源免费工具
  • 海外CDN加速方式
  • libtorrent源码分析(三)BT下载相关知识总结
  • C# TreeView的两种绑定方法
  • 刀剑封魔录多功能修改器 v1.2使用教程
  • 解析CNKI帐号用户名、密码破解秘笈
  • android4.0怎么用微信,新开放接口 Android版微信4.0全新体验
  • cocos2d-x学习笔记-触屏事件详解
  • Red Hat Enterprise Linux ISO 全镜像各个版本下载,安装教程
  • 国内外优秀程序员的博客全在这了,请查收
  • 超详细很实用入门必看:Java,C与Python三种大热编程语言比较分析与建议
  • 分享4个优秀的博客导航站
  • 理论物理专题讲义(量子力学与统计物理部分)
  • 循环赛日程表(递归实现)
  • 单表最大2000W行数据
  • 全网最全!解决VirtualBox或VMware启动虚拟机时报错问题“不能为虚拟电脑打开一个新任务”和“Error In suplibOslnit”解决方案超全超详细
  • 分享115个ASP留言日记源码,总有一款适合您
  • 《神探狄仁杰》主题曲《长歌一曲》
  • Java的三种移位运算
  • 笔记-信息系统安全管理-信息系统的安全属性
  • Portal实现原理 --转载
  • 输出“A、B...Z、AA、AB...AZ、BA、BB...BZ.......”的结构
  • squirrel sql client linux,SQuirreL SQL Client
  • 手机qq2012(android)1.0,手机qq2012安卓1.0 几个版本改进后的正式版本
  • fbreader android源码分析,开源阅读器FBReader Android版本的编译
  • 获取flash显示区域 的 getBounds 和 getRect
  • 你用 Python 写过哪些有趣的脚本?
  • 博客系统第1关:博客系统之用户注册
  • 一文读懂面试官都在问的Log4J2漏洞