[文花] 自制东方原曲MV线上生成播放器

楼主: Jasonnor (Jasonnor)   2018-09-08 23:26:33
连结:https://jasonnor.github.io/th-music-video-generator/
项目开源地址:https://github.com/Jasonnor/th-music-video-generator
好读版:https://www.ptt.cc/bbs/Touhou/M.1536420407.A.723.html
最近想做个东方原曲个人向Top50,编排MV过程中,觉得部分元素可以自动化产生(例如进场配图、游戏画面皆能爬虫取得),而且比较少有同时包含配图和弹幕画面的原曲MV(个人认为弹幕也是欣赏东方原曲不可缺少的要素之一),于是萌生了这个项目的概念
https://github.com/Jasonnor/th-music-video-generator/raw/master/images/demo/main.gif
基本想法是曲子开始后,先显示两张随机图片,每张各6秒,之后无缝接上游戏对应的关卡影片,中间皆以淡入淡出来转场。事前我先建立了简单的数据库,包含了曲名、对应角色(标签)和关卡等,根据标签从pixiv爬好并筛选了近两千张高收藏数的作品,使用Google Data API来爬Youtube上的游戏影片ID,之后逐渐完善播放器和生成逻辑。目前成品Demo(加速版)如上图。
标题下面会标明该曲所属的系列以及当前显示作品的Pixiv ID或Youtube ID,另外本项目支援行动装置使用,下图为平板环境:
https://i.imgur.com/8GNb6Yz.jpg
电脑环境:
https://i.imgur.com/U58beN9.jpg
手机环境为了降低运算资源,会把音频波型动画改为静态波型(未来会改为可设定):
https://i.imgur.com/yEeA5eH.png
https://i.imgur.com/m4SprNd.png
游戏剪影的播放清单(未来会增加收藏功能,显示已收藏曲在上方):
https://i.imgur.com/UjGbizi.png
MV中游戏弹幕展示:
https://media.giphy.com/media/3kv7BpMHWbM8ntNhwB/giphy.gif
本项目开源于Github(https://github.com/Jasonnor/th-music-video-generator),未来也将继续扩充更新,喜欢的话给个Star我会很开心 XD
使用中遇到问题也欢迎在Github提出issues或PR协助这个项目,已知Bug清单在这里可以查看:https://github.com/Jasonnor/th-music-video-generator/issues/5
作者: freedom5487 (Q太郎)   2018-09-09 00:08:00
推,真的太神啦
作者: Tsozuo   2018-09-09 02:25:00
好酷的东西 推推
作者: latious (Eta Carinae)   2018-09-09 06:14:00
wow推推 感谢分享
作者: LillyWhite (桃李不语下自成蹊)   2018-09-09 12:12:00
左下角选项可以选曲 图是Jasonnor桑的收藏吗?赞赞! 搭配起来很有气氛!
作者: youtien (恒萃工坊)   2018-09-09 14:20:00
厉害!请问可以转载吗?
作者: WoodPunch (木头拳)   2018-09-09 14:24:00
推推
作者: wlsh5701 (舞林树枝)   2018-09-09 14:30:00
作者: samex4x4 (Same)   2018-09-09 15:38:00
推推!! 太厉害了
作者: LillyWhite (桃李不语下自成蹊)   2018-09-09 17:30:00
(原来原文中就有解释了 是我漏看 感到抱歉 Orz)因为接连点了几首歌 发现图都很精美! ( >////<)b
作者: freedom5487 (Q太郎)   2018-09-09 18:56:00
转到C_chat吧
作者: NightDream08 (夜梦ND)   2018-09-14 12:44:00
作者: wayneshih (漂流虚海的雁太保)   2018-09-15 22:26:00
这..好东西啊
作者: j456789a (nightforce)   2018-09-17 13:15:00
神神神神神
作者: sarsman (DeNT15T♠)   2018-10-16 22:47:00

Links booklink

Contact Us: admin [ a t ] ucptt.com