Skip to main content

About

Code9 CarPlay — In-Vehicle Entertainment & Control System for FiveM

This section

About

Description

Code9 CarPlay is a professional in-vehicle entertainment and control system for FiveM. It features a modern React-based UI accessible from the driver seat, with vehicle controls, a music player (YouTube via xsound with 3D positional audio), autopilot navigation, light control, weather display, rear camera, and persistent user data — all fully configurable.

Key Features

Dashboard

  • Weather widget with temperature and conditions
  • Minimap with real-time player position
  • Fuel gauge with live updates
  • In-game time and date display
  • Player profile with character name and Steam avatar

Vehicle Control

  • Interactive vehicle diagram for door and window control
  • Individual door control: left front, right front, back left, back right, hood, trunk
  • Individual window control for all four windows
  • Engine toggle and vehicle lock/unlock
  • Door dance mode — random door and light animation

Music Player

  • YouTube music playback via xsound with 3D positional audio
  • Distance-based volume fading — full volume inside, fades linearly outside
  • Playlist management with create, add, and play-all support
  • Liked songs collection
  • Resume playback support with 10-minute TTL per vehicle
  • Volume control synced across all nearby players
  • Loop mode support

AutoPilot

  • GPS-guided autonomous driving with three speed modes: Eco, Sport, Sport+
  • 17 configurable driving style flags (traffic lights, pedestrians, lanes, etc.)
  • Real-time GPS distance tracking and turn-by-turn direction
  • Street name display during navigation
  • Job-based restriction support
  • Waypoint selection via interactive GTA V map (Leaflet)

Light Control

  • Headlights: On/off toggle, 13 xenon color presets via color picker
  • Underglow Neon: Front, back, left, right zone toggles with RGB color picker
  • Effects: Random RGB cycling and blink effects for both headlights and neon
  • Configurable effect speed

Rear Camera

  • Scripted camera attached to the rear of the vehicle
  • Follows vehicle rotation in real-time
  • Custom camera offset per vehicle model
  • Configurable exit key

Themes & Persistence

  • 4 built-in themes (gray, blue, red, yellow) with per-player selection
  • All preferences stored in MySQL: theme, navigation state, playlists, liked songs, volume
  • Navigation overlay position is draggable and persistent

Multi-Framework & Multi-Inventory

  • Frameworks: ESX, QBCore, Standalone (configurable)
  • Inventories: ox_inventory, qs-inventory, codem-inventory, esx, qbcore, origen_inventory, core_inventory
  • Fuel Systems: LegacyFuel, cdn-fuel, ps-fuel, lj-fuel, ox_fuel
  • Lock Systems: Default, cd_garage, qb-vehiclekeys, qs-vehiclekeys
  • Databases: oxmysql, mysql-async, ghmattimysql

Performance

  • Optimized for minimal resource usage (0.00 - 0.01ms)
  • Lightweight per-frame operations with smart sleep management