Re: [文花] 自製東方原曲MV線上生成播放器

作者: Jasonnor (Jasonnor)   2018-09-11 17:20:04
※ 引述《Jasonnor (Jasonnor)》之銘言:
: ※ [本文轉錄自 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

Links booklink

Contact Us: admin [ a t ] ucptt.com