我是一只历经沧桑的老狮

失传多年的换页不换歌代码

早在十多年前就开始折腾网站,那时候对服务器和域名是一点都不知道,捣鼓的都是些免费论坛和免费博客,其中非常有名的当属 5D6D博客大巴 了。那时候和现在一样,整天想着怎么样才能把自己的论坛和博客弄的漂漂亮亮、吸人眼球,在一堆美化之中要数换页不换歌研究折腾的时间最长。那时候 pjax 应该还没出来吧(具体我也不清楚),那时候是网页播放器的时代,各种各样五花八门的播放器如春后春笋般到处都是。印象最深的至今仍然还存在的网页播放器就不得不提到 站长天空 这个网站了,那时候几乎所有的关于美化的代码都是从 站长天空 那里搬运过来。

好了废话说话就开始言归正传了。

第一步

先到网易云音乐或者虾米音乐或者其他网站生成网页播放器,得到一个播放的绝对链接(这里用网易云音乐做实例)

https://music.163.com/outchain/player?type=0&id=87327222&auto=1&height=32

第二步

新建一个 index.html 的页面,将以下代码复制进去。

<html>
<head>
<title> 老狮的梦 | www.laolion.com</title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<frameset rows="*,100(播放器宽度)" framespacing="0" frameborder="0" border="0">
<frame name="content" src="https://laolion.com" scrolling="yes">
<frame name="player" src="https://music.163.com/outchain/player?type=0&id=87327222&auto=1&height=32(播放器的绝对链接地址)"
scrolling="no" noresize>
<noframes>
<body>
</body>
</noframes>
</html>

第三步

将新建好的 index.html 页面上传到网站空间根目录,得到一个绝对地址:https:// 你的域名 /index.html。打开这个页面就出来了一个带有播放器的网站主页,这样就实现了换页不换歌的效果。(以前的免费论坛操作是这样的:把 index.html 文件上传到你自己的论坛里然后到后台管理——帖子管理——附件管理,在文件名里填入音乐搜索到你刚上传的文件,点击 index.html 一行中的路径,得到地址。如 http:// 你的论坛地址 /userdirs/0/ ... _1207/.......attach (以 ATTACH 结束)。)

附加步

当然你也可以做一些美化,通过点击按钮 音乐模式 静音模式 进行切换,将以下代码放在想放的位置,如页头 head.php 或者页脚 foot.php 位置。(以前的免费论坛操作是这样的:然后进入后台——> 优化设置——> 搜索引擎优化,将下面这段放在“其他头部信息:”就行了)

<span style="position:absolute;top:415px;left:850px"><a href="https:// 你的域名 /index.html (填写刚才上传文件的地址)" style="color:red"> 音乐模式 </a> |<a href="https://laolion.com (你的域名)" target="_blank" style="color:red"> 静音模式 </a></span>
本站未注明转载的文章均为原创,转载请注明来源,谢谢!

添加新评论