筆記本：依片子分組，點時間跳回那一秒
筆記依「平台＋片子」分組，影集會標季、集。點時間按鈕就跳回那一刻：同一部片開著就切過去暫停在那一秒，沒開就開新分頁。心得可以直接改，停止打字約半秒自動存檔。
Chrome 擴充功能
Netflix · YouTube · Disney+
這一秒打動你，
就把它留下來。
看劇有共鳴的那一秒，按下 ⌥⇧N，畫面、秒數、台詞就自動帶進小視窗；寫下心得，按 Enter 存檔，影片繼續播。筆記只存在你的瀏覽器裡。
MIT 授權・目前沒有上架 Chrome 線上應用程式商店，從原始碼安裝。
01 · 怎麼用
三個動作，
留下這一刻。
按 ⌥⇧N，或點「記下這一刻」
在播放頁按快捷鍵；滑鼠一動，頁面上也會浮出「記下這一刻」按鈕。擴充功能先截圖、再暫停影片。
畫面、秒數、台詞自動帶入
小視窗帶入這一刻的截圖、片名與秒數，台詞讀自字幕，也可以自己改。哪一項沒抓到，小視窗會直接列出來。
寫下心得，Enter 存檔
存檔後影片繼續播；Shift+Enter 換行，Esc 取消。心得可以留空，事後再補。中文輸入法選字的 Enter 不算存檔。
02 · 功能
記下來的，都找得回來。
記下的每一則，都收進筆記本（也是擴充功能的選項頁）。回到那一秒、匯出分享、備份還原，都在這裡。
膠卷小格：回看前面的筆記
小視窗上方是這支影片前面記過的筆記，最多兩格、最近的在右邊。點一格就能打開修改，也可以刪掉那一則。
備份、還原，與 14 天提醒
移除擴充功能會連筆記和圖片一起刪掉，所以要備份：「全部備份」下載一個 zip，「從備份還原」讀回來，同一則以較新的為準。筆記本會顯示「上次備份」，超過 14 天用醒目顏色提醒。
匯出：傳給朋友，或寫成文章
勾選筆記後匯出，每一組有「全選」，等於匯出整部片。
LINE 圖卡
PNG，寬 1080 px，可以複製或下載。
網頁檔
單一 HTML，圖片內嵌，離線與手機都能開。
Markdown
notes.md加images/的 zip，當 blog 素材。
03 · 支援平台
三個平台，同一本筆記本。
同一個快捷鍵、同一個小視窗；筆記本裡每一組都有平台小標籤。各平台能做到的不完全一樣，差別如下。
Netflix
netflix.com/watch/…
- 跳回那一刻：從那一秒開始播放。
- 完整截圖被擋時，改用進度條小圖，並標「低解析度」。
YouTube
youtube.com/watch、Shorts
- 台詞讀 YouTube 的 CC 字幕；有裝 Language Reactor 時改讀它的字幕。燒進畫面的字幕讀不到。
- 廣告播放中不能記，廣告結束再按。
Disney+
disneyplus.com/play/…
- 連結帶不了秒數：跳回時擴充功能會叫播放器跳到那一秒並暫停（實測約 5 到 6 秒）。
- 匯出檔裡的連結只會開到那一集。
04 · 隱私
你的筆記，
只在你的電腦裡。
沒有伺服器
筆記和截圖只存在你瀏覽器本機的擴充功能 IndexedDB，不會上傳。
沒有帳號
不用註冊、不用登入，裝好就能用。
沒有追蹤
沒有分析或追蹤程式。備份與匯出都在本機產生檔案下載，不經過任何伺服器。
權限只有這些
- activeTab
- 只在你按過快捷鍵或工具列圖示的那個分頁，放行完整截圖
- storageunlimitedStorage
- 在瀏覽器本機存放筆記、截圖與「上次備份」時間
- www.netflix.comwww.youtube.comwww.disneyplus.com
- 在這三個網站的頁面注入內容腳本
會不會連網？
擴充功能唯一會主動向網路讀資料的地方，都在 Netflix 頁面內、只讀不寫：向 netflix.com 讀這部片的片名資料，以及重新讀取頁面本來就載入過的進度條小圖（畫面的備案來源）。兩者都不含任何筆記內容。YouTube、Disney+ 頁面內沒有任何擴充功能發出的網路請求。
git clone https://github.com/bobo52310/resonnote.git
cd resonnote
pnpm install
pnpm build- 開
chrome://extensions，右上角打開「開發人員模式」。 - 按「載入未封裝項目」，選專案資料夾底下的
.output/chrome-mv3。 - 已經開著的 Netflix、YouTube、Disney+ 分頁，各重新整理一次（內容腳本不會自動注入舊分頁；沒重新整理的分頁，工具列圖示會出現
!徽章）。
快捷鍵
- ⌥⇧N
- 在播放頁：記下這一刻。在其他頁面：開啟筆記本。
- Enter
- 存檔，影片繼續播放。
- Shift+Enter
- 心得換行。
- Esc
- 取消，影片繼續播放，不留筆記。
快捷鍵可以到 chrome://extensions/shortcuts 改。也可以點工具列圖示（先在拼圖選單裡釘選）。
筆記會上傳到哪裡嗎？
不會。筆記（片名、秒數、台詞、心得）和截圖只存在你瀏覽器本機的擴充功能 IndexedDB，沒有伺服器、沒有帳號、沒有分析或追蹤。備份和匯出也都是在本機產生檔案下載。
為什麼第一次用頁面上的按鈕，YouTube 截圖沒有字幕？
完整截圖要靠 Chrome 的 activeTab 權限，而它只在你按過快捷鍵或工具列圖示的那個分頁才放行。在一個分頁第一次就點按鈕，YouTube 會改用影片原畫面（畫質完整，但不含字幕）；在這個分頁按過一次快捷鍵之後，按鈕就截得到含字幕的完整畫面。Netflix 這時改用進度條小圖（標「低解析度」），Disney+ 則沒有圖，小視窗會提示先按一次快捷鍵。
移除擴充功能，筆記會怎樣？
會連筆記和圖片一起刪掉。請定期在筆記本按「全部備份」下載 zip，之後可以用「從備份還原」讀回來。筆記本會顯示「上次備份」，超過 14 天會提醒你。
支援 Firefox、Edge 或 Windows 嗎？
目前只在 macOS 的 Chrome 上實測過，其他系統與瀏覽器沒有測試。
影音網站改版，會不會就不能用了？
有可能。這是依賴各平台頁面內部結構的做法，網站改版就可能壞。設計上哪一項壞掉就只少那一項（例如台詞讀不到就留空，讓你自己打），記錄流程本身不會中斷；這一刻沒抓到什麼，小視窗也會直接列出來。