關於多媒體檔案處理 pipeline 的一些事情

圖片／影片上傳是大多數服務都會需要的功能，但處理多媒體檔案的架構其實是蠻麻煩的事情。

架構一：收到檔案之後直接拿來用

如果伺服器在收到檔案之後直接拿來使用當然是最快也最輕鬆的。如果經營的是雲端硬碟那好像也沒什麼問題。但如果是要分享給他人的東西⋯⋯：

1. 使用者上傳的檔案多半都很大：一般手機拍攝的照片大約在 2~4MB 不等，影片可以到 512MB~1GB。網路流量費用跟儲存費用都會相當可觀。
2. 不同系統對格式的支援不同：分享圖片或影片的最大原因還是希望讓其他人看。可惜現在已經不是以前那個只有 jpeg 的時代了，A 拍攝的照片用 B 的手機不一定能看，...

Lightbox Refactor（圖片／影片瀏覽器重構）

這次重構前列下的目標有：

• 解決部分使用者不習慣滑鼠點擊黑邊不能關閉 Lightbox 的不方便
• 改善狀態切換動畫流暢度
• 現有三層架構（Carousel、Interaction Detection、Video Control Overlay）跟泛型（Carousel<T>, T ∈ Default, Editor）過度複雜問題
• 修好 pinch 手勢放大圖片時錯誤使用畫面中心點作為參考點的問題

實際跳下去之後才發現問題比想像中麻煩：

• Lightbox 狀態管理太過複雜，常有兩到三層以上的 props 傳遞
• 既有 Flex/Grid bo...

照片裁切的數學

前幾天上線的照片裁切功能其實隱藏了蠻多幾何學。

不花時間寫下來我怕會忘