MabarVIP
MabarVIP adalah platform monetisasi streaming berbasis web untuk konten kreator Indonesia yang memungkinkan streamer menerima donasi, menjual sesi mabar (main bareng) dengan sistem antrian otomatis, dan mencairkan pendapatan — semua dalam satu dasbor terintegrasi.
Project Context
MabarVIP dibangun untuk menjawab kebutuhan nyata para streamer Indonesia yang selama ini mengelola sesi mabar secara manual di kolom komentar live stream — sebuah proses yang kacau, rawan kesalahan, dan tidak terukur. Platform ini dirancang sebagai solusi end-to-end: penonton mengunjungi halaman publik streamer, memilih paket mabar atau donasi, menyelesaikan pembayaran melalui gateway Duitku (VA bank, QRIS, e-wallet), lalu nama mereka otomatis masuk ke antrian yang bisa dikelola streamer secara real-time dari dasbor. Perubahan antrian — mulai bermain, selesai, atau dihapus — langsung di-broadcast via WebSocket (Laravel Reverb) ke overlay OBS yang tertanam langsung di layar siaran, tanpa reload. Streamer dapat menyesuaikan warna overlay, mengatur paket mabar per game, mengaktifkan fast-track untuk prioritas antrian, dan memantau riwayat donasi serta saldo yang siap dicairkan kapan saja ke rekening bank. Di sisi keamanan dan kepercayaan, platform dilengkapi sistem badge tier otomatis (Bronze hingga SuperStar) berdasarkan jumlah donasi, badge terverifikasi yang diberikan manual oleh admin, filter kata kasar global, pemblokiran font generator Unicode, serta panel admin berbasis RBAC lengkap dengan audit log, 2FA TOTP, dan manajemen penarikan dana berjenjang.
The Challenge
antangan utama dalam membangun MabarVIP adalah mengelola antrian pemain secara real-time di tengah sesi live streaming yang dinamis — ketika puluhan penonton bisa memesan mabar secara bersamaan, pembayaran harus diverifikasi secara otomatis via callback server-to-server dari Duitku, antrian harus tersusun dengan benar berdasarkan prioritas fast-track, dan semua perubahan status harus langsung tercermin di OBS overlay streamer tanpa delay yang mengganggu jalannya siaran.
Our Engineered Solution
Solusinya adalah arsitektur event-driven berbasis WebSocket menggunakan Laravel Reverb sebagai self-hosted broadcaster — setiap perubahan status antrian memicu event QueueUpdated yang disiarkan ke channel publik queue.{streamerId}, sehingga overlay OBS dan halaman publik menerima update secara instan. Untuk pembayaran, sistem memisahkan antara return URL (yang tidak dipercaya) dan server-to-server callback dari Duitku sebagai sumber kebenaran status transaksi, mencegah race condition dan manipulasi status bayar.
The Business Impact
- Waktu pengelolaan antrian mabar berkurang dari rata-rata 10–15 menit manual menjadi nol — sepenuhnya otomatis setelah pembayaran berhasil. - Streamer dapat mengelola sesi live dan antrian secara bersamaan tanpa bantuan moderator tambahan. - Platform mendukung multiple payment method (6 metode) yang mencakup mayoritas preferensi pembayaran digital pengguna Indonesia. - Sistem audit log merekam setiap tindakan admin, meningkatkan akuntabilitas operasional platform secara signifikan. - Overlay OBS dengan token keamanan unik memastikan tidak ada pihak ketiga yang dapat menyalahgunakan tampilan antrian streamer.