代码奔腾 · 2012年11月27日 0

网页不间断背景音乐|即使页面跳转也不间断的背景音乐

用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>

http://miaosu340.me

http://www.xiami.com/res/player/xiamiMusicPlayer_ld.swf?dataUrl=/song/playlist/id/14340370/type/3

</body>
</html>

直接放个做好的文件:

额……之后有空的话可能会尽量完善它,也继续在这里更新吧。

除非注明,本博客所有内容 由 秒速340 创作,采用 知识共享 署名-非商业性使用-禁止演绎 3.0 未本地化版本 许可协议进行许可。