Sun Urban City — Media Manager

SUN URBAN CITY

Media Manager

⬛

—

Tổng ảnh

◈

—

Ảnh của tôi

◐

—

Riêng tư

⊞

—

Dung lượng

↑

Kéo thả file / thư mục vào đây

hoặc chọn file · chọn thư mục · Ảnh · PDF · Word · Excel · PowerPoint · TXT

Website Facebook TikTok Zalo

🌐 Công khai 🔒 Riêng tư

📁 Thư mục gốc (tuỳ chọn — sẽ chứa các ảnh/thư mục con bên trong)

Đổi mật khẩu

Cập nhật mật khẩu đăng nhập của bạn

Mật khẩu hiện tại

Mật khẩu mới

🖱 Kéo watermark · logo · icon · chữ · Lăn chuột zoom theo con trỏ · Space / chuột giữa / Alt+kéo = pan (kéo cả trên ảnh) · Pan vùng xám ngoài ảnh · Del xóa lớp

Điều chỉnh

Độ sáng 0

Tương phản 0

Bão hòa 0

Mờ 0

Viền tối (vignette) 0

Bộ lọc màu

Gốc

Xám

Sepia

Ấm

Lạnh

Sống động

Fade

Dramatic

Xoay & Lật

↺ Trái

↻ Phải

↔ Ngang

↕ Dọc

Cắt ảnh & khung video

Khung theo tỉ lệ

Chọn tỉ lệ phổ biến cho YouTube, TikTok, Stories… · Xoay/lật ảnh sẽ đặt lại khung về gốc.

Watermark chữ

Bật watermark chữ

Màu chữ Nền

Cỡ chữ 24px

Độ mờ 70%

Viền đen chữ (nổi trên nền sáng)

↖

↑

↗

←

⊙

→

↙

↓

↘

Logo watermark

📁 Upload logo (PNG)

Hiển thị logo trên ảnh

Kích thước 20%

Độ mờ 80%

↖

↑

↗

←

⊙

→

↙

↓

↘

Thư viện icon & điểm nhấn

💡 Kéo thả icon vào ảnh hoặc bấm để thêm giữa khung.

Chữ tự do trên ảnh

Cỡ khi thêm 28px

Lớp đang chọn — chỉnh nhanh:

Cỡ chữ —

Màu

Độ mờ 100

Viền chữ

Hiệu ứng lớp đang chọn (icon / chữ)

Xoay 0°

Mờ lớp 0

Khoanh vùng & ghi chú

Mặc định khi vẽ mới

Viền Nền

Nét 3px

Mờ nền 12%

Chỉ viền — không tô nền

Kiểu nét

Lớp đang chọn — chỉnh nhanh

Viền Nền

Nét —px

Mờ nền —%

Chỉ viền — không tô nền

Kiểu nét

Cỡ nhãn —px

Chữ nhãn Nền nhãn

Có nền nhãn

Xoay nhãn 0°

Biến dạng hình

Kéo ○ phía trên để xoay · kéo □ góc/cạnh để co giãn · kéo điểm để chỉnh hình

Xoay 0°

Xuất ảnh

🌐 Web

📘 FB

🎵 TikTok

💬 Zalo

⬇ Xuất kích thước gốc

Ảnh nhập vào thư viện

🌐 Công khai 🔒 Riêng tư

Dán link Google Drive (mỗi dòng 1 link)

Dán link thư mục (…/drive/folders/…) hoặc chỉ Folder ID. Server quét đệ quy, giữ cấu trúc thư mục (tên file trong metadata), và trong Thư viện bật Cấu trúc thư mục để duyệt theo đúng các cấp. Folder « Ai có link »: quét HTML (không bắt buộc OAuth). Folder trong Được chia sẻ với tôi → cần OAuth token tài khoản có quyền xem. PDF/Office tới ~100MB (xem DRIVE_MAX_FILE_MB).

Link hoặc ID thư mục OAuth access token (tuỳ chọn — folder riêng tư) Import lại — không bỏ qua file đã tải trước (PDF, Office, ảnh…)

File ID (mỗi dòng 1 ID)

ID nằm trong link: /file/d/FILE_ID/view

Ảnh lẻ: chia sẻ kiểu “Ai có link xem”, rồi dùng tab Link ảnh hoặc File ID.
Cả thư mục: folder « Ai có link » được quét HTML trước. API key trong .env chỉ là bước thử thêm nếu HTML không ra ảnh — liệt kê thư mục qua API gần như luôn cần OAuth, không chỉ mình API key.
OAuth: token scope drive.readonly (vd. OAuth 2.0 Playground) khi folder riêng tư hoặc khi cần quét đầy đủ kiểu API.
Giới hạn: khoảng 500 ảnh mỗi lần; file > 25MB bỏ qua.

Chi tiết đầy đủ & API Mirror

Ảnh lẻ (tab Link / ID): chia sẻ "Ai có link xem", copy link hoặc ID file.

Cả thư mục: không API key → chỉ folder « Ai có link »; server parse HTML + tải ảnh qua thumbnail. Có API key → Drive API (Google Cloud → bật Drive API → Credentials → GOOGLE_DRIVE_API_KEY trong .env).

Nếu API key không đủ quyền: OAuth token drive.readonly (vd. OAuth 2.0 Playground) vào ô token trong tab thư mục.

Giới hạn kỹ thuật: tối đa ~500 ảnh mỗi lần import; file > 25MB không tải.

Mirror công khai (mở cho mọi người, không JWT): PUBLIC_MIRROR_ENABLED=true, PUBLIC_MIRROR_SECRET để trống. Trang /public. API: /api/mirror/info, /api/mirror/folders/browse, /api/mirror/images/:id — chỉ ảnh công khai.

Tối ưu & resize hàng loạt Ảnh chỉ xử lý trên trình duyệt — không upload server

1 · Chọn ảnh

Kéo thả vào đây hoặc bấm để chọn
JPEG · PNG · WebP · GIF (khung đầu)

2 · Tùy chọn

Chỉ nén / đổi định dạng — giữ nguyên kích thước pixel Thu nhỏ theo cạnh dài nhất (không phóng to ảnh nhỏ) Cắt giữa + xuất đúng khung (YouTube, TikTok, FB…)

Cạnh tối đa

Khung xuất

Định dạng

Chất lượng 85%

3 · Thực hiện & tải

Tối đa ~48 ảnh/lần. ZIP cần tải thư viện JSZip (CDN).

0 ảnh được chọn

Thư viện ảnh

Đổi mật khẩu

Làm sạch media (nguy hiểm)