Gương Webcam

Gương Webcam - Gương ảo để Trang điểm & Kiểm tra Tóc

Công cụ gương webcam trực tuyến toàn diện biến camera của bạn thành gương ảo. Hoàn hảo để kiểm tra trang điểm, tóc, phối đồ và ngoại hình tổng thể. Tính năng bao gồm lật gương, điều khiển zoom, điều chỉnh độ sáng, tăng cường độ tương phản, tinh chỉnh độ bão hòa và nhiều filters khác nhau. Chụp ảnh và lưu để tham khảo.

Gương webcam hoạt động như thế nào?

Gương webcam sử dụng camera thiết bị và hiển thị feed trên màn hình với chuyển đổi gương:

1. Nhấn 'Bật Gương' để kích hoạt camera
2. Video feed được hiển thị trên canvas element
3. Canvas transform scale(-1, 1) lật hình ảnh theo chiều ngang
4. Rendering thời gian thực ở 60fps cho trải nghiệm gương mượt mà
5. Tất cả xử lý diễn ra trong trình duyệt - không upload video

Hiệu ứng gương làm cho nó giống như nhìn vào gương thật, trực quan hơn cho việc kiểm tra ngoại hình, trang điểm hoặc chỉnh tóc.

Tại sao gương được lật mặc định?

Gương được lật (mirrored) mặc định vì:

Trải nghiệm tự nhiên:
- Gương trong đời thực hiển thị hình ảnh đảo ngược
- Khi bạn di chuyển sang phải, phản chiếu di chuyển sang phải
- Trực quan hơn cho việc chăm sóc cá nhân và kiểm tra ngoại hình
- Dễ trang điểm hoặc chỉnh tóc hơn

Cách hoạt động:
- Canvas transform: scale(-1, 1) lật hình ảnh theo chiều ngang
- Bên phải của bạn xuất hiện ở bên phải màn hình
- Khớp với trải nghiệm nhìn vào gương thật

Chế độ không lật:
- Nhấn 'Lật Gương' để toggle hiệu ứng mirrored
- Hiển thị cách người khác nhìn bạn (góc nhìn camera thực)
- Hữu ích để kiểm tra bạn trông như thế nào trên video call
- Chữ và logo xuất hiện đúng (không đảo ngược)

Tôi có thể sử dụng gương webcam để làm gì?

Gương webcam đa năng cho nhiều tác vụ chăm sóc cá nhân:

Trang điểm:
- Kiểm tra việc trang điểm và blend
- Xác minh son môi
- Đảm bảo phấn nền đều
- Hoàn thiện eyeliner và mascara
- Test các kiểu trang điểm khác nhau

Tạo kiểu tóc:
- Kiểm tra kiểu tóc từ mọi góc độ
- Xác minh ngôi tóc và styling
- Phát hiện tóc xơ hoặc phần lộn xộn
- Test các kiểu tóc khác nhau
- Kiểm tra màu tóc và highlights

Trang phục & Phụ kiện:
- Phối đồ các món
- Kiểm tra trang sức và phụ kiện
- Xác minh độ vừa vặn và phong cách quần áo
- Test kết hợp màu sắc
- Đảm bảo vẻ ngoài chuyên nghiệp

Chăm sóc:
- Kiểm tra chăm sóc râu
- Xác minh vẻ ngoài sạch sẽ
- Kiểm tra răng và nụ cười
- Kiểm tra vệ sinh chung

Chuẩn bị Video Call:
- Kiểm tra ngoại hình trước cuộc gọi quan trọng
- Test ánh sáng và background
- Xác minh góc camera
- Luyện biểu cảm và tư thế

Làm thế nào để sử dụng tính năng zoom?

Tính năng zoom giúp bạn tập trung vào các khu vực cụ thể:

Cách zoom:
1. Sử dụng thanh trượt Zoom (100% - 300%)
2. Giá trị cao hơn = góc nhìn gần hơn
3. Zoom cập nhật theo thời gian thực

Trường hợp sử dụng:
- 100-150%: Toàn bộ mặt và phần thân trên
- 150-200%: Tập trung vào mặt để trang điểm
- 200-300%: Góc nhìn chi tiết cho mắt, môi hoặc lông mày

Mẹo:
- Zoom in cho công việc chi tiết (eyeliner, son môi)
- Zoom out để xem tổng thể ngoại hình
- Kết hợp với ánh sáng tốt để có kết quả tốt nhất
- Điều chỉnh vị trí để giữ mặt ở giữa

Các điều khiển độ sáng, tương phản và bão hòa làm gì?

Các điều khiển này điều chỉnh hiển thị gương để cải thiện khả năng hiển thị:

Độ sáng (50-200%):
- Làm cho hình ảnh sáng hơn hoặc tối hơn
- Tăng nếu phòng quá tối
- Giảm nếu hình ảnh bị nhạt
- 100% = độ sáng bình thường

Độ tương phản (50-200%):
- Điều chỉnh sự khác biệt giữa vùng sáng và tối
- Tăng cho vẻ ngoài sống động, kịch tính hơn
- Giảm cho vẻ ngoài mềm mại, phẳng hơn
- 100% = độ tương phản bình thường

Độ bão hòa (0-200%):
- Điều khiển cường độ màu sắc
- 0% = đen trắng (grayscale)
- 100% = màu bình thường
- 200% = màu sắc sống động, mạnh mẽ

Làm mờ (0-10px):
- Làm mềm hình ảnh với Gaussian blur
- Có thể ẩn khuyết điểm
- Tạo hiệu ứng soft-focus
- 0px = hình ảnh sắc nét

Các điều khiển này KHÔNG thay đổi ngoại hình thực của bạn - chúng chỉ điều chỉnh cách gương hiển thị hình ảnh.

Các hiệu ứng filter là gì?

Filters áp dụng hiệu ứng đặc biệt cho gương:

Không:
- Gương màu bình thường
- Không có hiệu ứng đặc biệt
- Màu sắc trung thực

Đen trắng:
- Gương đen trắng
- Loại bỏ tất cả màu sắc
- Vẻ ngoài vintage cổ điển
- Giúp tập trung vào ánh sáng và tương phản

Nâu cổ điển:
- Tông màu nâu ấm
- Hiệu ứng ảnh cổ
- Thẩm mỹ hoài niệm

Đảo màu:
- Đảo ngược tất cả màu sắc
- Tối trở thành sáng, sáng trở thành tối
- Hiệu ứng nghệ thuật

Làm thế nào để chụp và lưu ảnh?

Tính năng ảnh chụp góc nhìn gương hiện tại:

Chụp ảnh:
1. Điều chỉnh cài đặt gương (zoom, độ sáng, filters) như mong muốn
2. Nhấn nút 'Chụp ảnh'
3. Khung hình hiện tại được chụp ngay lập tức
4. Ảnh xuất hiện trong xem trước bên dưới gương

Nội dung được chụp:
- Góc nhìn hiện tại chính xác từ gương
- Tất cả filters và điều chỉnh đang hoạt động
- Mức zoom hiện tại
- Trạng thái lật gương (mirrored hoặc unflipped)

Lưu ảnh:
1. Xem lại ảnh đã chụp
2. Nhấn nút 'Tải xuống'
3. Ảnh lưu dưới dạng file PNG
4. Tên file bao gồm timestamp

Sử dụng cho ảnh đã lưu:
- So sánh kiểu trang điểm theo thời gian
- Chia sẻ với bạn bè để xin lời khuyên về trang phục
- Tham khảo cho stylist hoặc makeup artist
- So sánh trước/sau
- Ghi lại tiến trình chăm sóc da

Video của tôi có riêng tư và an toàn không?

Có, quyền riêng tư của bạn được bảo vệ hoàn toàn:

Xử lý cục bộ:
- Tất cả xử lý video diễn ra trong trình duyệt
- Không có gì được upload lên server
- Video feed không bao giờ rời khỏi thiết bị của bạn
- Không ghi hình trừ khi bạn chụp ảnh
- Không lưu trữ dữ liệu video

Camera feed của bạn:
1. Camera → Bộ nhớ trình duyệt (tạm thời)
2. Render lên canvas theo thời gian thực
3. Hiển thị trên màn hình
4. Loại bỏ ngay lập tức (không lưu)

Khi bạn chụp ảnh:
- Chỉ chụp khi bạn nhấn 'Chụp ảnh'
- Chỉ lưu nếu bạn nhấn 'Tải xuống'
- Lưu cục bộ trên thiết bị
- Không bao giờ upload đâu cả
- Bạn có toàn quyền kiểm soát

Chúng tôi không bao giờ yêu cầu camera cho đến khi bạn nhấn 'Bật Gương' (không có hộp thoại xin quyền khi tải trang).

100% client-side application - Hoàn toàn an toàn và riêng tư!

Trình duyệt và thiết bị nào hỗ trợ công cụ kiểm tra webcam này?

Công cụ dùng API tiêu chuẩn getUserMedia (WebRTC), được mọi trình duyệt hiện đại hỗ trợ:

Được hỗ trợ:
- Chrome / Edge / Brave (máy tính & Android)
- Firefox (máy tính & Android)
- Safari (macOS 11+ và iOS/iPadOS 14.3+)
- Opera và hầu hết trình duyệt nền Chromium

Yêu cầu ngữ cảnh bảo mật:
- getUserMedia chỉ hoạt động trên trang HTTPS (hoặc localhost). Trên trang http:// trình duyệt ẩn hoàn toàn navigator.mediaDevices, nên công cụ sẽ hiển thị thông báo 'yêu cầu HTTPS' thay vì camera.

Lưu ý với iOS Safari:
- Camera chỉ hoạt động trong Safari; một số trình duyệt nhúng trong ứng dụng sẽ chặn nó
- Phần tử video phải hiển thị nội tuyến (chúng tôi đặt playsinline), nếu không iOS sẽ buộc phát toàn màn hình
- iOS có thể gắn nhãn camera trước là 'user' và camera sau là 'environment'

Vì sao tên camera bị ẩn lúc đầu?
- Vì quyền riêng tư, trình duyệt trả về nhãn rỗng từ enumerateDevices() cho đến khi bạn cấp quyền. Đó là lý do danh sách hiển thị 'Camera 1 / Camera 2' chung chung trước khi bắt đầu, và tên thật chỉ xuất hiện sau khi bạn nhấn 'Bật Gương' và chấp nhận quyền truy cập.

Camera không khởi động - làm sao sửa lỗi quyền và lỗi 'đang được sử dụng'?

Các sự cố camera thường gặp và cách khắc phục:

Bị từ chối quyền (NotAllowedError):
- Bạn (hoặc trình duyệt) đã chặn truy cập camera
- Nhấn biểu tượng camera/ổ khóa trên thanh địa chỉ → Cài đặt trang → đặt Camera thành 'Cho phép', rồi tải lại
- Trên macOS kiểm tra thêm Cài đặt hệ thống → Quyền riêng tư & Bảo mật → Camera
- Trên Windows kiểm tra Cài đặt → Quyền riêng tư → Camera

Camera đang được dùng / màn hình đen (NotReadableError):
- Ứng dụng khác đang giữ camera (Zoom, Teams, OBS, Skype, FaceTime)
- Đóng các ứng dụng đó hoặc các tab khác đang dùng camera, rồi thử lại
- Khởi động lại máy giúp giải phóng driver camera bị kẹt trên Windows

Không phát hiện camera (NotFoundError):
- Kiểm tra cáp / kết nối USB của webcam rời
- Xác nhận thiết bị xuất hiện trong trình quản lý thiết bị của hệ điều hành
- Thử cổng USB khác

Cài đặt không tương thích (OverconstrainedError):
- Độ phân giải đã chọn không được camera đó hỗ trợ; hãy chọn mức thấp hơn (ví dụ 720p)

Vẫn không được:
- Thử trình duyệt khác để phân biệt lỗi do trình duyệt hay phần cứng
- Camera lỗi trong mọi ứng dụng có thể cần cài lại driver hoặc sửa chữa

Bảng Thông Tin Camera là gì - độ phân giải yêu cầu so với thực tế?

Bảng Thông Tin Camera biến công cụ này từ một chiếc gương soi thành một thiết bị chẩn đoán thực thụ. Sau khi bật camera, nó đọc track MediaStreamTrack đang chạy bằng getSettings() và getCapabilities():

Yêu cầu so với thực nhận:
- Danh sách độ phân giải gửi gợi ý 'ideal' về chiều rộng/cao cho trình duyệt
- Trình duyệt có thể trả về thứ gần đúng nhưng khác (yêu cầu 1080p thường trả về 1280×720 trên cảm biến 720p)
- 'Độ phân giải thực tế' hiển thị thứ camera thật sự cung cấp qua getSettings().width/height, không phải thứ bạn yêu cầu

Ý nghĩa từng trường:
- Độ phân giải thực tế: kích thước pixel thật của luồng
- Tốc độ khung hình: số khung hình mỗi giây đã thỏa thuận (ví dụ 30 fps)
- Tỷ lệ khung hình: rộng ÷ cao (1.778 = 16:9, 1.333 = 4:3)
- Thiết bị: nhãn thật của camera (sau khi cấp quyền)
- Hướng camera: 'user' (trước) hoặc 'environment' (sau) trên điện thoại
- Khả năng hỗ trợ: độ phân giải, fps, zoom và đèn flash tối đa mà phần cứng báo cáo qua getCapabilities()

Xuất cho hồ sơ QA:
- Nhấn 'Xuất thông tin (JSON)' để tải báo cáo đầy đủ, hoặc 'Sao chép' để chép lại
- Kỹ thuật viên sửa chữa có thể đính kèm bản ghi xác minh này vào ticket để chứng minh webcam thay/sửa cung cấp đúng độ phân giải và tốc độ khung hình danh định

Tính năng chính

• Gương webcam thời gian thực với rendering 60fps
• Canvas transform scale(-1, 1) để lật gương
• Toggle lật gương (mirrored/unflipped view)
• Hỗ trợ chọn nhiều camera
• Tùy chọn độ phân giải (HD 720p, Full HD 1080p, SD 480p)
• Điều khiển zoom (100-300%)
• Điều chỉnh độ sáng (50-200%)
• Điều chỉnh độ tương phản (50-200%)
• Điều khiển độ bão hòa (0-200%)
• Hiệu ứng blur (0-10px)
• Hiệu ứng filter (Đen trắng, Nâu cổ điển, Đảo màu)
• Đặt lại filter một click
• Chế độ toàn màn hình cho trải nghiệm đắm chìm
• Chụp ảnh với cài đặt hiện tại
• Tải ảnh dưới dạng PNG
• Timestamp trong tên file
• Cập nhật xem trước thời gian thực
• Animation mượt mà 60fps
• Thiết kế responsive cho mọi kích thước màn hình
• Hỗ trợ giao diện dark mode
• 100% xử lý phía client
• Không upload hoặc lưu trữ video
• Bảo mật và riêng tư hoàn toàn
• Hoạt động offline sau khi tải ban đầu
• Không cần đăng ký