次世代 Hugo

自動均分所有 Column

實務上會遇到某些 Column 會指定寬度，但剩下 Column 則自動 均分 剩餘寬度，可使用 flex-grow 或 flex 實現。

2024-05-26

もっと読む

實作字幕動態向上捲動

當字幕不斷動態地增加時，字幕會向上捲動，需使用一些 JavaScript 與 CSS 技巧才能實現。

2024-05-26

もっと読む

使用 JSON 檔案儲存自訂資料

除了將自訂的資料放在 hugo.json 外，也能將 .json 檔案放在 data 目錄下。

2024-04-29

もっと読む

如何將 Object Array 轉 CSV 並下載 ?

雖然可以從 Server 端直接處理 CSV 下載，但若 CSV 內必須處理多國語言，則必須將 Object Array 先下載到 Browser，然後再轉成 CSV 下載。

2024-04-23

もっと読む

Archetype 簡介

Archetype 是建立 markdown 檔案的 template，我們能在 Archetype 中使用 Page Variable。

2024-04-17

もっと読む

resources 目錄簡介

resources 目錄並不是一開始就有，而是當下了 hugo server 才會建立，我應該手動刪除此目錄嗎？

2024-04-08

もっと読む

使用 AnalyserNode 偵測是否在講話

透過 Audio API 的 analyser，我們可取得聲音在頻域的平均值，可設定 threshold 判斷是否為 人聲。

2024-02-09

もっと読む

從麥克風取得 WAV 格式檔案

Web API 內建的 MediaRecorder 並無法將麥克風的聲音儲存成 WAV 格式檔案，而 extendable-media-recorder 提供與 MediaRecorder 相同的 interface，但可支援 WAV 格式。

2024-02-09

もっと読む

從麥克風取得 PCM 格式檔案

Web API 內建的 MediaRecorder 並無法將麥克風的聲音儲存成 PCM 格式檔案，而 extendable-media-recorder 提供與 MediaRecorder 相同的 interface，但可支援 PCM 格式。

2024-02-09

もっと読む

從麥克風每次取得固定 SIZE 的 PCM 格式檔案

Web API 內建的 MediaRecorder 並無法將麥克風的聲音儲存成 PCM 格式檔案，而 extendable-media-recorder 提供與 MediaRecorder 相同的 interface，但可支援 PCM 格式，透過精確控制 start() 的時間，可取得固定 Size 的 Chunk。

2024-02-09

もっと読む