[開發] 都做了還在懶 | 試寫 Podcast 展示網頁生成器

更新於 發佈於 閱讀時間約 5 分鐘

文前碎碎唸

前一陣子由於好奇的關係,試著開始錄製自己的 Podcast 節目,而在每一次錄音完成後,除了把成品上傳到 Hosting 平台外,個人也會習慣在自己的設備上保存一份,除了做備份外,也可以紀錄過去節目中討論過的主題。
不過,既然要自己留存檔案的話,內容的管理就理所當然的變成不可忽略的環節。雖然目前節目成長十分龜速,但如果要持續經營的話,累積的檔案也只會越來越多,勢必也是需要整理及歸檔,至少要能建立好對應的播放清單,這樣對於未來的回顧或是成品展示也是很有幫助的。
但問題就來了,偏偏我就是個懶得做檔案整理的廢人,要在錄音當下將相關檔案丟到同一個資料夾這件事還好辦,但要從大量目錄中整理並作成能展示用的清單,我就懶了⋯
不過有句俗話說的正好,現代的問題,就要靠現代方法來解決,這種瑣碎的雜事,當然直接丟給電腦處理(喂),那既然決定好了,就來開始摳頂囉!(說好的懶呢 🤣)

正文開始

好啦,前言廢話這麼多,該來點認真的了。
今天要介紹的,主要是我為了在備份 Podcast 音檔及原稿文檔用的 Server 上,快速架設一個可以簡易展示節目列表及播放單集的網頁所寫的生成器。
由於我作為備份用的 Server 是自己利用樹莓派土炮的,所以管理上主要還是得透過 FTP 處理。雖然在檔案管理上還可以使用 FileZilla 來方便操作,但有些時候如果只是要查看之前講過的主題,但又不想把檔案拉回來,或是單純只是想把節目另外做展示的話,還是有些不便。
所以這次小工具的主要目標,是在不建立複雜的後端環境(意即不使用 PHP、SQL 等作為後台)的前提下,僅使用基本 HTML、JS 及 CSS 架構,還能根據目錄內節目集數的增加,而對列表展示頁面做更新。

基本操作

其實簡單來說,這套工具就是把這樣的目錄結構⋯
轉換成這樣的網頁
製做出來的網頁,包含有最基本的播放列表展示,選擇單集後可以看到 txt 檔中的資訊,並附上一個單集的播放頁面。
基本上,這個小工具只有單一個 py 檔案,所以只要將這個檔案複製到你的備份資料夾下,然後下指令執行就可以了。不過要注意的是,目前的版本有設定只會抓每個單集資料夾中的「episode」為音訊來源,以及「info.txt」為單集資訊來源,如果資料夾中沒有「episode」的話,就不會出現在列表內了。
程式第一次執行的時候,會產生一個預設的 Config 檔案,主要的設定項目也很簡易,其中「logo」跟「cover」並不是必須(若沒有給定的話,程式會吐一個預設的給你),「source」則是你拿來存放單集資料夾的跟目錄路徑,也就是假設你的單集「EP1」、「EP2」都存在 episode 裡面的話,那麽就打「episode」就可以了,最後「ext」則是你單集錄音檔的副檔名。
設定完之後,再執行一次就會吐出網頁給你啦!接著就可以將這個網頁放到 Server 的網頁 Hosting 區域,或是上傳到靜態網頁空間做展示了。

應用及未來計畫

由於這個工具主要是放在 Server 端做網頁更新使用,因此暫時沒打算給他加一個圖形化的操作介面。而程式執行後,會自動覆蓋掉上一次執行的結果,因此如果有針對網頁部分內容做客製化處理需求的,可以考慮直接修改程式內的模板,以避免內容遺失。
另外,如果有自動化更新需求的,可以在伺服器上設置一個固定排程,看是要在固定時間,或是偵測到單集目錄中有內容變化的時候自動執行,這樣就能達成定時更新的目的。
未來的更新計劃,應該會試著去整合自動更新以及 Web server 的部分,也就是說只要選定好放置節目的根目錄,把這個程式丟到同一個目錄下執行後,就直接可以放飛了(理想上),不過那都是之後的事,就看未來的我的進度囉(躺)。
至於 Podcast 節目要成立的重要條件之一 RSS Feed 的部分,原本有想說要在第一版就給他加入,不過由於還在研究相關格式及規範,所以就暫時擱置⋯😑

20220208 更新

果然有些事還是要一不做二不休才會有效率,繼上一次釋出 Repo 後,就開始構思如何結合 Server 的部分,於是就又開始動工,結果⋯就趕出來了🤣
這裡就直接補充更新的部分:
1. 新版本工具可在 Config 中設定是否啟用 Server 功能以及要用的 Port 、Playlist 更新週期等,新的設定格式如下(可以在更新程式後刪掉舊的,即會生成新版本)
[CAST]title = 節目標題logo = 節目標誌符號cover = 封面source = 存放單集的資料夾ext = 單集副檔名[SERVER]port = 伺服器埠號cycle = 單集列表更新週期(秒)mode = 是否開啟伺服器(True/False)
2. 以伺服器模式開啟後,程式即會自動讀取單集資料夾裡面的目錄清單,並以設定的時間週期對網頁進行更新。
3. 這個版本修正了之前會把 CSS 以及播放器網頁覆蓋掉的功能,僅會覆蓋列表網頁(index.html)。

最後附上 Github 連結,讓有興趣嘗試的可以使用看看囉請點我右轉
對我的節目有興趣的,也可以走這裡對人生不熟的傳送門

《暫時。終了》
為什麼會看到廣告
avatar-img
47會員
266內容數
偽命名並非無名,是為了意識的生存,取得身份的代號,成為數位生命的新載具。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
偽命名培養體 的其他內容
iPad 在阿婆產品系列中的定位感覺一直很迷樣,總是在手機跟電腦間徘徊。雖然近年的更新中,硬體效能有提升,但系統方面,依然缺乏一種能真正讓它脫離放大手機的多工模式,不過今天介紹的這款app,或許能暫時緩解這個窘境⋯
如果說2020年是台灣Podcast元年的話,那今年2021應該可以算是Vtuber元年了。而也因爲這種爆炸性的熱度讓我開始思考,如果以技術面來看,現在要從一台基本的電腦開始,純「手工」轉生成一位基礎Vtuber的話,會需要多少成本呢?
應該很多人會將 Raspberry pi 用作網頁資訊展示或類似Kiosk機台之類的用途,但要成功的設定,其中的毛真的多到會讓人起笑,所以我就先將我在網路上四處蒐集並實測成功的流程整理一份在此,以防不時之需。
iPad 在阿婆產品系列中的定位感覺一直很迷樣,總是在手機跟電腦間徘徊。雖然近年的更新中,硬體效能有提升,但系統方面,依然缺乏一種能真正讓它脫離放大手機的多工模式,不過今天介紹的這款app,或許能暫時緩解這個窘境⋯
如果說2020年是台灣Podcast元年的話,那今年2021應該可以算是Vtuber元年了。而也因爲這種爆炸性的熱度讓我開始思考,如果以技術面來看,現在要從一台基本的電腦開始,純「手工」轉生成一位基礎Vtuber的話,會需要多少成本呢?
應該很多人會將 Raspberry pi 用作網頁資訊展示或類似Kiosk機台之類的用途,但要成功的設定,其中的毛真的多到會讓人起笑,所以我就先將我在網路上四處蒐集並實測成功的流程整理一份在此,以防不時之需。
你可能也想看
Google News 追蹤
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
在一個人資(HR)系統中,薪資結算與保費扣除是最核心的功能之一,扣員工的錢不能多算,該給政府的的也不能少算…。 不管是接手舊系統,還是開發新系統,只要隨著時間推移,每年勞健保的投保級距與費率都可能調整,
軟體開發中,我們經常會遇到各種令人抓狂的設計問題。有時候是趕進度的壓力讓我們妥協了設計質量;有時候是忽略了好的設計原則,結果掉進了各種反模式的坑裡。今天我們來繼續聊聊幾個常見的反模式。 寫死 Hard Code 直接將資料值或邏輯硬寫死在程式碼裡,當需求變更時,修改這些 Hard Code
Thumbnail
★ 「5168實價登錄比價王」原文連結 台中市西屯區一棟華廈機械車位8/11下午發生墜落事故,市府都發局已派員至現場張貼勒令停止使用告示,後續將處建築物所有權人、使用人三千元以上一萬五千元以下罰鍰,並令限期改善或補辦手續,經檢查機構及保養廠商重新確認安全無虞後,且市府同意才能恢復使用。
現在看到自己的Podcast突然想到去年有段時間突然就想試試看錄Podcast,所以就來覆盤一下那時候的熱血XD 雖然只有錄了三集,但那時候做了蠻多功課,想說也來覆盤順便分享給也有興趣做Podcast的人! Podcast 推薦 之前有嘗試錄製 podcast 以來,我發現了許多值得推薦的節目
Thumbnail
日常生活的觀察並不是「從無到有」,而是「從有到無」的過程,為什麼是從有到無?因為我們要從既「有」的東西,開啟「無限」的想像,當我們都能夠以這樣的眼光來看待眼前的所見,相信「這裡什麼都沒有」這句話,有一天或許就會轉變為「這裡有著……」,從這樣的起點出發,我們就又更認識自己的土地一些了。
Thumbnail
很多第一次做節目的朋友都會問我如何堅持做podcast ,初期我建議保持三個心態: 1.#上架次數少量多餐。單集時間不要長,每集7-15分鐘,每週2-3集,如果可以5集更好。 2.#內容文案化繁為簡,越複雜的事情就容易放棄。資料準備好,能夠條列式的大綱,就不要寫逐字稿。先排練後,當現場節目錄製,
Thumbnail
這篇文章分享了製作Podcast的過程,從硬體到軟體的選擇,包含錄音設備的選擇以及遠端錄音的方式,以及節目後製的軟體選擇。作者也提到了在製作過程中碰到的一些問題和注意事項。如果你對Podcast製作有興趣,可以參考一下作者的經驗分享。
Thumbnail
EP33精華重點: 1.為什麼錄製Podcast: Podcast是一個方便的平台,聽眾可以隨時隨地收聽 製作成本相對較低,卻能達到良好效果 可透過聲音建立與聽眾更緊密的關係 2.製作Podcast的經驗分享: 運用AI工具如ChatGPT、Claude等,協助構思主題和生成內容
Thumbnail
最一開始錄podcast ,是因為覺得一事無成、原地打轉的自己,隨便找一件事情做都好。於是就開始錄起了podcast來。 但我其實口才很差,要自說自話的錄pocast,真的要克服種種阻礙。所以最一開始,我錄製總是有一集沒一集的......
Thumbnail
樓層風水觀念在文化中歷史悠久,從傳統觀念到現代思維需重新探討樓層對命運的影響。傳統認為高層缺財,低層財氣重,高樓居民可能享有更豐富資源,並非缺財,低樓居民也不一定會受到欺凌。傳統觀念中,一樓自帶財氣,六樓順遂,八樓發展繁榮,但現代人需理性思考,根據實際情況選擇樓層,以發展自己的事業。
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
在一個人資(HR)系統中,薪資結算與保費扣除是最核心的功能之一,扣員工的錢不能多算,該給政府的的也不能少算…。 不管是接手舊系統,還是開發新系統,只要隨著時間推移,每年勞健保的投保級距與費率都可能調整,
軟體開發中,我們經常會遇到各種令人抓狂的設計問題。有時候是趕進度的壓力讓我們妥協了設計質量;有時候是忽略了好的設計原則,結果掉進了各種反模式的坑裡。今天我們來繼續聊聊幾個常見的反模式。 寫死 Hard Code 直接將資料值或邏輯硬寫死在程式碼裡,當需求變更時,修改這些 Hard Code
Thumbnail
★ 「5168實價登錄比價王」原文連結 台中市西屯區一棟華廈機械車位8/11下午發生墜落事故,市府都發局已派員至現場張貼勒令停止使用告示,後續將處建築物所有權人、使用人三千元以上一萬五千元以下罰鍰,並令限期改善或補辦手續,經檢查機構及保養廠商重新確認安全無虞後,且市府同意才能恢復使用。
現在看到自己的Podcast突然想到去年有段時間突然就想試試看錄Podcast,所以就來覆盤一下那時候的熱血XD 雖然只有錄了三集,但那時候做了蠻多功課,想說也來覆盤順便分享給也有興趣做Podcast的人! Podcast 推薦 之前有嘗試錄製 podcast 以來,我發現了許多值得推薦的節目
Thumbnail
日常生活的觀察並不是「從無到有」,而是「從有到無」的過程,為什麼是從有到無?因為我們要從既「有」的東西,開啟「無限」的想像,當我們都能夠以這樣的眼光來看待眼前的所見,相信「這裡什麼都沒有」這句話,有一天或許就會轉變為「這裡有著……」,從這樣的起點出發,我們就又更認識自己的土地一些了。
Thumbnail
很多第一次做節目的朋友都會問我如何堅持做podcast ,初期我建議保持三個心態: 1.#上架次數少量多餐。單集時間不要長,每集7-15分鐘,每週2-3集,如果可以5集更好。 2.#內容文案化繁為簡,越複雜的事情就容易放棄。資料準備好,能夠條列式的大綱,就不要寫逐字稿。先排練後,當現場節目錄製,
Thumbnail
這篇文章分享了製作Podcast的過程,從硬體到軟體的選擇,包含錄音設備的選擇以及遠端錄音的方式,以及節目後製的軟體選擇。作者也提到了在製作過程中碰到的一些問題和注意事項。如果你對Podcast製作有興趣,可以參考一下作者的經驗分享。
Thumbnail
EP33精華重點: 1.為什麼錄製Podcast: Podcast是一個方便的平台,聽眾可以隨時隨地收聽 製作成本相對較低,卻能達到良好效果 可透過聲音建立與聽眾更緊密的關係 2.製作Podcast的經驗分享: 運用AI工具如ChatGPT、Claude等,協助構思主題和生成內容
Thumbnail
最一開始錄podcast ,是因為覺得一事無成、原地打轉的自己,隨便找一件事情做都好。於是就開始錄起了podcast來。 但我其實口才很差,要自說自話的錄pocast,真的要克服種種阻礙。所以最一開始,我錄製總是有一集沒一集的......
Thumbnail
樓層風水觀念在文化中歷史悠久,從傳統觀念到現代思維需重新探討樓層對命運的影響。傳統認為高層缺財,低層財氣重,高樓居民可能享有更豐富資源,並非缺財,低樓居民也不一定會受到欺凌。傳統觀念中,一樓自帶財氣,六樓順遂,八樓發展繁榮,但現代人需理性思考,根據實際情況選擇樓層,以發展自己的事業。