Maison >interface Web >js tutoriel >Streaming d'une caméra Raspberry Pi en VR avec JavaScript
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:
raspivid
pour diffuser la vidéo. raspivid
Paramètres (débit binaire, fréquence d'images, résolution) Impact Quality. 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:
sudo raspi-config
pour activer la caméra. sudo apt-get update
, sudo apt-get dist-upgrade
, et sudo rpi-update
pour assurer le dernier logiciel. 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.
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.
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!