Repo:https://github.com/Jasonnor/th-music-video-generator
連結:https://jasonnor.github.io/th-music-video-generator
動機
最近想做個東方原曲個人向Top50,編排MV過程中,覺得部分元素可以自動化產生(例如進場配圖、遊戲畫面皆能爬蟲取得),而且比較少有同時包含配圖和彈幕畫面的原曲MV(個人認為彈幕也是欣賞東方原曲不可缺少的要素之一),於是萌生了這個項目的概念。
實作
基本想法是曲子開始後,先顯示兩張隨機圖片,每張各6秒,之後無縫接上遊戲對應的關卡影片,中間皆以淡入淡出來轉場。事前我先建立了簡單的資料庫,包含了曲名、對應角色(標簽)和關卡等,根據標簽從pixiv爬好並篩選了近兩千張高收藏數的作品,使用Google Data API來爬Youtube上的遊戲影片ID,之後逐漸完善播放器和生成邏輯。目前成品Demo(加速版)如上圖。
標題下面會標明該曲所屬的系列以及當前顯示作品的Pixiv ID或Youtube ID,另外本項目支援行動裝置使用,下圖為平板環境:
桌面環境:
移動環境為了降低運算資源,會把音頻波型動畫改為靜態波型(未來會改為可設定):
遊戲剪影的播放清單(未來會增加收藏功能,顯示已收藏曲在上方):
MV中遊戲彈幕展示:
結語
本項目開源於Github,未來也將繼續擴充更新,喜歡的話給個Star我會很開心 😄
使用中遇到問題也歡迎在Github提出issues或PR協助這個項目,已知Bug清單在這裡可以查看:
https://github.com/Jasonnor/th-music-video-generator/issues/5
2018/09/10 更新
- 加入了隨機播放的功能,點擊右下角齒輪即可設定
- 現在可以點擊曲名下面的pid/vid直接前往原圖/影片網址囉!