2020-08-27 blog

突然想起了,换了blog之后还没重新把以往的作品放上去。
于是研究了一下WordPress插件,试用了一下Hermit-X,并不够好用。
在一篇文章插入一个播放器,确实是挺方便,但是在作品展示页放一大堆播放器,就非常难受了。加载非常慢。

于是我又想起了之前在hexo上面部署的基于aplayer加自己写js的方案。不过当时的方案有点难受。一来,所有的css和js都直接写在了markdown文件上,二来,点击按钮只是添加到播放器,因为当时没法解决点击播放之后就播放到新添加的/列表里面对应到按钮的那首歌。还有一点就是,当时重复点击按钮,播放列表里面会出现重复的歌,这就非常不好用。

于是尝试了一下自己学着写js脚本,发现其实还好,写起来跟java其实还是差不多的。
目前的这个脚本我还是挺满意的。
首先,是在左下角的下沉式。
其次,对js做了分离,aplayer的操作在一个js文件,歌单在另一个js文件(以后可能可以换成JSON?),歌词文件lrc在另一个文件夹。
最关键的是,功能实现部分。目前的逻辑是,如果按钮对应的歌不在歌单里面,就向歌单添加,如果已经有,直接到下一步。如果歌单里面有不止一首歌,那么会在添加完之后切换到对应的歌。如果添加完之后,歌单里面只有一首歌,那么直接播放。如果已经在播放同一首歌,则忽略。
具体的实现应该会单独写一篇文章吧。

You may also like...

发表回复

您的电子邮箱地址不会被公开。