Step 1
錄下或上傳
直接錄音，或上傳手機裡的影片、音檔。裁好片段、取個名字，選是哪一位毛孩。
01
四個步驟，收好一段聲音
Step 2
收進收藏櫃
每段聲音都是一卷卡匣：封面照片、波紋配色、外殼顏色都能自己挑，也能用木抽屜瀏覽。
Step 3
長成聲音年輪
一段聲音長一圈，由內而外記錄成長；時光軸標出錄下時牠幾歲，點一下就能聽。
Step 4
放進保險箱
一鍵產生完整備份檔，存到 Google 雲端硬碟或 iCloud。換手機時，用備份就能完整搬回來。
02
更多收藏的方式
◐
聲音卡匣
照片、聲紋與標籤印在同一卷卡匣上，可匯出圖片或有聲影片分享。
◎
聲音年輪
收藏越多年輪越厚；超過 36 段自動改成一年一圈，可輸出正方形分享圖。
┆
時光軸
依年份排列，填上生日就會標出年紀，還能從第一段依序播放到最新。
⌕
聲音顯微鏡
頻譜與波形同步對照，放大、框選、循環慢速試聽，聽見平常聽不到的細節。
✂
拼貼工作室
挑幾段聲音排好順序、加上淡入淡出，串成一首小合輯。
✿
館藏印章
每隻毛孩一枚斑駁的專屬印章，蓋在牠所有的卡匣上。
03
聲音顯微鏡
把一聲「汪」攤開來看。
上方是由真實錄音計算的頻譜，越亮代表那個頻率越響；下方是同一段時間的波形，兩者共用時間座標、同步播放。
- 放大時間1×–8×，或直接框選一小段放大
- 頻率範圍全頻、低頻、中頻、高頻切換
- 片段循環搭配慢速播放，可保持音高
- 七種色階加上自訂顏色，可調動態範圍與對比
- 輸出 PNG附時間、頻率範圍與標本資訊
僅供觀察與留念，不判斷健康或情緒。
「這些聲音只屬於你和牠。」
- 不收集任何資料。沒有帳號、沒有伺服器，錄音與照片只存在你自己的裝置裡。
- 可以離開，也能帶走。備份檔是一般的 ZIP，裡面就是原始音檔與照片。
- 不做判讀。情緒標籤由你來選；聲音顯微鏡只用來觀察，不判斷健康或情緒。
04 · Making of
從一隻捲毛小狗的呼嚕聲開始
照片很多，聲音卻很少被好好留下。這個網站把「聲音」當成收藏品來設計：卡匣、木抽屜、年輪與印章，讓每一段平凡的日常聲音都有自己的位置。整個網站是單一個網頁檔案，手機也能加到主畫面當 App 使用。
HTML / CSS / JavaScriptWeb Audio APICanvasIndexedDBPWAGitHub Pages