故事背景:几周前,看到一个网友在做一个网页音乐播放器,无意间发现微博的网页播放器还不错,于是自己尝试了一下。文末附上源码,喜欢的请带走。演示地址:http://123.56.191.84/jmusic_v...兼容当前主流浏览器包括ie9及以上,不考虑兼容ie8以下浏览器:cRUL、ajax、session、memcache、closure、recursion。.仅此而已,没有别的。考虑到有的朋友可能忘记了一些知识点,哈哈,我特意整理了一下每个知识点的笔记。Cookie和会话:http://segmentfault.com/n/133...Memcache:https://segmentfault.com/n/13...cURL:https://segmentfault.com/n/13...至于如果我不知道ajax这个前端,那我也只好找些资料了解一下,因为太简单了,我没有整理笔记,不过如果有网友需要的话,可以联系我。功能演示1.小窗和大窗切换2.播放面板:后退,播放暂停,前进,播放模式切换,音量(点赞和分享功能没做,删除功能类似,以后补上我有时间3.播放列表页面,新歌列表(默认显示20首歌曲),歌曲搜索页面,列表滚动条。注意:这些歌曲都是通过网易接口爬取的,因为网易很坑爹,而且只有5-我拿到的30个界面中有8个可以正常播放,所以用cURL来爬取验证,无法过滤掉。如果你想播放的音乐不知道网易界面怎么用,可以自己百度一下4、歌单批量删除歌曲和单曲,排行榜批量播放,搜索榜批量播放。5.拖放歌词查看播放器使用方法(导入方式)把show文件夹以外的必要文件移动到你要显示播放器的文件夹中在播放器所在的页面插入下面几行代码被显示1。2.3.4.注意:除了第一行代码必须放在网页顶部,其余代码可以任意插入(但css样式插入位置必须在
标签中),但不能改变顺序第三行代码后必须插入4行代码Example
音乐播放器提醒:代码必须放在php环境下,必须安装memcache扩展。4行代码解释1.//开始Session的初始化,给用户分配一个sessionid,用这个id读取服务器缓存用户播放记录和新歌单记录(方便下次快速播放->因为网易api问题,新的歌单记录会考虑缓存)2.//导入css样式文件3.导入js主文件4.//将sessionid传给js主文件,通过ajax执行服务器是否匹配该用户的缓存音乐,如果存在则直接返回,没办法重新从api获取文件目录jmusic.php//第二个文件是你要引入播放器的文件(可以修改)css//css样式文件(不能改,但是如果懂了就可以自己修改)js//js主文件(不能改,如果懂的话可以自己修改)php//存放php文件,用于验证网易api中可以播放哪些音乐不能播放show//用于存放本文所有功能演示图片(可删除),如果可以缓存音乐,提醒用户登录。考虑到大家看demo的时候都会缓存造成很多垃圾,而我是渣男服务器,所以缓存时间只有24小时,开启session垃圾回收机制(访问量过大时,超时会话将被自动删除)。如果想看原版微博播放器,可以到:点击进入微博页面温馨提示:播放器显示前必须先登录。有账号的可以登录查看源码下载地址https://github.com/66pig/-jMusic其实很早以前就做了,但是太尴尬了。一开始不知道怎么贴源码(我服务器保存时间不长,链接容易失效)。我没玩过github。这是我的第一次尝试。开个玩笑,以后有时间再更新,如果大家觉得有什么BUG,也可以合并,大家互相学习。当朋友想要一个视频播放器的时候,他会发现视频播放器的大部分功能都在这个音乐播放器中体现出来了吧?所以才发这个,而且大部分人视频播放的瓶颈应该是全屏问题,下次再说吧,先到这里,有问题可以联系我。