minarox / racecast

Interface for displaying race car data.

RaceCast

     

Web interface for the RaceCast project to broadcast live data from a rally car.
rallye.minarox.fr »

Table of Contents

• About
  • Built With
• Getting Started
  • Prerequisites
  • Installation
  • Deployment
• Author

About

The RaceCast project is a set of hardware and software solutions enabling a multitude of useful data to be broadcast live to spectators following the race.
This repository contains the Web interface that receives and displays data transmitted from the car, such as the audio/video stream from the onboard camera, and telemetry and GPS data.

Build With

• Astro
• LiveKit
• Highcharts

Getting Started

Prerequisites

• NodeJS 20.x or higher
• npm 7.x or higher

Installation

1. Clone the project

  git clone https://github.com/Minarox/RaceCast
  cd RaceCast

2. Install dependencies

  npm install

3. Create .env file at the root of the project with these variables:

PUBLIC_LIVEKIT_WS_URL="wss://example.com"
LIVEKIT_KEY="key"
LIVEKIT_SECRET="secret"
LIVEKIT_ROOM="room"

4. Start the server

  npm run dev

The development server should start on localhost:4321.

Deployment

The project is configured to be automatically deployed on Cloudflare Pages.
To compile the project locally, run the following command:

  npm run build

A new dist folder will appear containing the entire compiled website.

Author

@Minarox

racecast's Issues

Correction affichage mobile

Correction de l'affichage de l'interface sur mobile et tablette.

• Empêcher le zoom

Intégrations Astro

Ajouter des fonctionnalités grâce aux intégrations disponibles pour Astro.

Front-End pour les utilisateurs

Créer un Front-End pour les utilisateurs lambda pour visualiser le flux audio / vidéo principal et la position GPS et vitesse de la voiture.

Gauge chart animation

The animation of the gauge chart sometimes stops and does not recover until the API stops sending data and tu current animation of the chart ends.

Expiration de la room

Supprimer totalement l'expiration de la room LiveKit.
→ Documentation

# Requête
[POST] https://live.minarox.fr/twirp/livekit.RoomService/CreateRoom

# En-tête
- Authorization: Bearer ...
- Content-Type: application/json

# Contenu (JSON)
{
    "name": "racecast",
    "empty_timeout": 999999999,
    "max_participants": 0,
    "metadata":  "{\"name\": \"Rallye du Pays Viganais 2024\", \"link\": \"https://www.rallyego.com/rallye-du-pays-viganais/\", \"stages\": [{ \"name\": \"ES 1\", \"time\": null }, { \"name\": \"ES 2\", \"time\": null }, { \"name\": \"ES 3\", \"time\": null }, { \"name\": \"ES 4\", \"time\": null }, { \"name\": \"ES 5\", \"time\": null }]}"
}

Fixes

• Remove Emitter from viewer count
• Fix statistics not register users

Reconnexion LiveKit

• Améliorer le délai de reconnexion au salon LiveKit
• Garder en mémoire le flux audio / vidéo pour ne pas le recréer à chaque déconnexion longue

Interface responsive

Rendre l'interface responsive sur de plus petits écrans.

• Corriger le scroll quand on le commence depuis le graphique d'accélération

Responsive design

Make the application fully responsive to different screen sizes.

Connexion automatique

Connexion automatique au serveur LiveKit à l'ouverture de l'interface.

• Supprimer le bouton sur le player
• Icône de chargement en attendant la connexion
• Message de statut au milieu du player si l'émetteur est déconnecté / n'émet rien
• Bouton d'activation du son si la lecture automatique à échouée

Compteur utilisateurs

Ajouter un module indiquant le nombre de personne actuellement en train de visionner le direct.

WebRTC

Implement WebRTC communication and stream in the application with auto-reconnection.

Statistiques

Rajouter le module de récupération des statistiques d'utilisation du site.