Maison >interface Web >js tutoriel >Streaming d'une caméra Raspberry Pi en VR avec JavaScript

Streaming d'une caméra Raspberry Pi en VR avec JavaScript

Jennifer Aniston
Jennifer Anistonoriginal
2025-02-19 12:25:09819parcourir

Cet article détaille comment diffuser des images d'une caméra Raspberry Pi à un navigateur Web, l'intégrant finalement dans une visionneuse de réalité virtuelle (VR). Le processus exploite l'interface Web RPI CAM pour la simplicité et l'efficacité.

Points clés:

  • Ce projet combine un Raspberry Pi avec un module de caméra, Node.js, NPM et la commande raspivid pour diffuser la vidéo.
  • webvr et javascript affichent le flux dans un casque VR (tout casque compatible WebVR fonctionne).
  • raspivid Paramètres (débit binaire, fréquence d'images, résolution) Impact Quality.
  • Le streaming multi-têtes et le streaming Internet sont possibles mais exigent plus de bande passante et de puissance de traitement.

Prérequis:

Vous aurez besoin d'un Raspberry Pi (testé avec un modèle B 2), du système d'exploitation Raspbian (NOOBS simplifie l'installation), une connexion Internet (Wi-Fi recommandé) et un module de caméra. Sauvegardez les données de votre PI avant de continuer.

Configuration du logiciel:

  1. Activer la caméra: Utiliser sudo raspi-config pour activer la caméra.
  2. Système de mise à jour: Exécuter sudo apt-get update, sudo apt-get dist-upgrade, et sudo rpi-update pour assurer le dernier logiciel.
  3. Installez l'interface Web RPI CAM: Clone le référentiel GitHub (git clone https://github.com/silvanmelchior/RPi_Cam_Web_Interface.git), accédez au répertoire (cd RPi_Cam_Web_Interface) et exécutez le programme d'installation (chmod u x RPi_Cam_Web_Interface_Installer.sh; ./RPi_Cam_Web_Interface_Installer.sh install). Choisissez l'option Apache Server lors de l'installation. Configurer les paramètres comme le chemin d'installation, le démarrage automatique sur le démarrage, le port (par défaut 80) et la sécurité (facultatif). Redémarrez votre pi.

Streaming a Raspberry Pi Camera Into VR With JavaScript

Streaming a Raspberry Pi Camera Into VR With JavaScript

Streaming a Raspberry Pi Camera Into VR With JavaScript

Streaming a Raspberry Pi Camera Into VR With JavaScript

Streaming a Raspberry Pi Camera Into VR With JavaScript

Streaming a Raspberry Pi Camera Into VR With JavaScript

Streaming a Raspberry Pi Camera Into VR With JavaScript

Intégration JavaScript:

Accédez aux images de la caméra via JavaScript à l'aide d'une URL comme celle-ci (remplacez par votre IP et dossier de votre PI): "http://192.168.0.12/picam/cam_pic.php?time=" new Date().getTime()

Le code fourni (disponible sur GitHub) intègre ce flux d'image dans une visionneuse VR basée sur Three.js. La fonction animate() va chercher l'image, met à jour la toile et rafraîchit la texture trois.js. Ajustez la taille de la toile et la position de la caméra au besoin dans la scène trois.js.

Streaming a Raspberry Pi Camera Into VR With JavaScript

Déploiement:

Déployez le code JavaScript sur le serveur Web de votre PI (par exemple, /var/www). Utilisez sudo chown -R pi www pour accorder des autorisations d'écriture si nécessaire, ou gérer via Git.

Conclusion:

Cette configuration fournit une méthode simple mais puissante pour diffuser un alimentation de caméra Raspberry Pi dans un environnement VR. La flexibilité de JavaScript permet une expansion et une intégration supplémentaires avec d'autres applications.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn