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

看板C_Chat作者Jasonnor (Jasonnor)時間5年前 (2018/09/09 21:14)推噓5(5推 0噓 1→)

留言6則, 6人參與討論串1/2 (看更多)

※ [本文轉錄自 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 -------------- 2018/09/10 更新 https://i.imgur.com/CmHcrYl.jpg

1. 加入了隨機播放的功能，點擊右下角齒輪即可設定 2. 現在可以點擊曲名下面的pid/vid直接前往原圖/影片網址囉！ -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.27.41.47 ※ 文章網址: https://www.ptt.cc/bbs/Touhou/M.1536420407.A.723.html ※ 編輯: Jasonnor (114.27.41.47), 09/08/2018 23:35:08 ※ 編輯: Jasonnor (114.27.41.47), 09/08/2018 23:41:29 ※ 編輯: Jasonnor (114.27.41.47), 09/08/2018 23:46:33

推

freedom5487

09/09 00:08, 5年前 , 1^F

09/09 00:08, 1^F

推

Tsozuo

09/09 02:25, 5年前 , 2^F

09/09 02:25, 2^F

推

latious

09/09 06:14, 5年前 , 3^F

09/09 06:14, 3^F