新的歌词海报生成器TAiONS!(看起来是外观更新限定)

没想到这个玩具竟然还有这种后续……

其实2023年8月就做完了所有功能,但是现在才拿出来写一篇文章。

新版的代码已经上传到TAiONS仓库的v2分支。

GitHub:https://github.com/Yuuikic/LyricsPoster

Demo:https://taions.nonon.moe/


更新内容

  • 崭新的页面设计
    既然从前页面混沌得不彻底,那么……就不要继续混沌下去了。现在,TAiONS的搜索、选取和生成海报界面实现了分离,并重新设计了各个页面。
  • 歌词选取流程优化
    新版本有了更直观的歌词翻译切换、已选取歌词预览,使增选和删除歌词更便捷。
  • 添加了歌词排序功能
    不再需要在选取歌词时考虑选取顺序。现在,TAiONS支持在海报生成页面进行歌词排序。
  • 删除了一些功能
    一些不太常用的功能和影响页面的元素被删除,包括APlayer、Moe-Counter、更多字体选取。
  • 不支持响应式设计
    嗯,老老实实用桌面端吧。

使用流程

我觉得这个页面设计还是挺直观的(逃)

但是有三个使用Tips:

  1. 点击巨大的logo以显示搜索框。
  2. 选取歌词后,点击页面右侧的带有动画的箭头进入海报生成页面。
  3. 不支持将海报导出成文件,请自行截图保存。

已知问题

  1. 搜索功能不稳定,搜索后没出现结果的话请切换网络环境后重新搜索。
  2. Safari 中,海报的背景模糊效果加载异常。可以点击工具栏中的背景-模糊,调节模糊度后就可以正常加载。
  3. 不告诉你。

为什么要重做?

2022 年初,一时兴起,做了一个名为“TAiONS”的歌词海报生成器(这个名字真是中二,但是中二赛高!)

虽然当时装模作样地还给出了一个后续开发的路线图,但是TAiONS作为给我自己写的工具和玩具,只要我用着没问题,便也没什么动力去更新。此外,我对它的使用频率也并不高。在完成TAiONS的2022年,我还在某平台上传了十余张歌词海报;而2023年,我就只上传过2张了。

这并不是说TAiONS多么难用,以至于我不想用它,而是分享欲的降低。从前总喜欢分享喜欢的歌曲和喜欢的歌词,但是这种热情逐渐消退了。好吧,其实TAiONS也难用得不行。在TAiONS中,我使用了一些 Font Awesome 的图标,由于网络连接问题,图标文件往往不能被正确地加载;使用“Moe-Counter”在页面上萌萌地显示网站被访问次数,但是也是由于网络原因,经常加载失败,只留的加载失败的裂开的图片在页面上;添加了一些可供选择的字体,但是也由于网络问题……总之,虽然是个静态页面,但是网页资源和使用的服务分布在 GitHub Pages(页面主体)、Vercel(网易云 API)、阿里云 OSS(字体文件等)这些服务商,这就导致了以上这些奇怪的问题。

TAiONS 的使用逻辑也有点奇怪。比如,对于一首外语歌,想要同时选取歌词和歌词的翻译,会非常困难。点击搜索结果的文字部分时,会加载原歌词;点击搜索结果的专辑封面图片时,则可以加载中文翻译和原歌词“缝合”在一起的歌词版本。这个缝合版本并不是正常理解中的“一句原歌词,一句中文翻译”这样子穿插而来的,而是在一首歌所有歌词的中文翻译后,再附上了其所有原歌词。所以,如果想让海报上同时有原歌词和其中文翻译,则需要选取中文歌词,再翻到下面,找到对应的原歌词。这一点都不方便!

此外,对于已选中的歌词并没有很快捷的预览和移除的方式。如果选取的几句歌词相距得比较远,那么要取消选择则需要翻很久。Spotify 和 Apple Music 的歌词分享只能选择前后相连的几句,但是从主歌和副歌分别选一句歌词做成海报也是必要的使用场景,这显然有着更大的自由度(至少我这么做过)。并且,在这种使用场景下,能够预览已选择的歌词,总归是方便的功能。

最后,我觉得当时拼凑出来的页面太过随意。比如在Unsplush上随便找的三次元景物背景图片(搜索词大概是Kyoto)、Moe Counter二次元萝莉计数器、与网站设计风格完全不搭(设计风格是什么?)的Aplayer播放器,此外,还有个莫名其妙的小女孩在搜索框上,每次执行搜索时,都会跳动一下来表示搜索正在进行。虽然我很喜欢无厘头、魔幻、抽象(狭义的)的画面(参考 INTERNET YAMEROちきゅう大爆発 MV),但显然TAiONS的页面还没有混沌到那种地步,并不会产生任何混乱的美。这就让整个页面看起来非常没意思了。

综上,我在 2022 年初没有任何章法手糊出来的这个歌词海报生成器,有着诸多使用上的不便利。对此,我有必要……其实根本没有必要对其进行大刀阔斧地修改。毕竟我根本没有新的需求嘛,这个海报生成器当做一个玩具和工具,已经足够了。

但是,当我偶然打开Google Search Console,看到在Google这个搜索引擎中,杂话铺子的热门查询和点击数最高的竟是“歌词海报”时,还是被震惊到了。打开浏览器无痕模式窗口,键入“歌词海报”,Google搜索一气呵成,发现 “歌词海报生成器: TAiONS”这个搜索结果竟排在第一个。

一想到除了我之外,在平常的日子里,这个略显鬼畜的歌词海报生成器竟会被毫不相识的陌生人访问,看到网页上出现各种加载失败的占位符,一种“哎呀,搞砸啦”的想法就出现在我脑海中。什么嘛!我又没强制你用这个破烂网站来制作歌词海报啦!你从这个网站中只能找到对其他音乐软件中歌词海报的模仿而已,快去用他们的优质服务啦!傲娇已经过气了!

出于责任心(从何而来?),我决定更新一下这个歌词海报生成器,以更友善的页面,善待每一个不小心访问它的陌生人。

如此,有所谓有有所谓无的折腾代码的日子,又开始了。

说起来,2022年最开始制作TAiONS的时候,还没有 ChatGPT啊。


至于在对TAiONS进行大刀阔斧的改革过程中,遇到的困难,我已经记不清了。原因是我完成并发布的时间是2023年8月底,距今已经过了五个多月。可以说,你让现在的我读当时写的代码,可能不太读得懂……就像我现在也读不懂我2022年写的初版是个什么东西。

至于为什么拖了这么久才想起来写个更新记录?昨日之我非今日之我,2023年的桜庭夜呢?出来一下!

评论

  1. 3 月前
    2024-3-19 22:08:03

    晶莹剔透的感觉,我喜欢

  2. 4 月前
    2024-2-21 6:49:57

    现在TAiONS的质感好棒啊

    • 博主
      4 月前
      2024-2-22 23:00:14

      毕竟是朝着“外观升级”的方向重新写的🤣算是把喜欢的风格东拼西凑到一起了

发送评论 编辑评论


				
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Emoji
2233娘
kumiko
蛆音娘
原神
上一篇
下一篇
Copyright © 2024 桜庭夜 | 杂话铺子
Theme Argon