Fw: [文花] 自制东方原曲MV线上生成播放器
楼主: Jasonnor (Jasonnor) 2018-09-09 21:13:59
※ [本文转录自 Touhou 看板 #1Ra-etSZ ]
作者: Jasonnor (Jasonnor) 看板: Touhou
标题: [文花] 自制东方原曲MV线上生成播放器
时间: Sat Sep 8 23:26:33 2018
连结：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
作者: Jasonnor (Jasonnor) 看板: Touhou
标题: [文花] 自制东方原曲MV线上生成播放器
时间: Sat Sep 8 23:26:33 2018
连结：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太郎) 2017-09-09 00:08:00
推，真的太神啦
作者: Tsozuo 2017-09-09 02:25:00
好酷的东西 推推
作者: latious (Eta Carinae) 2017-09-09 06:14:00
wow推推 感谢分享
作者: LillyWhite (桃李不语下自成蹊) 2017-09-09 12:12:00
左下角选项可以选曲 图是Jasonnor桑的收藏吗?赞赞! 搭配起来很有气氛!
作者: youtien (恒萃工坊) 2017-09-09 14:20:00
厉害！请问可以转载吗？
作者: WoodPunch (木头拳) 2017-09-09 14:24:00
推推
作者: wlsh5701 (舞林树枝) 2017-09-09 14:30:00
推
作者: samex4x4 (Same) 2017-09-09 15:38:00
推推!! 太厉害了
作者: LillyWhite (桃李不语下自成蹊) 2017-09-09 17:30:00
(原来原文中就有解释了 是我漏看 感到抱歉 Orz)因为接连点了几首歌 发现图都很精美! ( >////<)b
作者: freedom5487 (Q太郎) 2017-09-09 18:56:00
转到C_chat吧
作者: OldYuanshen (聊斋异说) 2018-09-09 21:23:00
太赞了
作者: zseineo (Zany) 2018-09-09 21:26:00
推
作者: Elis1221 (艾利斯) 2018-09-09 21:30:00
推
作者: songgood (ilovegoodgame) 2018-09-09 21:33:00
好猛
作者: sawaman (賽媧) 2018-09-09 22:40:00
好屌...
作者: alen0303 (艾伦零参 智商负三) 2018-09-09 23:11:00
太神啦
