WikPlayer是一种嵌入在网页中的背景音乐播放器。
我一直打算给自己的博客像奥比岛那样给网页加一个背景音乐,WikPlayer能做到类似的效果,它可以调用MP3地址、SoundCloud以及YouTube视频作为音乐播放源。
我是在一些Frutiger Aero的IndieWeb网站中发现这个播放器的。https://bielzin.space/

它的原理是嵌入一个iframe,然后修改网页源代码,在显示区域的最下边部分添加迷你播放器。(但这是一个大坑)
先去WikPlayer填写好引用的音乐地址,我拿刚刚上传的泞之翼试了一下,然后把JavaScript嵌入代码放置在下方。
对于WordPress而言,这在主题的header.php文件中,
或者用 CodeKit – Custom Codes Editor 插件管理。
但是先丑话说在前,实测下来发现它对WordPress乃至PHP网站的支持并不好,使用WikPlayer必须允许iframe支持,例如Nginx需要添加以下规则:
add_header Content-Security-Policy: "frame-ancestors 'self' https://wikplayer.com" always;
官方推荐的是Tumblr跟Blogspot这两个平台,其次是像Neocities或Nekoweb这样的网站空间。WordPress使用的话,不仅WP AdminBar会无法显示(毕竟是iframed的么,无法保存或者说透传Cookie登录状态),就连发布评论也会遇到来自浏览器的断点报错。
共享主机没有权限的话也不建议尝试了,安全性有待商榷。
所以必须舍弃一定的便利性。
因此它不适合任何需要Cookie存储动态交互性质的网站。
它只适合一些纯粹的展示页面,例如静态博客网站。这也是主要由Neocities使用的原因吧。另,由于是iframe的嵌套结构,一旦WikPlayer遇到单点故障无法访问,也会导致源网页可能显示不出来。

