Giới thiệu Snapzy 2.0: Thiết kế Liquid Glass, Video Editor đa clip và Camera Overlay

Khi bắt đầu xây dựng Snapzy, mục tiêu của chúng tôi rất đơn giản: giúp việc chụp màn hình và ghi lại video nhanh trên macOS trở nên tốc độ, bảo mật và mượt mà nhất có thể. Không bắt đăng ký tài khoản, không theo dõi dữ liệu (telemetry), và không thu phí định kỳ $30 mỗi năm chỉ cho các tiện ích cơ bản.

Trong vài tháng qua, Snapzy đã phát triển từ một công cụ chụp ảnh đơn giản thành bạn đồng hành mỗi ngày của nhiều lập trình viên, nhà thiết kế và các nhóm làm việc từ xa. Nhưng khi chúng tôi tích hợp thêm tính năng phóng to tự động theo chuột, nhận diện cửa sổ thông minh và ghi âm đa luồng, những khuôn mẫu giao diện cũ bắt đầu chạm giới hạn: Timeline video chỉ là một dải filmstrip đơn điệu, cắt video làm mất dữ liệu gốc, và các bảng điều khiển trong suốt thường bị chìm chữ khi đặt trên hình nền sáng.

Hôm nay, chúng tôi chính thức phát hành Snapzy 2.0. Đây là bản cập nhật lớn nhất từ trước tới nay:

Hệ thống thiết kế Liquid Glass: Tích hợp Liquid Glass gốc của Apple trên macOS 26+ cùng mô hình quang học 4 lớp dành riêng cho macOS 13–15.
Tái thiết kế Video Editor: Timeline đa clip hỗ trợ cắt ghép (split), sắp xếp lại thứ tự, xóa dồn tự động (ripple delete) và chèn video ngoài.
Session Persistence không phá hủy: Mở lại video đã xuất sau vài tuần mà vẫn giữ nguyên các vết cắt, khung zoom và hình nền để tiếp tục chỉnh sửa.
Camera Overlay (Webcam): Khung webcam nổi Picture-in-Picture tùy biến hình dạng, kích thước và hỗ trợ lật gương.
Chụp hẹn giờ (Delayed Capture): Đếm ngược thời gian để chụp lại menu dropdown, tooltip và các trạng thái hover khó bắt.
Quay toàn màn hình một chạm: Nhấn Enter hoặc nhấp bất kỳ đâu để ghi hình toàn bộ màn hình ngay lập tức.

Dưới đây là chi tiết những nâng cấp đáng giá trong bản cập nhật này.

1. Liquid Glass: Độ trong suốt hiện đại, không sợ chìm chữ

Hiệu ứng trong suốt trên macOS luôn là bài toán khó giải. Các vật liệu mặc định của AppKit và SwiftUI như .ultraThinMaterial chỉ lấy mẫu màu sắc ngay phía sau cửa sổ. Nếu đặt bảng điều khiển trên hình nền tối thì trông khá đẹp, nhưng khi rê qua một tab trình duyệt trắng hoặc hình nền rực sáng, độ tương phản lập tức biến mất: chữ mờ đi, viền nhòe và khả năng tiếp cận (accessibility) bị ảnh hưởng nghiêm trọng.

Ở Snapzy 2.0, chúng tôi xây dựng một kiến trúc hiển thị đường đôi (dual-path) dựa trên mô hình phối lớp quang học:

┌────────────────────────────────────────────────────────┐
│ 1. Viền phản xạ ánh sáng (Specular Hairline 0.5 pt)   │
│    • Dải gradient chéo phản chiếu ánh sáng tự nhiên    │
├────────────────────────────────────────────────────────┤
│ 2. Nội dung tương tác tiền cảnh                        │
│    • Chữ, SF Symbols, huy hiệu phím bấm keycap         │
├────────────────────────────────────────────────────────┤
│ 3. Lớp khúc xạ quang học                               │
│    • macOS 26+: Native .glassEffect()                 │
│    • macOS 13–15: NSVisualEffectView / gradient sheen  │
├────────────────────────────────────────────────────────┤
│ 4. Lớp nền tương thích (Adaptive Substrate)            │
│    • Đảm bảo độ tương phản an toàn (> 4.5:1)          │
└────────────────────────────────────────────────────────┘

Liquid Glass gốc trên macOS 26+

Trên macOS 26 trở lên, Snapzy sử dụng trực tiếp các API Liquid Glass chính thức của Apple (.glassEffect(.regular.interactive()), GlassEffectContainer, và .glassEffectID()). Các nút cạnh nhau tự động hợp nhất quang học, ánh sáng khúc xạ qua mép kính theo thời gian thực và vật liệu biến đổi mượt mà khi bạn di chuột hoặc nhấp chọn.

Mô hình quang học 4 lớp cho macOS 13–15

Chúng tôi không muốn người dùng macOS Ventura, Sonoma và Sequoia phải nhìn những khối chữ nhật phẳng lì thô kệch. Đối với macOS 13–15, Snapzy kết xuất một lớp composite quang học 4 tầng:

Adaptive Substrate: Lớp nền tự động thích ứng với giao diện (tối hơn ở Dark Aqua, mềm mại ở Light Aqua), đảm bảo độ tương phản chuẩn WCAG AAA (> 4.5:1) trên mọi loại hình nền.
Refraction Pass: Nền HUD NSVisualEffectView tối ưu hiệu năng cùng dải sáng bóng mờ (sheen gradient) cho các nút con lồng bên trong.
Body Tint & Wash: Hệ thống màu mực (ink tokens) thông minh giúp làm nổi bật nút bấm mà không làm bết màu kính.
Specular Hairline Border: Đường viền khép kín mảnh 0.5pt với dải gradient chéo (trắng 16% → trắng 4%) mô phỏng ánh sáng môi trường chiếu vào mép kính vát.

Ngôn ngữ thiết kế này hiện diện xuyên suốt: thanh công cụ Annotate, thanh thuộc tính nhanh, bảng nổi Lịch sử (History) và giao diện HUD chụp cuộn trang (Scrolling Capture).

Nếu bạn thích khám phá giao diện, hãy mở Snapzy Design Studio trong menu Debug để xem trước vật liệu và tinh chỉnh các thông số kính trực tiếp trên nhiều hình nền mẫu.

2. Bộ biên tập video thực thụ: Timeline đa clip & Chỉnh sửa không phá hủy

Trước đây, tính năng chỉnh sửa video trong Snapzy chỉ là một thanh cắt gọn đơn giản: kéo hai đầu mút, chọn tỷ lệ khung hình rồi lưu.

Snapzy 2.0 biến trình biên tập video thành một không gian làm việc chuyên nghiệp, được tối ưu riêng cho video demo sản phẩm, báo cáo lỗi và hướng dẫn kỹ thuật.

Snapzy 2.0 Video Editor

Timeline chuỗi clip đa đoạn (Multi-Clip Sequence)

Dải filmstrip một chiều trước kia đã được thay thế bằng một chuỗi clip linh hoạt:

Cắt clip ở bất kỳ đâu: Nhấn S hoặc chọn biểu tượng cây kéo để chia đoạn video ngay tại vị trí đầu phát (playhead).
Kéo thả sắp xếp lại đoạn (Ripple Snap): Kéo di chuyển bất kỳ đoạn clip nào trên timeline. Các khoảng trống tự động dồn lại, triệt tiêu hoàn toàn nguy cơ xuất hiện khung hình đen khi xuất file.
Trim không phá hủy (Non-Destructive Trimming): Mỗi clip luôn giữ trọn vẹn độ dài gốc của tệp quay. Khi kéo chốt vàng để cắt bớt, phần video bị loại chỉ mờ đi chứ không mất. Nếu cần lấy lại 2 giây đầu, bạn chỉ việc kéo chốt ngược ra ngoài.
Chèn thêm video từ bên ngoài: Nhấn biểu tượng + trên timeline để thêm các file MP4 hoặc MOV vào chuỗi video sẵn có.
Xóa dồn đoạn (Ripple Delete): Chọn đoạn thừa và bấm ⌫ (Delete). Toàn bộ video phía sau sẽ tự động trượt sang trái.

Ba hệ toạ độ thời gian độc lập

Một bài toán kiến trúc hóc búa trong các trình dựng phim là vị trí của các hiệu ứng khi clip bị cắt xén hoặc xáo trộn. Nếu bạn đặt hiệu ứng zoom ở giây thứ 4.0, sau đó cắt bỏ 2 giây đầu video, hiệu ứng zoom có bị nhảy sai vị trí không?

Trong Snapzy 2.0, chúng tôi phân tách timeline thành ba hệ toạ độ riêng biệt:

Structural Timeline Time: Trục thời gian cấu trúc cố định — nơi thước đo, đầu phát và các block hiệu ứng ngự trị.
Playable Sequence Time: Thời lượng thực tế sau khi đã bỏ bớt các đoạn bị trim, dùng để xem trước và render video.
Output Time: Thời lượng đầu ra cuối cùng sau khi áp dụng các đoạn tua nhanh/chậm (Speed segments).

Nhờ việc đặt các khối Zoom và Speed theo thời gian cấu trúc, các khung hình phóng to và đoạn timelapse của bạn vẫn nằm chuẩn xác ở vị trí bạn mong muốn, bất kể bạn chia nhỏ, cắt bớt hay đảo thứ tự các clip bên dưới.

Mở lại và tiếp tục chỉnh sửa (Session Persistence)

Đây là một trong những tính năng được cộng đồng yêu cầu nhiều nhất. Với hầu hết công cụ quay màn hình, khi bạn lưu file video ra máy tính, file đó coi như đã "chốt chết". Nếu phát hiện mình lỡ cắt mất một câu thoại hay chọn nhầm màu nền, bạn buộc phải làm lại từ đầu hoặc quay lại.

Snapzy 2.0 giới thiệu cơ chế gói session không phá hủy:

Mỗi khi bạn bấm Lưu (Save), Snapzy sẽ ghi lại một công thức chỉnh sửa (recipe) vào Application Support/Snapzy/VideoEditorSessions/ và giữ lại một bản snapshot nguyên bản ban đầu.
Khi bạn mở lại video đó từ Quick Access, History hoặc nhấp đúp vào file, Snapzy sẽ tự động nhận diện gói session đi kèm.
Toàn bộ công việc của bạn được khôi phục nguyên vẹn: các điểm cắt, khối zoom, đường đi theo chuột, hình nền và tốc độ tua.
Các lần lưu tiếp theo đều được render trực tiếp từ tệp gốc ban đầu, đảm bảo hình ảnh sắc nét tuyệt đối, không lo suy giảm chất lượng do nén nhiều lần.

Giao diện Left Rail tinh gọn & Điều hướng mượt mà

Chúng tôi đã loại bỏ thanh sidebar bên phải để giải phóng không gian hiển thị. Mọi tùy chọn căn chỉnh và máy quay giờ đây nằm gọn gàng trong Left Rail ở cạnh trái:

Hình nền & Canvas (paintpalette): Màu gradient, làm mờ hình nền desktop, căn lề (padding), bo góc và đổ bóng.
Zoom & Theo dõi chuột (plus.magnifyingglass): Tọa độ zoom thủ công, chuyển động mượt mà (cubic ease-in-out) và độ nhạy bám theo chuột.
Điều hướng timeline mượt mà: Chụm/mở ngón tay để phóng to thu nhỏ timeline, cuộn ngang bằng trackpad chính xác 1:1, hoặc dùng cụm nút zoom (− / % / +) để chuyển đổi nhanh giữa khung nhìn chi tiết và toàn cảnh.

3. Khung Camera nổi (Webcam Picture-in-Picture)

Video thuyết trình sản phẩm hay hướng dẫn dòng lệnh sẽ trực quan và truyền cảm hơn rất nhiều khi người xem nhìn thấy biểu cảm của bạn.

Snapzy 2.0 bổ sung camera overlay nổi trực tiếp vào luồng quay màn hình:

Đa dạng hình dáng: Dễ dàng đổi giữa Hình tròn, Hình chữ nhật bo góc và Hình vuông.
Kích thước đặt sẵn: Chuyển đổi nhanh giữa ba cỡ nhỏ, vừa và lớn.
Lật gương ngang (Horizontal Mirroring): Bật/tắt chế độ soi gương cho webcam chỉ bằng một cú nhấp.
Trạng thái kính mờ khi ngắt kết nối: Khi webcam bị rút ra hoặc rơi vào trạng thái ngủ, khung hình sẽ tự chuyển sang bề mặt kính mờ Liquid Glass tinh tế thay vì để lại một mảng đen trống hoác.
Kéo thả tự do: Bạn có thể rê bong bóng camera đến bất kỳ góc nào trên màn hình; Snapzy sẽ tự động ghi nhớ vị trí và hình dáng bạn ưa thích cho các lần quay sau.

4. Những cải tiến chụp ảnh thông minh hơn

Bên cạnh những nâng cấp nền tảng lớn, Snapzy 2.0 còn chăm chút từng thao tác nhỏ thường ngày:

Chụp hẹn giờ (Delayed Capture)

Trước đây, để chụp một menu xổ xuống, một tooltip chỉ xuất hiện khi rê chuột hay một menu chuột phải, bạn thường phải dùng ngón tay bấm phím tắt thật khéo léo để không làm mất trạng thái hover.

Với Delayed Capture, bạn có thể đặt thời gian đếm ngược (ví dụ 3 giây hoặc 5 giây). Bấm phím tắt, thoải mái rê chuột mở menu mong muốn, và Snapzy sẽ tự động đóng băng khung hình đúng thời điểm.

Quay toàn màn hình một chạm

Khi kích hoạt chế độ quay màn hình, không phải lúc nào bạn cũng muốn kéo khung chọn. Trong 2.0, chỉ cần nhấp chuột bất kỳ đâu hoặc nhấn Enter, Snapzy sẽ lập tức khóa khung hình theo toàn bộ màn hình và bắt đầu đếm ngược quay ngay.

Giới hạn độ phân giải quay tối đa

Màn hình Retina hiện đại có thể tạo ra các file video 5K hoặc 6K cực nặng. Một số trình duyệt và phần mềm chat (như Slack hay Discord) thường bị giật lag khi giải mã video chuẩn H.264 ở độ phân giải quá cao. Giờ đây, bạn có thể thiết lập mức trần độ phân giải quay, giúp video xuất ra nhẹ nhàng và tương thích tối đa trên mọi nền tảng.

Làm mới giao diện Chú thích & Cài đặt

Cửa sổ Annotate và bảng Cài đặt được nâng cấp giao diện toàn diện:

Snapzy Annotate Window

Các phím tắt hiển thị dưới dạng huy hiệu keycap kính liền mạch, sắc nét.
Bố cục tiêu đề từng phần rõ ràng, tinh giản cùng menu tùy chọn tiện lợi.
Đồng bộ giao diện Sáng / Tối (Light & Dark mode) tức thì theo thời gian thực.

Bắt đầu trải nghiệm Snapzy 2.0

Snapzy 2.0 đã sẵn sàng để tải về ngay hôm nay. Và như mọi khi, Snapzy hoàn toàn miễn phí và mã nguồn mở. Không đăng ký, không gắn watermark, không thu thập dữ liệu cá nhân, và mọi quá trình xử lý đều diễn ra 100% cục bộ trên chiếc máy Mac của bạn.

Hướng dẫn cập nhật

Cập nhật trong ứng dụng: Nếu bạn đang dùng Snapzy, chỉ cần vào Menu Snapzy → Check for Updates… để tải bản v2.0.0 thông qua Sparkle.
Homebrew:
```
brew update
brew upgrade --cask snapzy
```
Tải file DMG trực tiếp: Tải bộ cài đã được Apple công chứng (notarized) tại GitHub Releases.

Kế hoạch tiếp theo

Snapzy 2.0 đặt nền móng kiến trúc vững chắc cho các chặng đường sắp tới: hệ thống plugin mở rộng, tính năng tạo phụ đề tự động và bóc tách vật thể thông minh bằng AI cục bộ.

Nếu bạn yêu thích Snapzy, hãy dành tặng dự án một ngôi sao trên GitHub để tiếp thêm động lực cho đội ngũ phát triển. Sự ủng hộ và đóng góp ý kiến của bạn chính là nguồn sống của Snapzy!