Server
Hoàn thành 0 lượt xem Quản lý

K-Photobooth Studio (Web Server Chụp Ảnh Phong Cách Hàn Quốc & AI Tách Nền)

Máy chủ Web Photobooth phong cách Hàn Quốc (Life4Cuts / Haru Film) tích hợp AI MediaPipe tách nền ảo, bộ lọc màu phim vintage, chụp dải 4 khung và Hybrid HTTP/HTTPS Server.

Công nghệ & Nền tảng (Tech Stack)
Python 3.12 Django 6.1 Google MediaPipe (WASM/TFLite) WebRTC Camera API HTML5 Canvas 2D JavaScript ES6 Hybrid SSL Multiplexer Docker Compose
K-Photobooth Studio (Web Server Chụp Ảnh Phong Cách Hàn Quốc & AI Tách Nền)
README.md GFM
Đang kết xuất tài liệu thiết kế README.md...

                        
Thông Số Phần Cứng & Danh Mục Linh Kiện (BOM)
Hardware Specs & BOM
- Kiến trúc Máy chủ & Mạng: + Nền tảng: Raspberry Pi 4 Model B / Linux Server chạy Docker Container + Cổng dịch vụ ngoài: Port 5000 (Bộ điều phối Hybrid HTTP/HTTPS Multiplexer độc quyền) + Cổng nội bộ: Django Backend 127.0.0.1:8002 + Tên miền & Reverse Proxy: https://anhnhatiot.cloud kết hợp Cloudflare Tunnel và chứng chỉ SSL nội bộ (cert.crt, cert.key) - Thiết bị Ngoại vi & Đầu vào: + Hỗ trợ Camera USB Full HD 1080p / Webcam Laptop / Camera góc rộng chuẩn WebRTC (MediaDevices API) + Tương thích máy in ảnh nhiệt di động (Thermal Photo Printer) hoặc máy in màu kết nối mạng - Động cơ Trí tuệ Nhân tạo tại Client (Edge AI): + Google MediaPipe Selfie Segmentation: Mô hình mạng nơ-ron học sâu nhúng WebAssembly và TFLite (selfie_segmentation.tflite, selfie_segmentation_solution_wasm_bin.wasm) + Tốc độ xử lý: Tách phông nền trực tiếp ở mức 30~60 FPS với độ chính xác cao - Đóng gói Triển khai: + Docker Compose (photobooth_app service) và kịch bản entrypoint.sh điều phối khởi chạy đồng thời Django Server và Hybrid SSL Multiplexer
Sơ Đồ Kiến Trúc & Hoạt Động Server (Server Architecture)
Sơ đồ tự động căn chỉnh vừa vặn bao quát toàn cảnh — sử dụng công cụ bên cạnh để phóng to hoặc mở toàn màn hình
100%
flowchart TB
    subgraph CLIENT_STUDIO["1. PHÒNG CHỤP & CLIENT WEB (WEBRTC & CANVAS 2D)"]
        CAM["Webcam Live Stream (navigator.mediaDevices)"]
        MIRROR["Lật Gương & Căn Lưới Tỉ Lệ Vàng"]
        TIMER["Hẹn Giờ Đếm Ngược (3s, 5s, 10s) + Flash Sound"]
        SHOOT_MODE["Chế Độ: Chụp Dải 4 Tấm Tự Động / Tấm Đơn"]
        
        CAM --> MIRROR
        MIRROR --> TIMER
        TIMER --> SHOOT_MODE
    end

    subgraph AI_FILTER_ENGINE["2. THỊ GIÁC AI MEDIAPIPE & BỘ LỌC HÀN QUỐC (CLIENT JS)"]
        MP_AI["Google MediaPipe Selfie Segmentation (WASM/TFLite)\n- Tách người và phông nền thời gian thực\n- Ghép nền ảo (Sakura, Cat Cafe, Pastel Cloud)"]
        FILTERS["9 Bộ Lọc Màu Điện Ảnh Vintage\n- Haru Film (Tone lam sáng mịn)\n- Seoul Warm (Tone hoàng hôn ấm)\n- Y2K Film 90s, Đen Trắng, Cyberpunk"]
        PROPS["Stickers & Emojis Kéo Thả Xoay Góc 360°"]
        LAYOUTS["Đa Dạng Bố Cục Khung Ảnh\n- Dải 4 ảnh dọc Hàn Quốc (Life4Cuts)\n- Lưới vuông 2x2 Instagram\n- Khung máy ảnh Polaroid"]
        
        SHOOT_MODE --> MP_AI
        MP_AI --> FILTERS
        FILTERS --> PROPS
        PROPS --> LAYOUTS
    end

    subgraph HYBRID_PROXY["3. MÁY CHỦ BẢO MẬT HYBRID PROXY (PYTHON SSL MULTIPLEXER)"]
        PORT5000["Cổng Ngoài 0.0.0.0:5000\n- Nhận cả HTTP và HTTPS"]
        PEEK["Peek Byte Đầu Tiên (0x16 == TLS Handshake)"]
        SSL_WRAP["Tự Động Bọc SSL Context (cert.crt / cert.key)\n- Cung cấp HTTPS cho trình duyệt cấp quyền Camera"]
        PIPE["Piping Hai Chiều Socket Tốc Độ Cao"]
        
        PORT5000 --> PEEK
        PEEK -- "Là TLS" --> SSL_WRAP
        PEEK -- "Là Plain HTTP" --> PIPE
        SSL_WRAP --> PIPE
    end

    subgraph BACKEND_SERVER["4. MÁY CHỦ ỨNG DỤNG (DJANGO SERVER & DOCKER)"]
        DJANGO["Django Web Application (127.0.0.1:8002)"]
        ROUTER["booth/urls.py & index view (Single Page App)"]
        UPLOAD_API["API POST /upload_photo/\n- Giải mã chuỗi Base64 DataURL\n- Lưu ảnh capture ngầm bảo toàn lịch sử"]
        DOCKER["Docker Container (photobooth_app)\n- Khởi chạy song song Django & Hybrid Server"]
        
        PIPE --> DJANGO
        DJANGO --> ROUTER
        LAYOUTS -->|POST Base64 Payload| UPLOAD_API
        UPLOAD_API --> DOCKER
    end

    subgraph STORAGE_EXPORT["5. LƯU TRỮ MEDIA & XUẤT HOÀN THIỆN"]
        STORAGE[("Thư Mục media/captures/")]
        HD_EXPORT["Tải File PNG Siêu Nét Về Máy"]
        CLIPBOARD["Sao Chép Vào Khay Nhớ Tạm (Clipboard)"]
        PRINT["In Ảnh Trực Tiếp Máy In Nhiệt"]
        
        UPLOAD_API --> STORAGE
        LAYOUTS --> HD_EXPORT
        LAYOUTS --> CLIPBOARD
        LAYOUTS --> PRINT
    end
Đang nạp sơ đồ kiến trúc...
Dùng nút Bao Quát để ngắm nhìn toàn cảnh hoặc Toàn Màn Hình để phóng to chi tiết Mermaid Interactive Engine
Thư Mục & Quản Lý Tệp Tin Dự Án
media/projects/k-photobooth-studio-korea-django-server/ 18 tệp tin • 10.2 MB
Đăng Nhập Quản Lý File
Tên Tệp Tin Phân Loại Dung Lượng Ngày Cập Nhật Thao Tác
app.js
Mã Nguồn (Code) 104.7 KB 08/11/2026 00:40
bg_cat_cafe.jpg
Hình Ảnh (Image) 812.2 KB 08/11/2026 00:40
bg_pastel_cloud.jpg
Hình Ảnh (Image) 688.9 KB 08/11/2026 00:40
bg_sakura.jpg
Hình Ảnh (Image) 883.3 KB 08/11/2026 00:40
booth_urls.py
Mã Nguồn (Code) 191 B 08/11/2026 00:40
booth_views.py
Mã Nguồn (Code) 2.1 KB 08/11/2026 00:40
docker-compose.yml
Mã Nguồn (Code) 546 B 08/11/2026 00:40
Dockerfile
Tài Liệu 575 B 08/11/2026 00:40
entrypoint.sh
Mã Nguồn (Code) 1.1 KB 08/11/2026 00:40
hybrid_server.py
Mã Nguồn (Code) 2.3 KB 08/11/2026 00:40
index.html
Mã Nguồn (Code) 61.6 KB 08/11/2026 00:40
k_photobooth_studio_source_code.zip
Tệp Nén (Archive) 6.2 MB 08/11/2026 00:40
logo2.png
Hình Ảnh (Image) 168.4 KB 08/11/2026 00:40
README.md
Tài Liệu 4.0 KB 08/11/2026 00:40
requirements.txt
Tài Liệu 46 B 08/11/2026 00:40
style.css
Mã Nguồn (Code) 69.0 KB 08/11/2026 00:40
thumb_k_photobooth_studio_korean_life4cuts.jpg
Hình Ảnh (Image) 665.5 KB 08/11/2026 11:48
thumb_k_photobooth_studio_web_ui_dashboard.jpg
Hình Ảnh (Image) 665.5 KB 08/11/2026 11:48
Chuyển Nhanh Khung Nhìn
Thông Tin Dự Án
Chuyên mục: Server
Trạng thái: Hoàn thành
Lượt xem: 0
Ngày tạo: 08/11/2026 00:40
Cập nhật: 08/11/2026 22:00