作者: 秒速340
2012年11月27日星期二
用wordpress有一段时间了，发现有一个不好的地方，就是无法像QQ空间那样不间断地播放背景音乐，只能在某一页或者某篇文章中播放音乐，一刷新就重新播放，或者一打开其他链接就没音乐了。
谷歌百度了好久都无法搜出有这样的源代码，虽然有很多人在问。很多人的答案只有两个字：“框架”。虽然前几天一时兴起学做wordpress主题，跟着教程做了一个极其简陋的主题，CSS、HTML、PHP代码都有接触一些，但都是些最最最基本的，可以说完全不会网页语言。更别说要我用什么“框架”来做了。
无意中在一个论坛看到有这样效果的背景音乐，一时好奇加手贱，尝试将其网页代码脚本提取出来，整理完之后在本地架设的wordpress博客上测试了一下，完美运行……
但是又不敢未经过论坛主人的同意就用，虽然我天朝大国很多人民一向这样做似乎也没啥关系，但我想不能这么猥琐，于是留下一帖询问可否使用，因为我发现它用的脚本全是国外的人做的，而且注明遵守GPL协议，也就是开源，只有CSS文件和HTML文件可能是自己写的，所以我还想着应该很快回复而且90%以上都可用吧。
结果到现在已经过了三天都无任何回复。看样子被讨厌了，被鄙视了，被不屑了呢。谁叫自己这么手贱，居然将别人的源代码都给提取了出来……
没办法，自己动手丰衣足食，虽然自己愚钝不才，不让用就不让用呗，但咱也不能因此放弃的是不？于是昨晚上就学用框架iframe自己做，查了一大堆资料，终于做成了一个极其简陋的半成品。
浏览器兼容性：
Opera：不知道为什么没有声音……
google chrome：经测试还可以
360安全浏览器：经测试1个还可以，1个没有声音
IE：出现关闭浏览器之后还会继续播放的奇葩景色，关闭的时候如果出现弹窗“脚本错误”全选否，然后就能完全关闭了。
其他：未知。
问题：
框架不会自适应宽度，所以浏览器不同大小可能会出现奇葩的外形问题。
尝试过网上很多自适应宽度的方法，不知道为什么在dreamweaver中浏览，网页很正常，一到浏览器上就诡异了。
效果预览，进入音乐模式：点我
在我自己的电脑上，自己的谷歌浏览器上浏览效果还可以，不知道别人的就怎样了。
暂时就这样算了，我的网站一般也就我自己进，不着急完善。
源代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>秒速340|音乐模式</title>
<meta name="Keywords" content="秒速340|动漫音乐" />
<meta name="Description" content="秒速340|网页不间断播放音乐" />
<meta name="generator" content="秒速340" />
<meta name="author" content="秒速340" />
<meta name="copyright" content="秒速340" />
<meta http-equiv="MSThemeCompatible" content="Yes" />
<meta http-equiv="imagetoolbar" content="no" />
</head>
<body>
<iframe src="http://miaosu340.me" frameborder="0" scrolling="auto"height="700" id="mainFrame" width="100%" allowtransparency="true">
</iframe>
<iframe src="http://www.xiami.com/res/player/xiamiMusicPlayer_ld.swf?dataUrl=/song/playlist/id/14340370/type/3" width="0" height="0" allowtransparency="true" scrolling="no">
</iframe>
</body>
</html>
直接放个做好的文件：
额……之后有空的话可能会尽量完善它，也继续在这里更新吧。
