琳的備忘手札

[個人專案] SoundButtons - 聲音按鈕

發表於 5/01/2021 沒有留言:

SoundButtons - 聲音按鈕
https://sound-buttons.click/

這是一個Vtuber聲音按鈕網站，方便聽你老婆怪叫

此站特色在於獨家的音檔投稿系統，送出表單後能全自動剪輯音訊、產生按鈕。

前端使用Angular；後端以Azure Functions搭配Azure Blob Storage實作，在Github上開源。

Cloudflare Workers入門

發表於 2/06/2021 沒有留言:

去年我曾寫過一支Cloudflare worker，用做Nextcloud的img網域縮址
當時是初探，純粹採用線上編輯器撰寫，功能只是簡單的routing

這幾天我寫了個新的random功能，並趁這個機會把專案做了重構；改寫為TypeScript；切割檔案，以Webpack打包部屬；將可變更的設定值改以環境變數傳遞，增加專案重用性

同時還串上了現在很夯的Github Action，在線上做打包推送去Cloudflare
我也花時間把Worker用的CLI工具──Wrangler摸了一輪，搞定了Worker debug和收log流程

本文預計分為兩篇

Cloudflare Workers入門 ─ 簡介
~~Cloudflare Workers進階 ─ Wrangler簡介和Github Action串接部屬 (還沒寫!)~~

Cloudflare Workers是個還算新的產品，中文教學並不多，謹將我的研究成果小記在此。

[UserScript] Youtube影片截選播放清單 (Youtube Clip Playlist)

發表於 12/19/2020 1 則留言:

前言

此專案已重寫為Chrome擴充功能

這是截選播放清單功能，專門設計來聽Vtuber的歌枠

和看烤肉或剪片相比的優點為

觀看數都會算在VT身上
只要清單化起始/結束時間就完事，比剪片快得多

這是我對於歌回烤肉的程式解

WSL、PowerShell 設定備忘

發表於 12/04/2020 沒有留言:

前言

這篇是寫給自己看的，設定WSL時遇到的幾個坑

[Docker] Youtube直播錄影伺服器建置

發表於 11/24/2020 32 則留言:

前言

本文希望建置起能永久自動運作的Youtube直播備份機
本專案包含三個部份:

youtube-dl-server: 這是一個網頁UI界面，可以手動執行下載
live-dl: 直播中錄播，用來對應版權砲、下播即砍，等等的狀況
backup-dl: 定期封存所有影片，下載Youtube算完影片後較高品質的檔案

此專案目標為「自動化影片備份」，盡量保存最好的影片，若砍檔我還有一份錄播的
記錄下我推的每分每秒

[Docker] Linux主機之Docker安裝和ReveseProxy建置

發表於 11/24/2020 2 則留言:

前言

圖源 https://webapplicationconsultant.com/scalability/nginx-reverse-proxy-for-scalability/

此篇文章由零開始設定Linux主機、安裝Docker，並設定Reversy Proxy

Reverse Proxy(反向代理)，可以比喻為一棟樓的大門管理員
當一個包裏送至管理員，管理員會依照地址將之轉送給後方的住戶
當一個Web Request送至Reverse Proxy，Reverse Proxy會依照URL將之轉送給後方的伺服器
使用docker技術，能在同一台機器上配置多個伺服器，且不會互相干擾

此套ReverseProxy可在docker compose up時建立路由，自動申請及Renew SSL證書
我個人的所有網路服務都是配合此套ReverseProxy做建置，特撰此文以做前導