Ich versuche eine einfache Webseite zu erstellen, die Zugriff auf meine Webcam hat und das von meiner Webcam aufgenommene Video übertragen kann.
Ich bin neu bei Html5 und nehme an, dass es eine komplexe Aufgabe ist, eine solche Webseite von Grund auf neu zu erstellen. Ich möchte nur einige erfahrene Html5-Entwickler, die mir einen Ausgangspunkt bieten, vielleicht ein paar Tutorials in dieser Sache.
Nativer (nicht Flash-) Webcam- und Mikrofonzugriff in Chrome auf YouTube demonstriert von Paul Kinlan (Google):
Und sehen Sie sich das auch an: Hands on: Erstellen einer HTML5-Fotozelle mit der neuen Webcam-API von Chrome
In HTML5 noch nicht möglich. Sie müssen eine Art Browser-Plugin wie Flash verwenden.
Siehe diese Frage: Was ist der Status des HTML 5 & lt; Video & gt; Tag-und Webcam-Integration?
Die Übertragung in WebRTC ist laut Google noch nicht möglich Entwicklervideo .
Was Sie tun können:
Teilen Sie Ihren Bildschirm
Teilen Sie statische Daten (z. B. Bilder, Dateien usw.) über DataChannels
Verbinde dich mit einer Gruppe von Personen oder Einzelpersonen und teile deine Streams (Audio + Video)
Stellen Sie sicher, dass sich Ihre Webcam hinter einer Software befindet, die H264 über HTTP streamen kann (sehen Sie sich w3schools.com oder so an) und verwenden Sie die <video>
tag und zeigen Sie es auf Ihren PC (offene Ports, wenn Sie hinter NAT sind, ist üblich 8080, aber das ist abhängig von Ihrer Streaming-Software).
Zeigen Sie das Quell-Tag (NICHT SRC im Video-Tag, einige Browser hassen das) auf Ihre externe IP und Port.
Tags und Links html5 webrtc html5-video webcam broadcast