Heim > Web-Frontend > js-Tutorial > Streamen einer Raspberry PI -Kamera in VR mit JavaScript

Streamen einer Raspberry PI -Kamera in VR mit JavaScript

Jennifer Aniston
Freigeben: 2025-02-19 12:25:09
Original
816 Leute haben es durchsucht

In diesem Artikel wird beschrieben, wie Bilder von einer Himbeer -PI -Kamera zu einem Webbrowser gestreamt werden und sie schließlich in einen Virtual Reality (VR) -Ver -Viewer integriert werden. Der Prozess nutzt die RPI -CAM -Webschnittstelle für Einfachheit und Effektivität.

Schlüsselpunkte:

  • Dieses Projekt kombiniert einen Himbeer -Pi mit einem Kameramodul, Node.js, NPM und dem Befehl raspivid, um Video zu streamen.
  • webvr und javaScript zeigen den Stream in einem VR-Headset an (jedes webVR-kompatible Headset funktioniert).
  • raspivid Einstellungen (Bitrate, Bildrate, Auflösung) Impact -Stream -Qualität.
  • Mehrkopf- und Internet-Streaming sind möglich, verlangen aber mehr Bandbreite und Verarbeitungsleistung.

Voraussetzungen:

Sie benötigen einen Raspberry PI (getestet mit einem PI 2-Modell B), Raspbian OS (Noobs vereinfachen Installation), eine Internetverbindung (empfohlene Wi-Fi) und ein Kameramodul. Sichern Sie die Daten Ihres PI, bevor Sie fortfahren.

Software -Setup:

  1. Aktivieren Sie die Kamera: Verwenden Sie sudo raspi-config, um die Kamera zu aktivieren.
  2. system aktualisieren: run sudo apt-get update, sudo apt-get dist-upgrade und sudo rpi-update, um die neueste Software zu gewährleisten.
  3. RPI -CAM -Webschnittstelle installieren: Klonen Sie das GitHub -Repository (git clone https://github.com/silvanmelchior/RPi_Cam_Web_Interface.git), navigieren Sie zum Verzeichnis (cd RPi_Cam_Web_Interface) und führen Sie den Installationsprogramm (chmod u x RPi_Cam_Web_Interface_Installer.sh; ./RPi_Cam_Web_Interface_Installer.sh install) aus. Wählen Sie während der Installation die Option Apache Server. Konfigurieren Sie Einstellungen wie Installationspfad, automatisch im Start, Port (Standard 80) und Sicherheit (optional). Starten Sie Ihren 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

JavaScript -Integration:

Zugriff auf Kamera -Bilder über JavaScript mit einer URL wie dieser (Ersetzen Sie durch IP und Ordner Ihres PI): "http://192.168.0.12/picam/cam_pic.php?time=" new Date().getTime()

Der bereitgestellte Code (verfügbar auf GitHub) integriert diesen Bildstrom in einen VR-basierten VR-Viewer von drei. Die Funktion animate() ruft das Bild ab, aktualisiert die Leinwand und aktualisiert die drei.js -Textur. Passen Sie die Größe der Leinwand und die Kamera -Position nach Bedarf innerhalb der drei.js -Szene an.

Streaming a Raspberry Pi Camera Into VR With JavaScript

Bereitstellung:

Bereiten Sie den JavaScript -Code auf dem Webserver Ihres PI (z. B. /var/www) ein. Verwenden Sie sudo chown -R pi www, um bei Bedarf Schreibberechtigungen zu erteilen, oder verwalten Sie über Git.

Schlussfolgerung:

Dieses Setup bietet eine einfache, aber leistungsstarke Methode zum Streamieren eines Raspberry PI -Kamera -Feeds in eine VR -Umgebung. Die Flexibilität von JavaScript ermöglicht eine weitere Expansion und Integration mit anderen Anwendungen.

Das obige ist der detaillierte Inhalt vonStreamen einer Raspberry PI -Kamera in VR mit JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage