iT邦幫忙

2026 iThome 鐵人賽

DAY 21
0
Vibe Coding

學生身份如何每天透過Vibe Coding每天做跨領域的創新項目系列 第 21 篇

Day 21 本來只想打造一個自動編輯音樂影片的工具,結果⋯⋯她好像變成了一個病嬌女友電台?

  • 分享至 

  • xImage
  •  

【Day 21】本來只想打造一個自動編輯音樂影片的工具,結果⋯⋯她好像變成了一個病嬌女友電台?

窩在頁面裏想要跟你一起聽emo音樂的地雷系女友~midjourney示意圖
▲ 圖 1:窩在頁面裡想要跟你一起聽 emo 音樂的地雷系女友~Midjourney 示意圖

話說偶爾在 YouTube 找影片播放音樂的時候,
都會聽很多 playlist 或者合集,
有時候是 hyperpop 風格,有時候是咖啡廳爵士樂風格。
當然因為 AI 工具的盛行,
有時候也會覺得自己其實也能夠製作類似的影片獲利,
當然啦,這也會讓我們去思考 Lofi Girl 當初的獲利原因。


痛點與靈感發想:靈感枯萎時的開源探索,Suno AI 的串接可能?

本來也是因為自己已經有點靈感枯萎的狀況,所以說想找找看 vibe coding 可以做什麼有趣的事情,例如說有什麼政府的開源資料可以被應用,自己有什麼領域還沒有接觸到。

結果讓我找到了一個有趣的開源專案:gcui-art/suno-api。

亂找一通找到的開源專案~
▲ 圖 2:在 GitHub 上意外發現的開源專案 gcui-art/suno-api~

話說 Suno AI 一直都沒有官方公開 API 可以直接在外部與其他大型語言模型或其他內容串接,變成更龐大的內容產出系統。所以說這個專案是為了解決這個問題嗎?

相關串接的方法其實我也沒有看得很仔細,不過我們 Antigravity 裡面的 AI 似乎可以解答我說這樣子的開源專案可以做什麼有趣的事情。當然憑著自己的直覺會認為:那麼不如就設計一個系統,能夠隨機幫我搭配各類型的關鍵音樂提示詞,變成 prompt,然後可以透過這個開源專案讓 Suno AI 產出相應的音樂內容,然後把產出的特定風格音樂串連成超長的歌單,畫面上就不停循環播放某一個影片或者動畫。

當然反過來問也會覺得說:現在已經有各種影片剪輯工具,以及有內容生成功能的影片剪輯工具,為什麼還要自己製作一款工具?

觀察到的核心痛點:

  • SUNO AI 是一個產出高品質 AI 音樂的應用,但目前都很少跟其他影片剪輯工具直接合作。
  • 有時候我連自己下 prompt 都懶了,但是我有喜歡的某種風格,例如說病態可愛地雷系風格的、情緒化傷感的。(是不是最近太累了,竟然又再次開始喜歡聽這種歌)

Vibe Coding 實戰一:自動化音樂生成與長影片剪輯工具

當然這就形成了本次應用設計的第一個 prompt。也因為看見了開源專案有說可以在 Vercel 上面部署這個網頁,所以需求規劃如下:

請幫我設計一個之後會部署在 Vercel 的網頁,然後會循環播放我給予的影片/GIF素材,旁邊會幫我隨機搭配病態可愛地雷系風格的、情緒化傷感各種適合 Suno AI 產出相應音樂的關鍵提示詞,然後能夠選取或者隨機搭配。

下載及串接 https://github.com/gcui-art/suno-api.git 功能,可以自動生成及下載相應提示詞的音樂並且可以編輯歌單,每一首歌曲都會有淡出淡入的部份並且會重疊一部份,最後製作成 45 分鐘至到 1 小時的長影片。

💡 提示:以上內容直接複製即為標準 Prompt!

這樣子應該就能夠因應已有的專案架構,產出符合我自己風格的工具了吧,挺符合我之前的一貫作風的。

但是啊,過程中也會發現提供的提示詞其實並不完全符合我理想中的音樂風格,這邊同樣要 Perplexity 幫我找出大量並且貼切的提示詞,例如說:trap、emotional、glitchcore、j-pop 等等。


文化層次剖析:從 Lofi Girl 的「陪伴經濟」到「慢電視文化」

當然後來發現這個專案探求文化的部分並不單單只有這麼少。開篇的時候還提及到思考 Lofi Girl 當初的獲利原因,網路上查到的一個說法是叫做**「陪伴經濟」**。

Lofi girl的頁面
▲ 圖 3:象徵「陪伴經濟」與「慢電視」殿堂級代表的 Lofi Girl 直播頁面

透過 24 小時不間斷的 Lofi Girl 以及聊天框,溫暖的 lofi 音樂固然是大家喜歡看這個節目的一大原因,但也有另外一個原因:聊天框裡都是同時在觀看這個節目的世界各地不同的人。Lofi 音樂適合大家在獨自工作或者獨自學習的時候當作背景音樂聆聽,但聊天框中與世界各地同時在聽這個節目的人,也會讓聆聽者覺得自己並不完全是孤獨的一個人,符合 lofi 音樂及女孩的格調,才讓這個節目如此出圈。

另外一個是**「慢電視文化(Slow TV)」**。儘管很少人會探討 Lofi Girl 的這件事,但是緩慢的影像動畫變化,有時候也會讓我們在焦躁的當代媒體以及短影片潮流當中,尋找到一絲寧靜,與主流文化形成差異對比,也為尋求著寧靜以及緩慢的觀眾們提供內容,精準打中分眾的痛點。


視覺與音樂的符號連結:Hyperpop 與地雷系(Menhera)的深層心理

但是我們換個角度就會發現:不同的歌單,就會有不同的傾向與文化符碼。

hyperpop playlist 的感覺就截然不同!
▲ 圖 4:風格強烈、色彩高飽和且充滿數位故障美學的 Hyperpop 音樂歌單

例如說 Hyperpop 音樂的歌單(怎麼都是在探求這個東西🤣),不單單需要歌單音樂內容是那種電子樂、有種炸裂並且飽和錯亂的感覺;在視覺上面通常都會用一個高飽和度及色彩鮮艷的網路文化或者動漫風格,並且有錯亂元素的圖像放在影片靜止下來,這似乎也成為了 Hyperpop 音樂歌單的一個固有製作習慣。

那麼這次我們也來探討一下吧~如果是病態可愛地雷系風格的、情緒化傷感的歌單聽眾,需要的是什麼⋯⋯?

有時候我懷疑,就連聽眾也是喜歡病態可愛風格地雷系的人:

  • 具體來說,希望「被堅定的選擇」⋯⋯
  • 對於有一個黏人的女朋友或者男朋友,有理想化及浪漫化的憧憬⋯⋯
  • 偶爾會說出各種認真的但極度危險的對話,來突出對自己情感的深沉⋯⋯
  • 喜歡看著及照顧極度敏感的人⋯⋯
  • (怎麼好像越來越歪了~🤣)

Vibe Coding 實戰二:打造具備人格互動的「地雷系病嬌女友陪伴電台」

但是也難免,有一個滿足條件的虛擬男女友會是這類型聽眾的一個小幻想吧~

所以我們就加了一個電台效果!像極了 Lofi Girl 的聊天框,但這次跟自己聊天的,也只有這個虛擬男女友的影像,以及已經設定好的幾個對白台詞(理論上可以串 AI 啦,但我有點沒有興趣做這件事)。跟隨著已經製作好的歌單,循環播放的影片塑造著像是生動的地雷系男女友,會因為各種按鈕的點擊會有各種對白的浮現,也展現著這類型男女生的敏感與害怕。

後來設計的電台陪伴頁面~
▲ 圖 5:結合番茄鐘、人格互動對白與 emo 氛圍的病態可愛地雷系電台陪伴頁面~

第二個提示詞規劃如下:

製作一個電台畫面,左上角會有時間以及可以切換成倒計時自己可以設定倒計時時間的番茄鐘設定。

畫面會放大變成循環播放的影像畫面,然後播放著已經設定好的歌單。影像可以進行切換,但是都會是地雷或病態可愛風格的男生或者女生。

會因為切換歌曲、點擊畫面、切換計時方法、切換不同人格,從而有不同的句子在下方的聊天框顯示。

💡 提示:以上內容直接複製即為標準 Prompt!


深度反思:文化轉譯與 AI 音樂體驗的重塑

對於「陪伴經濟」,不同的人其實都有不同的需求:有人喜歡的是可愛的性格,有人喜歡的是溫柔的性格,有人喜歡的是依賴的性格。並且不同的音樂也適合用不同的搭配,來營造出陪伴經濟這件事情。確實,音樂也是一個陪伴人們的工具——陪伴我們上車,陪伴我們走在路上。

整體來看,還需要透過對於不同文化的理解,對於某種音樂有更深入的參透。確實,Suno AI 只會適合作為生成音樂的工具,但要把 AI 的音樂應用及塑造成文化的產物,必須要有更多的操作。

比較傳統一點還會包括可能是自己填詞但是 AI 編曲作曲還有唱出來;但是 Vibe Coding 過後加入自己對於文化的深入理解,似乎也能夠讓 AI 音樂的價值獲得更充分的發揮,製作成獨一無二的體驗內容。


📌 本篇重點整理

核心維度 重點摘要
開源探索與自動化管線 透過探索 GitHub 開源專案(gcui-art/suno-api),站在巨人的肩膀上構思將 Suno AI 串接為自動隨機搭配風格 Prompt、淡入淡出接歌,並生成長時數播放清單的影片自動化工具。
陪伴經濟與慢電視洞察 剖析 Lofi Girl 成功的雙核本質——「世界各地同在的陪伴經濟」與在短影音時代提供寧靜的「慢電視文化(Slow TV)」,探討音樂合集如何精準擊中現代人的孤獨與專注需求。
次文化轉譯與視覺符碼 從 Hyperpop 的高飽和數位故障美學,對比到病態可愛地雷系(Menhera / Yandere)對於「被堅定選擇」與極端依賴的深層心理渴望,將音樂風格與視覺符號深度錨定。
Vibe Coding 體驗重塑 不單純停留於音樂生成工具,而是藉由自然語言打造結合番茄鐘、情境影像與性格對白互動的「病嬌女友陪伴電台」,證明透過文化轉譯能賦予 AI 音樂更有溫度的靈魂。


上一篇
Day 20 要碰法律真的有點痛苦呢~但畢竟是作業⋯⋯
下一篇
Day 22 關於「學習」到底可以產生什麼「怪物」出來?
系列文
學生身份如何每天透過Vibe Coding每天做跨領域的創新項目 共 22 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言