东方Project原曲MV线上生成播放器

项目地址：github.com/Jasonnor/th…

连结：jasonnor.github.io/th-music-vi…

动机

最近想作个东方原曲我的向Top50，编排MV过程当中，以为部分元素能够自动化产生（例如进场配图丶游戏画面皆能爬虫取得），并且比较少有同时包含配图和弹幕画面的原曲MV（我的认为弹幕也是欣赏东方原曲不可缺乏的要素之一），於是萌生了这个项目的概念。

实做

基本想法是曲子开始後，先显示两张随机图片，每张各6秒，之後无缝接上游戏对应的关卡影片，中间皆以淡入淡出来转场。事前我先创建了简单的资料库，包含了曲名丶对应角色（标签）和关卡等，根据标签从pixiv爬好并筛选了近两千张高收藏数的做品，使用Google Data API来爬Youtube上的游戏影片ID，之後逐渐完善播放器和生成逻辑。目前成品Demo（加速版）如上图。

标题下面会标明该曲所属的系列以及当前显示做品的Pixiv ID或Youtube ID，另外本项目支援行动装置使用，下图为平板环境：

桌面环境：

移动环境为了下降运算资源，会把音频波型动画改成静态波型（将来会改成可设定）：

游戏剪影的播放清单（将来会增长收藏功能，显示已收藏曲在上方）：

MV中游戏弹幕展现：

结语

本项目开源於Github，将来也将继续扩充更新，喜欢的话给个Star我会很开心 😄

使用中遇到问题也欢迎在Github提出issues或PR协助这个项目，已知Bug清单在这里能够查看：github.com/Jasonnor/th…

---

2018/09/10 更新

1. 加入了随机播放的功能，点击右下角齿轮便可设定
2. 如今能够点击曲名下面的pid/vid直接前往原图/影片网址罗！