fbpx

HTML5 Videochat

👁 🗨 HTML5 Videochat eine Web-App für Live-Cam-Streaming, Aufnahme und Chat. Es ist sowohl als schlüsselfertige Website mit erweiterten Interaktionen als auch als eigenständige Editionen für einfache Szenarien verfügbar (Live-Video-Streaming, 2 Art und Weise, wie Videoanrufe, Video-/Audio-Webcam-Aufnahme).
💻 100% WEBBASIERTE HTML5-App, kein Flash, keine Downloads. Dies macht es kompatibel mit den meisten modernen Geräten und Browsern, einschließlich mobiler Browser wie iOS Safari, Android Chrome.
💸 Die fortschrittlichste Truthahn-Site-Edition ist PaidVideochat-Plattform, die verwendet werden können, um Online-Videodienste-Geschäftsplattformen zu erstellen: Kompetente Beratung & LMS, Fans/Creators Paysite, Videochat für Erwachsene Model, Psychisches Lesen Live-Dienste.

Read on this page about: Hauptmerkmale, Verwendung von HTML5 und nicht von Flash, Videokonferenz, Video-Kollaboration / Präsentation, externe Encoder, zufälliger nächster Raum, Demos, Lizenzpreis für den vollen Modus , Anforderungen, FAQ, PHP-Integration.


Ganzseitige Videochat-Demo

Hauptmerkmale für HTML5-Videochat

  • 1 Weg zu vielen Live-Video-Streaming, in der öffentlichen Lobby
  • 2 Weg Videochat, unter vier Augen (1 zu 1) zeigt mit Anfrage/Genehmigungsinteraktion
  • Live-Wallet-Guthabenanzeige (Updates von Tipps und anderen Transfers)
  • Tipps mit mehreren anpassbaren Optionen, Geschenkbilder
  • WebRTC-Relay-Streaming (zuverlässig und skalierbar für viele Clients vom Streaming-Server, unabhängig von der Broadcaster-Upload-Verbindung)
  • Gruppe / privater kostenpflichtiger Videochat, zahlen pro Minute
  • Video / Audio- / Text-Chat-Modi (für Gruppentreffen und private Anrufe)
  • zufälliger Videochat mit der Schaltfläche Weiter, um in einen anderen Performer-Raum zu wechseln
  • Vollbild für Videochat-Schnittstelle oder Videowiedergabe
  • Kollaborationsmodus mit Dateifreigabe, Präsentation (Webcam, Bild, Video)
  • Adaptive Zielvideo-Bitrate (abhängig von der Nockenauflösung) und Konfiguration in Auflösungsänderung
  • WebRTC-Übertragungs-/Wiedergabe-Bitrate/Latenz/Jitter/Verluststatistik (Geöffnete Steuerelemente und Statistiken sollten in wenigen Sekunden angezeigt werden)
  • Schnappschuss-/Videowiedergabe anzeigen, während nicht gestreamt wird
  • Dunkler Modus / Leuchtet an: Jeder Benutzer kann den Schnittstellenmodus zur Laufzeit live umschalten
  • Geteilte Ansicht: Live-Video-Zusammenarbeit, Konferenzen mit mehreren Medienelementen


Nur HTML5: Kein Blitz

Die Verwendung der HTML5-Videochat-Schnittstelle wird dringend empfohlen, da die wichtigsten Browser planen, die Flash-Unterstützung in 2020.
HTML5 Videochat verwendet WebRTC-Technologie, um die Übertragung der Webcam direkt von der Website zu ermöglichen, ohne Flash.
Einige andere Lösungen verwenden Flash zum Senden und HTML5 HLS nur für die Wiedergabe, aber diese Anwendung / Schnittstelle verwendet Flash überhaupt nicht.
Dies macht es kompatibel und alle Funktionen in den meisten Browsern, einschließlich mobiler Browser, verfügbar. Einige Einschränkungen können bei der Ausrollung der Browsertechnologie gelten.


Demos

PaidVideochat Turnkey Site Plugins – Zugriff als Website-Besucher oder Registrierung als Benutzer für erweiterte Funktionen:

  • Ganzseitiger Videochat – Demoraum im Ganzseitenmodus (enthält minimalistisches Site-Menü)
  • Videochat-Raum – einen bestimmten Demoraum, spielt einen Teaser ab, da der Darsteller nicht online ist
  • Random Videochat – ein zufälliger Videochat-Raum, Mit der Schaltfläche Weiter in einen anderen Raum wechseln
  • Registrieren Sie sich in der Demo – Registrieren Sie sich als Ausführender oder Client, um auf erweiterte Funktionen zuzugreifen, einschließlich Rundfunk, privat 2 Weg Videochat, zahlen pro Minute

Einfacher 2 Way VideoCalls and Random Chat plugin :

Eigenständige Demos – Die HTML5 Videochat App ist auch in einigen vereinfachten demonstrativen Setups verfügbar, für schnelle Tests ohne Registrierung:


Vollmodus Lizenz / Preis

Bestellen Sie ein schlüsselfertiges Kombipaket mit Vollmoduslizenz und alle Hosting-Anforderungen So führen Sie die HTML5-Videochat-Funktionen aus.

HTML5 Videochat Schnittstelle erfordert eine Niveau 4 VideoWhisper Web-App-Lizenz, Um den voll ausgestatteten Modus ohne Werbung und Einschränkungen zu aktivieren, für kommerzielle Nutzung.
Eine niedrigere Lizenz kann für Preisdifferenz aktualisiert werden: ältere Flash-basierte Ebene 3 Video Chat Messenger-Lizenz kann für Preisunterschied aktualisiert werden.
Das Niveau 4 Lizenz beinhaltet vollen Modus für alle Untergeordneten App-Schnittstellen.

Ohne Vollmodus-Lizenz, Anwendung umfasst Einschränkungen des freien Modus wie aufdringliche Werbung in der Benutzeroberfläche wie: eine Schaltfläche für den freien Modus, Anzeige im Chat, Eingeschränkte Sendeauflösung (< 480p), Eingeschränkte maximale Broadcast-Bitrate (< 750Kbps).


Hosting-Anforderungen

HTML5 Videochat App beinhaltet spezifische Anforderungen: HTML5 WebRTC Relay Streaming für Zuverlässigkeit und Skalierbarkeit, SSL und spezifische Konfiguration auf einem bestimmten Streaming-Server, Sitzungssteuerung zur Verwaltung von Streams und Interaktionen zwischen Streaming und Webserver, ffmpeg mit involvierten Video-Codecs auf Webhost.

Alle Anforderungen sind mit dem schlüsselfertige komplette Hosting-Pläne, speziell für die Ausführung dieser Funktionen eingerichtet/konfiguriert/verwaltet.


Performer geht online. HTML5 Videochat-Anwendung kann im Ganzseitenmodus mit erweiterter Benutzeroberfläche geladen werden: chat, Kamera, Benutzerliste, Zimmeroptionen.

Performer geht online. HTML5 Videochat-Anwendung kann im Ganzseitenmodus mit erweiterter Benutzeroberfläche geladen werden: chat, Kamera, Benutzerliste, Zimmeroptionen.

 

Kundenansicht in der Lobby des Videochat-Raums: Kunden können die zufällige Videochat-Funktion verwenden, um schnell in einen anderen Ausführendenraum zu wechseln, mit der Schaltfläche Weiter.

Kundenansicht in der Lobby des Videochat-Raums: Kunden können die zufällige Videochat-Funktion verwenden, um schnell in einen anderen Ausführendenraum zu wechseln, mit der Schaltfläche Weiter.

 

Der Kunde kann eine Zahlung pro Minute privat anfordern 2 Weg Videoanruf an Anbieter. Der Ausführende kann akzeptieren oder ablehnen und im öffentlichen Gruppenchat bleiben.

Der Kunde kann eine Zahlung pro Minute privat anfordern 2 Weg Videoanruf an Anbieter. Der Ausführende kann akzeptieren oder ablehnen und im öffentlichen Gruppenchat bleiben.

 

Der Ausführende kann die Teilnahme akzeptieren 2 Weg privater Videochat (1 auf 1) mit Client.

Der Ausführende kann die Teilnahme akzeptieren 2 Weg privater Videochat (1 auf 1) mit Client.

 

Client-Ansicht in 2 Weg Videochat: Der Kunde kann Sowohl während privater als auch öffentlicher Sitzungen Tipps / Geschenke senden.

Streaming-Bitrate, Latenz, Jitter, Paketverluststatistiken und Warnungen für WebRTC-Broadcasts.

Streaming-Bitrate, Latenz, Jitter, Paketverluststatistiken und Warnungen für WebRTC-Broadcasts.

Video-Konferenz / Besprechungsmodus

Der Raumbesitzer kann den Konferenzmodus starten, indem er live von der Registerkarte Optionen umschalten.
Im Konferenzmodus, Zimmerbesitzer kann Display aufteilen 2, 4, 6 Slots, an denen er Streams von Teilnehmern auf der Registerkarte Benutzer zuweisen kann.
Wenn sich der Raum im Konferenzmodus befindet, erhalten alle Teilnehmer eine Registerkarte Kamera, um mit der Übertragung ihrer Webcam und ihres Mikrofons zu beginnen.
Im Konferenzmodus, Erweiterte Komplexitätsschnittstelle (mit Registerkarten) wird immer verwendet, um die erweiterten Funktionen und das Layout anzuzeigen.


Zusammenarbeit / Präsentationsmodus

HTML5 Videochat enthält einen Modus für Erweiterte Zusammenarbeit und Präsentationen. Zusätzlich zum Konferenzmodus, Die Zusammenarbeit umfasst die Dateifreigabe und die Möglichkeit, Bilder und Videos in Medienslots anzuzeigen.
Im Kollaborationsmodus, im Vergleich zu normalem Videochat, neue Funktion Tabs sind verfügbar: Benutzer, Dateien, Präsentation zusätzlich zum Chat, Kamera-Panels.
Künstler (Lehrer, Berater, Trainer, Moderator, Moderator) kann Dateien hochladen/löschen, andere Benutzerkameras oder Bilder/ Videos anzeigen, die jeder sehen kann.
Registrierte Kollaborationsteilnehmer können ihre Kamera auch übertragen, Dateien hochladen. Alle Teilnehmer können Dateien öffnen, Vom Moderator angezeigte Inhalte ansehen (Bäche, Dateien).

Videokonferenz HTML5: Teilen Sie den Bildschirm in mehrere Steckplätze, um Benutzern anzuzeigen, die ihre Webcams aktivieren. Zimmerbesitzer (Moderator) weist Benutzer Slots zu und steuert, was jeder sieht.

Videokonferenz HTML5: Teilen Sie den Bildschirm in mehrere Steckplätze, um Benutzern anzuzeigen, die ihre Webcams aktivieren. Zimmerbesitzer (Moderator) weist Benutzer Slots zu und steuert, was jeder sieht.

 

Zusammenarbeit HTML5 Videokonferenz: Geteilte Ansicht mit mehreren Medien: Benutzer-Streams, pictures, Videos.

Zusammenarbeit HTML5 Videokonferenz: Geteilte Ansicht mit mehreren Medien: Benutzer-Streams, pictures, Videos.


Dark Mode: Dunkler Modus / Leuchtet an, Jeder Benutzer kann die Benutzeroberfläche zur Laufzeit live umschalten. Räume im Kollaborationsmodus verfügen über Registerkarten für erweiterte Funktionen wie Dateifreigabe.

Dunkler Modus: Dunkler Modus / Leuchtet an, Jeder Benutzer kann die Benutzeroberfläche zur Laufzeit live umschalten. Räume im Kollaborationsmodus verfügen über Registerkarten für erweiterte Funktionen wie Dateifreigabe.


Externe Übertragung : OBS, GoCoder, Wirecast, Snap-Kamera-Effekte, Zoom-Meetings & Webinar (Englisch)

Darsteller können Live-Videos mit externen RTMP-Encodern wie OBS übertragen, GoCoder für iOS/Android, FFsplit, xSplit, vMix, Wirecast, Wirecast Go, Teradek Live:Air Solo, Zoom-Meetings & Webinare.
Diese können verwendet werden, um erweiterte Streaming-Kompositionen wie Shows mit mehreren Szenen zu erstellen, Videokonferenz-Panels, Übergänge, effects.

Darsteller können Einstellungen einfach kopieren (Tippen Sie, um alle auszuwählen) und konfigurieren Sie den Encoder Ihrer Wahl. Mit diesen Einstellungen können Ausführende jederzeit vom Encoder senden, ohne auf den Chat zugreifen zu müssen.
Wenn Sie gleichzeitig eine webbasierte Videochat-App verwenden, Broadcast wird erkannt und die interne webbasierte Webcam-Broadcasting-Schnittstelle wird ausgeblendet.
Die Wiedergabe erfolgt mit HTML5 HLS (mit einer zusätzlichen Latenz, die für die HLS-Übermittlungsmethode spezifisch ist).
Großartig, um Sendungen schnell mit Telefon oder professionellem Gerät zu starten, Anwendungen für erweiterte Szenenkomposition, Übergänge und Effekte.

OBS herunterladen

Laden Sie die Desktop-Anwendung Open Broadcster Software herunter und starten Sie das Streaming schnell und einfach unter Windows, Mac oder Linux. Bietet leistungsstarke Video-/Audioaufnahme und -mischung in Echtzeit.
Erstellen Sie Szenen, die aus mehreren Quellen bestehen, einschließlich Fensteraufnahmen, Bilder, Text, Browserfenster, webcams, Capture-Karten und mehr.
Wählen Sie aus einer Reihe von verschiedenen und anpassbaren Übergängen, wenn Sie zwischen Ihren Szenen wechseln oder Ihre eigenen Stinger-Videodateien hinzufügen.
Festlegen von Hotkeys für fast jede Art von Aktion, z. B. Wechseln zwischen Szenen, Starten/Stoppen von Streams oder Aufzeichnungen, Stummschalten von Audioquellen, Push zum Reden, und mehr.

SnapCamera mit Snap Lenses kann für Effekte verwendet werden, wenn OBS oder ein anderer Desktop-Encoder auf dem PC verwendet wird & Mac.

GoCoder iOS

Der Wowza GoCoder™ App von Wowza Media Systems™ ist eine Live-Audio- und Videoaufnahme- und Codierungsanwendung für iOS 8 und neuer. Verwenden Sie die Wowza GoCoder-App, um Live-Events in HD-Qualität unterwegs von jedem Ort auf jeden Bildschirm mit H.264-Streaming mit adaptiver Bitrate zu übertragen. Erfassen und streamen Sie Live-Audio- und Videoinhalte in Echtzeit über Wi-Fi, 4G, oder 3G.

GoCoder Android

Der Wowza GoCoder™ App von Wowza Media Systems™ ist eine Live-Audio- und Videoaufnahme- und Codierungsanwendung für Android 4.4 und später. Verwenden Sie die Wowza GoCoder-App, um Live-Events in HD-Qualität unterwegs von jedem Ort auf jeden Bildschirm mit H.264-Streaming mit adaptiver Bitrate zu übertragen. Erfassen und streamen Sie Live-Audio- und Videoinhalte in Echtzeit über Wi-Fi, 4G, oder 3G.


Unterstützung externer Encoder: Ausführende können mit RTMP-Encodern wie OBS senden, GoCoder für iOS/Android, Wirecast, XSplit, Wirecast Go, Teradek Live:Air Solo .

Unterstützung externer Encoder: Ausführende können mit RTMP-Encodern wie OBS senden, GoCoder für iOS/Android, Wirecast, XSplit, Wirecast Go, Teradek Live:Air Solo .


Verbessern Sie den Gesprächsfluss mit Erwähnungen, Antworten in HTML5 Videochat. Klicken Sie auf eine nachricht, um diesen Benutzer in Ihrer neuen Nachricht beantworten oder erwähnen zu können.. Antworten erhalten eine Schaltfläche, um schnell zu einer referenzierten Nachricht zu scrollen.

Verbessern Sie den Gesprächsfluss mit Erwähnungen, Antworten in HTML5 Videochat. Klicken Sie auf eine nachricht, um diesen Benutzer in Ihrer neuen Nachricht beantworten oder erwähnen zu können.. Antworten erhalten eine Schaltfläche, um schnell zu einer referenzierten Nachricht zu scrollen.


HTML5 Audio Recorder: Audioaufnahmen im Text-Chat senden.

HTML5 Audio Recorder: Audioaufnahmen im Text-Chat senden.

Zufälliger Videochat mit Der Schaltfläche "Weiter"

Ein zufälliges Client-Performer-Matchmaking-System, ähnlich wie Roulette-Videochat-Seiten, ist in der PaidVideochat-Lösung verfügbar, um schnell zwischen den Ausführendenräumen zu wechseln.

Random Videochat is available with a Schaltfläche "weiter" in HTML5 Videochat App Schnittstelle für PaidVideochat.

Ermöglicht Kunden den schnellen Umzug in einen anderen Ausführendenraum (ohne Chat-interface).
Nebenzimmer von Zimmern vor kurzem aktiv online ausgewählt, durch die Auswahl eines Raumes Benutzer nicht geben oder eingetragen am längsten vor (für die rotation).

Die Schaltfläche Weiter kann verwendet werden, um je nach Einstellung zu verfügbaren kostenlosen oder kostenpflichtigen Zimmern zu navigieren. Wird nicht in Räume navigieren wo Darsteller in privaten Show ist. Besucher bekommen immer freie Zimmer (weil sie keinen Ausgleich für kostenpflichtige shows).

Wenn Benutzer bezahlte Zimmer eingeben, Willkommens-Nachricht enthält Einzelheiten einschließlich Gruppe Kosten pro Minute und Gnade Zeit. Auch bezahlt ein behindertengerechtes Zimmer Symbol wird angezeigt Modus.
Wenn Sie ein bezahltes Zimmer (Wenn Einstellungen aktiviert), Benutzer wird nicht sofort belastet, da gibt es eine Zeit der Gnade (konfigurierbare). Wenn zur nächsten Raum oder Schließung chatten bevor Gnade Zeit endet in Bewegung, Eintritt kostenlos. Bezahltes Zimmer Willkommens-Nachricht hat auch ein spezielles Symbol zeigt Zahlung.

Back-End-Einstellungen umfassen Nebenzimmer frei/bezahlt oder Online-Zimmer nur auswählen. Kunden können ihr Glück mit dieser zufällige Matchmaking Roulette-Funktion können Sie schnell verschiedene Interpreten durchsuchen versuchen., ohne den Chat zu verlassen.

Simplified random videochat is also available in 2 Way VideoCalls and Random Chat plugin, with a live demo on 2 Way Random Videochat .


Zufälliger Videochat im nächsten Raum

Zufälliger Videochat im nächsten Raum

F.A.Q. über HTML5 Videochat & Kostenpflichtige Videochat-Lösung

  • Kann von der mobilen Kamera mit dem HTML5-Videochat senden?
    Ja, HTML5 Videochat verwendet HTML5 WebRTC-Technologie, die in mobilen Browsern wie Android Chrome verfügbar ist, iOS Safari.
    Dieselbe Anwendung wird sowohl in PC- als auch in mobilen Browsern geladen, mit einigen adaptiven Anpassungen, bezieht sich hauptsächlich auf das Layout, das an den mobilen Bildschirm angepasst ist.
  • Benötigen Benutzer Flash für HTML5 Videochat?
    Keine, Benutzer benötigen kein Flash-Plugin in ihren Browsern, um die HTML5 Videochat-App zu verwenden.
    PaidVideochat unterstützt auch eine Flash-basierte Schnittstelle, die verwendet werden kann, wenn sie vom Site-Administrator aktiviert und vom Ausführenden ausgewählt wird.
  • Können sowohl HTML5 Videochat als auch Flash Video Chat Schnittstellen verwendet werden?
    Die 2 Schnittstellen sind nicht in derselben Sitzung kompatibel: Der Ausführende muss die HTML5 Videochat-App verwenden, um eine Verbindung zu Clients herzustellen, die auch die HTML5 Videochat-App verwenden.
    Bei Verwendung der Flash Video Chat-Oberfläche, Mobile Clients erhalten eine vereinfachte HTML5-Streaming-Schnittstelle, nicht die erweiterte HTML5 Videochat App.
    Performer könnte sich für die Verwendung einer Flash-basierten Schnittstelle in geplanten Sitzungen entscheiden, in denen alle Clients auch PCs verwenden, für bestimmte Funktionen, die in dieser Schnittstelle verfügbar sind.


Integration mit anderen Frameworks / Scripts, Einfaches PHP-Setup

Die App ist auch in einigen vereinfachten Demonstrativ-Setups verfügbar, für schnelles Testen ohne Registrierung und Integration mit anderen Plattformen:

– Testen Sie die Live-Streaming / HTML5 Videochat – PHP Standalone Demo und erhalten Sie weitere Informationen unter GitHub – PHP HTML5 Videochat / Live-Streaming-Einrichtung .
– Testen Sie die Videoanruf / HTML5 Videochat – PHP Standalone Demo und erhalten Sie weitere Informationen unter GitHub – PHP HTML5 Videochat / Einrichtung von Videoanrufen .
– Testen Sie die Cam Recorder / HTML5 – Standalone-Demo und erhalten Sie weitere Informationen unter GitHub: Cam Recorder HTML5 Video Audio .

Die Videochat-Anwendung ist eine Frontend-HTML5-JS-basierte Lösung, die auf einem spezifischen Streaming-Server-Setup und webserverseitigen Backend-Site-Skripten basiert. Das WP-basierte turnkey Site-Plugin, Kostenpflichtiger Videochat – HTML5 PPV Live Webcams, wird als kostenloser Quellcode bereitgestellt und implementiert alle Features und Fähigkeiten.
Die Anforderungen an Anwendungslizenzierung und Hosting sind identisch, unabhängig von serverseitig verwendeten Skripten.
Zur Integration von HTML5 Videochat in Frameworks/Skripte, Es gibt auch eine vereinfachte einfacher PHP HTML5 Videochat Auflage, mit einigen grundlegenden Skripts, die die App einbetten und grundlegende Funktionen präsentieren. Diese Skripts enthalten einige vereinfachte Beispieldaten, um grundlegende Streaming- und Schnittstellenelemente in einem einfacheren Setup für Entwickler zu präsentieren..
– Einfache PHP-Edition beinhaltet keine Datenbank und Seiten, um Mitglieder zu verwalten, Räume, Abrechnung wie bei der PaidVideochat Turnkey Edition. Diese hängen von Framework/Skripten ab, mit denen Sie integrieren möchten, plugins, Datenbank, Mitgliedersystem.
– Die vereinfachte Edition kann auch als Beispiel zum Einbetten von Apps in andere Skripttypen wie ASP verwendet werden, JSP.
– Vereinfachte Skripts enthalten nur einige grundlegende Beispieldaten, Parameter für 3rd-Party-Entwickler, um zu verstehen, wie es funktioniert. Alle Funktionen sind vollständig mit dem schlüsselfertigen Site Edition WordPress Plugin implementiert, die bei der Integration in ein anderes Framework als Beispiel/Dokumentation verwendet werden sollten.