Works / Web App← 回到作品集
毛孩聲音收藏館圖示

Pet Sound Archive · 2026

毛孩聲音收藏館

Pet Sound Archive

把熟悉的聲音,收藏成永遠的日常。

呼嚕、腳步、喝水、撒嬌。一個為毛孩聲音設計的私人收藏館,每段聲音都會變成一卷專屬卡匣。

四卷聲音卡匣:幾何色塊、聲紋與腳印封面
每段聲音,都是一卷專屬卡匣

How it works

一段聲音,在這裡會經過六個地方

從按下錄音鍵開始,牠的聲音被收下、做成卡匣、長成年輪,被放大細聽、串成合輯,最後安全地放進保險箱。

錄製台畫面

01收下 Record

先把聲音收下來

直接按下錄音鍵,或上傳手機裡的影片、音檔。拖曳選出想留下的片段,取個名字,選是哪一位毛孩。

  • 錄音或上傳影片
  • 裁出需要的片段
  • 記下日期與小故事
卡匣陳列畫面

02收藏 Collect

每段聲音,都是一卷卡匣

封面可以放照片或聲紋,波紋配色、外殼顏色都能自己挑。收進收藏櫃後,用卡匣陳列或木抽屜瀏覽;每隻毛孩還有一枚專屬的館藏印章。

  • 照片/聲紋封面
  • 七種外殼顏色
  • 館藏印章
  • 匯出圖片與有聲影片
聲音年輪畫面

03回看 Revisit

看牠的聲音慢慢長大

同一段時間裡收下的聲音,可以用兩種方式回頭看:

聲音年輪
一段聲音長一圈,由內而外記錄成長,點任一圈就能播放。
時光軸
依年份排成一條線,填上生日會標出錄下時牠幾歲,也能從第一段依序播放到最新。
  • 聲音年輪
  • 時光軸
  • 年輪分享圖
聲音顯微鏡畫面

04細聽 Listen closely

把一聲「汪」攤開來聽

聲音顯微鏡把真實錄音拆成頻譜與波形,兩者共用時間軸、同步播放。可以放大時間、切換頻率範圍,框選一小段循環慢速試聽,聽見平常一閃而過的細節。

  • 頻譜與波形同步
  • 框選循環、慢速播放
  • 七種色階
  • 輸出觀察圖

顯微鏡只供觀察與留念,不判斷健康或情緒。

拼貼工作室畫面

05重組 Remix

把幾段聲音,串成一首小合輯

在拼貼工作室挑幾段收藏(最多 8 段),用上下箭頭排好順序,設定淡入淡出與段落間隔,先試聽,再輸出成一個 WAV 檔。生日、紀念日,或只是想把一整年的呼嚕聲放在一起聽。

  • 最多 8 段
  • 調整播放順序
  • 淡入淡出、段落間隔
  • 試聽後輸出 WAV
保險箱畫面

06保存 Keep

這些聲音只屬於你和牠

沒有帳號、沒有伺服器,錄音與照片只存在你自己的裝置裡。一鍵產生完整備份檔,存到 Google 雲端硬碟或 iCloud,換手機也能完整搬回來。

  • 不收集任何資料
  • 一般 ZIP 備份
  • 可加到主畫面
手機版畫面
Making of

我從一隻捲毛小狗開始,你呢?

照片很多,聲音卻很少被好好留下。這個網站把「聲音」當成收藏品來設計:卡匣、木抽屜、年輪與印章,讓每一段平凡的日常聲音都有自己的位置。整個網站是單一個網頁檔案,手機也能加到主畫面當 App 使用。

HTML / CSS / JavaScriptWeb Audio APICanvasIndexedDBPWAGitHub Pages

替牠留下一段聲音吧

免註冊、免安裝,打開就能用。