Universal TV Remote Pro

Aplikasi remote TV universal pintar berbasis React/Next.js dan PWA dengan haptic vibration, synthesizer audio klik tombol (Web Audio API), layar OLED digital interaktif, dan simulator layar TV 16:9 langsung di browser.

Tentang Proyek

Dibuat sebagai solusi praktis ketika remote TV fisik rusak atau hilang. Aplikasi ini mensimulasikan remote fisik genggam kelas atas dengan efek tekan 3D, getaran taktil nyata (navigator.vibrate), dan efek suara mekanikal menggunakan Web Audio API. Mendukung berbagai merek TV termasuk Roku, Android TV, Samsung Tizen, LG webOS, dan bahkan TV analog via ESP32 IR Blaster.

Tanggung Jawab & Fitur yang Saya Bangun

Mengembangkan antarmuka remote fisik obsidian ergonomis dengan efek tekan 3D, lekukan bertekstur, dan LED pemancar infra-merah yang menyala saat sinyal dikirim.

Mengimplementasikan haptic vibration feedback (navigator.vibrate) dan synthesizer suara klik tombol menggunakan Web Audio API murni tanpa aset audio eksternal.

Membangun layar OLED digital interaktif dan simulator TV 16:9 menampilkan status real-time, volume bar, channel aktif, serta pratinjau monitor.

Menyediakan dukungan multi-merek TV (Roku via HTTP ECP, Android TV, Samsung Tizen, LG webOS, dan TV analog via ESP32/ESP8266 IR Blaster).

Mengonfigurasi Progressive Web App (PWA) agar dapat dipasang langsung di layar utama smartphone tanpa unduhan dari App Store.

SYSTEM ARCHITECTURE & DATA BLUEPRINT

Arsitektur Sistem & Skema Database

Arsitektur PWA Mobile-First dengan Web Audio API Synthesizer, Haptic Feedback Engine, dan Multi-Protocol TV Control Bridge.

// Alur Pemrosesan Data dan Layering Arsitektur

01. Remote UI LayerSTEP 1

Physical Remote Simulation

Next.js App Router + React 19 + Tailwind CSS

Antarmuka remote fisik obsidian dengan D-Pad 5 arah, rocker volume/channel, numeric keypad lipat, tombol streaming, dan virtual trackpad/keyboard.

02. Sensory Feedback EngineSTEP 2

Haptic & Audio Synthesizer

Navigator.vibrate API + Web Audio API (OscillatorNode)

Getaran taktil untuk setiap penekanan tombol dan efek suara klik mekanikal serta nada power chime yang disintesis langsung di browser.

03. TV Control BridgeSTEP 3

Multi-Protocol Device Controller

HTTP ECP (Roku) + REST Bridge (Android TV) + WebSocket (Samsung/LG)

Adaptor protokol untuk mengirim perintah ke berbagai merek TV melalui jaringan lokal Wi-Fi.

04. PWA & Edge HostingSTEP 4

Installable Progressive Web App

Service Worker + Web App Manifest + Vercel Edge

Aplikasi dapat diinstal langsung di home screen smartphone, bekerja offline untuk UI dasar, dan di-host di edge network global.

Buka Live Demo Lihat Source Code Proyek Lainnya