这篇文章上次修改于 207 天前,可能其部分内容已经发生变化,如有疑问可询问作者。

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

timg.jpg

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

第一步

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

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>

知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 转载请注明出处

分享 : 微博 微信 百度已收录