Recording · Rehearsal · Photo · Meeting · Podcast — อุปกรณ์ครบ พร้อมใช้
12 ประเภท ตรงใจทุกการใช้งาน
ภาพหน้าจอจริงจากแอป StudioBook (เวอร์ชัน v1.1)
Live URL: https://codehub.sj88ai.com/studiobook/
Source: /workspace/studiobook/index.html (36KB, 1,400+ lines)
Version: v1.0
Color: Indigo #4f46e5
Category: Booking & Reservation
StudioBook คือระบบจองสตูดิโอ/ห้องซ้อมสำหรับงานสร้างสรรค์ — Recording/Rehearsal/Photo/Podcast/Dance/Art พร้อม 30-นาที สล็อต + แพ็กเกจ + อุปกรณ์เสริม
| Feature | Description |
|---|---|
| 🎬 9 สตูดิโอ | Recording (2), Rehearsal (2), Photo (2), Podcast, Dance, Art |
| ⏰ 30-min Slots | 28 สล็อต/วัน (09:00-22:00) |
| 📦 3 แพ็กเกจ | รายชั่วโมง / 4hr+ (-15%) / 8hr+ (-25%) |
| 🎛️ 8 อุปกรณ์ | Mic, Keyboard, LED, Backdrop, Mixer, Drum, Amp, Camera |
| 📅 Calendar View | ปฏิทินแสดงการจอง |
| 📊 Usage Stats | ชั่วโมง/เดือน + ค่าใช้จ่าย + โปรเจค |
| 💳 PromptPay | ชำระ |
| 🏆 My Bookings | แยก upcoming/past |
STUDIOS = [
{id, name, type, icon, img, price, rate, r, features:[], size, max},
... 9 items
];
EQUIPMENT = [
{id, name, desc, price, emoji},
... 8 items
];
PACKAGES = [
{id, name, save, info},
... 3 items
];
openBooking(studioId)
toggleSlot(time)
selectPkg(id)
toggleEq(id)
updateSummary()
📌 Live: https://codehub.sj88ai.com/studiobook/
ฟีเจอร์ครบครันที่มีใน StudioBook — ดูรายละเอียดในแท็บ "คู่มือฉบับเต็ม"
คลิกที่ filter pills ด้านบนเพื่อเลือกประเภทที่ต้องการ
คลิกที่การ์ดรายการที่สนใจ เพื่อเปิด modal รายละเอียด
เลือกวันที่, เวลา, จำนวนคน และตัวเลือกเพิ่มเติม
กดปุ่มยืนยัน → ระบบจะแสดง QR PromptPay เพื่อชำระเงิน