我的音悦台——音乐可视化的WEB实现

在搭建了自己的web服务器之后我们就可以自己建站了，把之前做的一个音乐可视化web应用（基于PHP）做一个记录

说明：
1、该网页是基于HTML5的WebAudioAPI开发的实际Ajax的jone请求（好像是这样的不知道我说的对不对，勿喷），貌似IE浏览器不支持，Chrome浏览器（Google），Firefox浏览器，和IOS的Safari 浏览器可以完美支持，其他没有测试过，手机端也同样，我试过小米系统自带的浏览器是支持的，应该是基于chrome内核的，UC浏览器和中兴的微米浏览器不支持，其他没测试。。。
2、原作者是用node服务器（node.js）系统开发的，我是直接抓取网站HTML源码和JavaScript以及CSS，然后直接把HTML转成PHP实现的，至于为什么不直接用html网页，那是因为html+JavaScript是无法操作文件系统的也就无法获取歌曲列表了，所以行不通，能操作文件系统的我一开始想到的是就是PHP和Python，先试了PHP就直接成功了，但是那时我是在我的树莓派上搭建的服务器上运行的php后来又移植到newifi路由器上也是可以实现的，现在的只能路由器已经不仅仅是用来拨号上网了，可以实现各种功能。
3、由于还是PHP的初学，直接将HTML转换成PHP来搭建基本网页框架，只有音乐目录列取的部分是纯PHP，所以源代码有点难看，之后我会慢慢更改成纯PHP，JS部分就直接拿来主义了，因为涉及Ajax和CHR对我这个初学者就太难了，so。。。。就F12了一下，待我好好学习才行，班门弄斧，大师们莫笑。。。。。。

 

最后我们来看看效果：





本博客所有文章如无特别注明均为原创。
复制或转载请以超链接形式注明转自陈生手记，原文地址《我的音悦台——音乐可视化的WEB实现》
喜欢 | 1
分享：