Développeur crée un visualisateur multistream de nouvelles YouTube avec Claude Code

✍️ OpenClawRadar📅 Publié: March 18, 2026🔗 Source
Développeur crée un visualisateur multistream de nouvelles YouTube avec Claude Code
Ad

Un développeur a créé Beholder, un visualiseur multistream d'actualités YouTube gratuit qui affiche simultanément des dizaines de flux d'actualités en direct dans une disposition de grille à échelle automatique. Le projet a été créé en utilisant Claude Code sur une installation Raspberry Pi fraîche.

Comment Claude Code a été utilisé

Le développeur a configuré un Raspberry Pi frais avec Claude Code, lui donnant la permission d'installer tout ce qui était nécessaire pour le développement et le débogage. Selon le développeur, Claude Code :

  • A construit toute l'interface utilisateur frontend, y compris les composants React pour la grille de flux adaptative, le navigateur de chaînes, le panneau de paramètres, les bandeaux défilants, les fenêtres modales, les notifications toast et la disposition réactive mobile
  • A créé un système de notifications toast pour la gestion des erreurs afin que les échecs d'API ne soient pas silencieux
  • A ajouté une détection d'erreur de flux qui affiche les flux cassés/hors ligne avec une superposition contenant un lien YouTube et un bouton de suppression au lieu de simplement afficher une boîte noire
  • A aidé à évaluer les conditions d'utilisation de YouTube pour rester conforme à la collecte de données
  • A débogué et corrigé les bogues causés par la base de données des flux en direct et le logiciel de scan qui la maintient à jour
  • Continue de gérer les tâches administratives comme "Hey Claude, l'URL de CNN est incorrecte, rescane et mets à jour la base de données"
Ad

Fonctionnalités de l'application

Beholder propose :

  • Plus de 200 chaînes d'actualités en direct de 6 continents dans une grille dynamique qui s'adapte automatiquement à votre écran
  • Chaînes organisées par région (États-Unis, Europe, Asie, Afrique, Amérique latine) ou par évaluation de biais médiatique
  • Bandeau d'actualités défilant en direct tirant les titres de plus de 30 flux RSS (AP, Reuters, BBC, CNN, etc.)
  • Bandeau boursier en temps réel avec cotations détaillées, principales valeurs mobiles et intégration Yahoo Finance
  • Bandeau de pannes Internet alimenté par Cloudflare Radar montrant les pannes actives par localisation et cause
  • Mode "Faire une pause" qui remplace les actualités par de la musique lo-fi, des dessins animés, des webcams nature et des flux de méditation
  • Fonctionnalité d'épinglage/mise au point pour agrandir n'importe quel flux tout en gardant les autres visibles
  • Muet par flux et global, basculement des sous-titres, colonnes de grille et taille de police ajustables
  • Compatibilité mobile, tablette et ordinateur de bureau

Différences clés par rapport à l'ouverture de plusieurs onglets YouTube

  • Le scanner en arrière-plan découvre continuellement quelles chaînes sont réellement en direct en ce moment — pas de liens obsolètes
  • Les étiquettes de biais sur chaque chaîne aident les utilisateurs à diversifier consciemment leur consommation d'actualités (ou à masquer le contenu indésirable)
  • Capacité de voir comment CNN, BBC, Al Jazeera et Fox couvrent la même histoire côte à côte

Stack technologique

  • Frontend : React, Vite, Cloudflare Pages
  • Backend : Python/FastAPI, PostgreSQL, Railway
  • APIs externes : YouTube API, Yahoo Finance API, Cloudflare Radar API, RSS

Le développeur note que cela a commencé comme un outil personnel pour surveiller les actualités en direct et a évolué depuis. L'application est en ligne à l'adresse https://beholder.news.

📖 Read the full source: r/ClaudeAI

Ad

👀 See Also

Fondateur Solo Crée une Vidéo de Démonstration avec Claude Code et Remotion
Use Cases

Fondateur Solo Crée une Vidéo de Démonstration avec Claude Code et Remotion

Un développeur solo a utilisé Claude Code et Remotion pour créer une vidéo de démonstration de produit en un week-end pour 0$, surmontant un retard de lancement causé par un manque de compétences en design et des contraintes budgétaires.

OpenClawRadar
Ajout d'une couche navigateur légère à OpenClaw sur un VPS sans interface graphique
Use Cases

Ajout d'une couche navigateur légère à OpenClaw sur un VPS sans interface graphique

Un développeur partage son approche pour gérer les sites qui nécessitent plus qu'une navigation purement sans interface graphique, en ajoutant un environnement de navigateur visuel minimal uniquement lorsque nécessaire, tout en gardant le VPS sans interface graphique par défaut et en réutilisant des profils de navigateur persistants.

OpenClawRadar
Leçons pratiques de la construction d'un agent compagnon IA local permanent
Use Cases

Leçons pratiques de la construction d'un agent compagnon IA local permanent

Un développeur partage ses enseignements après avoir fait fonctionner un agent d'IA auto-hébergé sur un Mac mini M4 pendant plusieurs mois, couvrant l'architecture mémoire, l'optimisation des prompts système, les embeddings locaux, les échelles de modèles et les limites d'itération des outils.

OpenClawRadar
Exécuter Claude Code 24/7 en tant qu'Agent en Arrière-plan — 2 Semaines d'Expérience
Use Cases

Exécuter Claude Code 24/7 en tant qu'Agent en Arrière-plan — 2 Semaines d'Expérience

Un développeur partage sa configuration pour exécuter Claude Code en continu sur un VPS, gérant les revues de code, le refactoring et les déploiements pendant son sommeil.