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

Développement d'une Plateforme SaaS de Production de Plus de 20 000 Lignes avec Claude Code : Leçons Tirées de l'Ingénierie Agentique à Grande Échelle
Use Cases

Développement d'une Plateforme SaaS de Production de Plus de 20 000 Lignes avec Claude Code : Leçons Tirées de l'Ingénierie Agentique à Grande Échelle

Un développeur a open-sourcé LastSaaS, un boilerplate SaaS prêt pour la production entièrement construit via des conversations avec Claude Code, avec un backend en Go, un frontend en React, une authentification multi-tenant, une facturation Stripe et un serveur MCP intégré. Le projet révèle ce qui fonctionne et nécessite de la discipline lors de l'utilisation d'agents IA pour le développement à grande échelle.

OpenClawRadar
Comment Neil Kakkar utilise Claude Code pour l'automatisation des flux de travail de développement
Use Cases

Comment Neil Kakkar utilise Claude Code pour l'automatisation des flux de travail de développement

Neil Kakkar décrit l'automatisation de la création de demandes de tirage avec une compétence /git-pr, le passage à SWC pour des redémarrages de serveur en moins d'une seconde, et l'utilisation de la fonctionnalité de prévisualisation de Claude Code pour vérifier automatiquement les modifications de l'interface utilisateur.

OpenClawRadar
Architecture OpenClaw : Construire un moteur de distribution persistant piloté par l'IA
Use Cases

Architecture OpenClaw : Construire un moteur de distribution persistant piloté par l'IA

L'architecture d'OpenClaw, avec son approche basée sur un démon et ses petits outils composables, ses recettes déclaratives et sa couche mémoire, permet des flux de travail d'automatisation continus et efficaces.

OpenClawRadar
Fractionner les agents d'IA pour éviter la perte de contexte
Use Cases

Fractionner les agents d'IA pour éviter la perte de contexte

Un développeur décrit la division d'un seul agent d'IA en trois agents spécialisés dotés de mémoires et d'espaces de travail distincts pour éviter les problèmes de fenêtre de contexte. Les agents communiquent via un simple système de boîte aux lettres pour coordonner des tâches comme la planification de voyage.

OpenClawRadar