Post
2026年2月2日 下午01:46
歡迎所有互動

好像沒有說過,這邊記錄一下也當作正式公告。

Mosir上傳影片時使用的音訊軌格式是 AAC-LC 192kbps,比起純聲音的AAC-LC 512kbps音質會稍微差一點點。

還沒有人留言。想成為第一個嗎?
Mosir 開發筆記14 篇文章
歡迎所有互動

照片裁切的數學

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

不花時間寫下來我怕會忘

歡迎所有互動

突然想到沒有公開過,這個是隨機emoji大頭貼的完整列表:

😀😃😄😊😁😍😇🥰🤗🥳🤠😺🥹😮‍💨🥲😯😲🫥🫨🥵🥶🥴😬🫠😶‍🌫️😶🐶🐱🐭🐰🦊🐻🦁🐼🦄🐷🐵🐸🐧🐤🐮🐯🦉🐨🦥🦦🦫🦨🦢🐔🐦🦜🦋🐝🦀🦑🐙🐬🐳🐢🦓🦒🦔🐹🦝🦎🐍🦚🦩🐑🐐🐎🦙🐫🦘🐘🦛🦏🐊🐅🐆🦌🍎🍌🍉🍞🍔🍕🍰🍇🍒🥑🍩🍿🍪🎃🥇🏆📚💡🕶️🎈🎲🧸🪁🧊🪐🏵️🌺🌴🍂🍁🌙⭐⚡🪨🏔️🏖️🛁🛏️🪆🧺🪴🧭🧱🪣🪜⏰🕰️🧯🪞🪟🚪🛎️🪑🛋️🕯️🗿🪅🪩🌞🌝🌻🌲🌵🌼🌷🌈🪻🪷🌑💎

補充一下挑選Emoji字體的方式以及rule out某些字體的原因。

Survey階段的條件是:

  1. 至少支援到Emoji v15。
  2. 提供向量圖檔,字體更好,並且能夠有效支援各瀏覽器。
  3. Open Source。
  4. 有動畫版本方案(nice to have)

列出來之後選擇就不多了:

Noto Color Emoji

  • ✅支援到Emoji v17
  • ✅有向量字體
  • ✅有動畫版本
  • ❓風格看起來不是很舒適,那個超橢圓⋯⋯跟文字一起排列有嚴重不協調感
  • ❌標準字體檔案(COLRv1)不支援Safari,SVG fallback非常肥
  • ❌漸層設計不可能輸出COLRv0,Safari無法有效使用

OpenMoji

  • ✅支援到Em...
...顯示更多 (483 字)
歡迎所有互動

因為某些原因想記錄一下mosir目前的圖片載入機制。

mosir的圖片載入有三個階段:

  1. 模糊迷你圖(28 Bytes純文字):用BlurHash產生的模糊版本,把圖片壓縮到極致放進網址本身,瀏覽器在知道網址的瞬間就載入完成。
  2. 縮圖(平均80KB AVIF):圖片縮小到1,000x1,000的小圖,用來在點開大圖前顯示,可以提供HiDPI 2x左右的裝置看不到像素鋸齒(極保守估計,實際上我的3x裝置還沒看到過肉眼可見的鋸齒)。有線網路大約0.01~0.02秒內可以載完。
  3. 大圖(平均700KB AVIF):最接近原圖的版本,解析度8,192x8,192以內。在點開大圖之後才會載入,有線網路載入需要約0.1~0.2秒。

BlurHash稍微有點爭議,生成的模糊圖效果也不算理想,但我自己是覺得視覺效果還是比Skeleton好一點。

AVIF是好東西,日常圖片通常可以壓縮到WebP的50%,png的5%。

拜託寫圖片上傳服務的各位大大不要再輸出成WebP了那個又慢又肥又吃瀏覽器CPU拜託