fbpx

HTML5 Videochat

👁 🗨 HTML5 Videochat eine Web-App für Live-Cam-Streaming, Aufnahme und Chat. Es’s sowohl als schlüsselfertige Website mit erweiterten Interaktionen als auch als Stand-alone-Editionen für einfache Szenarien verfügbar (Live-Video-Streaming, 2 Art und Weise Videoanrufe, Video-/Audio-Webcam-Aufnahme).
💻 100% HTML5-Webbasierte 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 Puten-Website-Edition ist PaidVideochat-Plattform, entwickelt, um eine Online-Videodienste-Geschäftsplattform zu erstellen.

Lesen Sie auf dieser Seite über: Hauptmerkmale, Verwenden von HTML5 und nicht Flash, Videokonferenz, Video-Zusammenarbeit / Präsentation, externen Encoder, zufällige nächste Zimmer, Demos, Vollmodus-Lizenzpreis , Anforderungen, FAQ, php-Integration.


Volle Seite Videochat Demo

Hauptmerkmale für HTML5 Videochat

  • 1 Weg zu vielen Live-Video-Streaming, in öffentlichen lobby
  • 2 Art und Weise videochat, unter vier augen (1 zu 1) zeigt mit Anforderungs-/Genehmigungsinteraktion
  • Live Brieftasche Saldenanzeige (Aktualisierungen von Tipps und anderen Übertragungen)
  • Tipps mit mehreren anpassbaren Optionen, Geschenk-Bilder
  • WebRTC weitergeleitet-streaming (zuverlässig und skalierbar für viele Kunden von Streaming-server, unabhängig vom Sender Upload Verbindung)
  • Gruppe / Privat bezahlt videochat, Pay-per-Minute-
  • Video / Audio- / Text-Chat-Modi (für Gruppensitzungen und private Anrufe)
  • zufällige Videochat mit Next-Taste zu verschiedenen Performer-Raum zu bewegen
  • Vollbild für Videochat-Schnittstelle oder Wiedergabevideo
  • Kollaborationsmodus mit Dateifreigabe, Präsentation (Webcam, Bild, Video)
  • Adaptive Zielvideobitrate (abhängig von der Nockenauflösung) und Konfiguration bei Auflösungsänderungen
  • WebRTC Broadcast/Playback Bitrate/Latenz/Jitter/Verlust-Statistiken (Offene Steuerelemente und Statistiken sollten in wenigen Sekunden angezeigt werden)
  • Snapshot/Videowiedergabe anzeigen, während nicht gestreamt wird
  • dunkler Modus / Lichter an: Jeder Benutzer kann Schnittstelle Modus live während der Laufzeit wechseln.
  • Geteilte Ansicht: Live-Video-Zusammenarbeit, Konferenzen mit mehreren Medienelementen


Nur HTML5: Kein Blitz

Die Verwendung der HTML5-Videochat-Schnittstelle wird dringend empfohlen, da die Hauptbrowser Pläne haben, die Flash-Unterstützung in 2020.
HTML5 Videochat verwendet WebRTC-Technologie ermöglichen Rundfunk-Webcam direkt von website, ohne Flash.
Einige andere Lösungen verwenden Flash um Broadcast- und HTML5 HLS nur für Wiedergabe, aber diese Anwendung / Schnittstelle verwendet Flash nicht auf allen.
Dies macht es kompatibel und alle Funktionen in den meisten Browsern einschließlich mobiler. Einige Einschränkungen können gelten, wenn die Browser-Technologie eingeführt wird.


Demos

Schlüsselfertige Setup-Demos – Zugriff als Site-Besucher oder Registrierung als Benutzer für erweiterte Funktionen:

  • Volle Seite Videochat – Demoraum im Ganzseitenmodus (enthält minimalistisches Website-Menü)
  • Videochat-Raum – ein bestimmter Demoraum, wird einen Teaser spielen, da der Darsteller nicht online ist
  • Zufälliger Videochat – ein zufälliger Videochat-Raum, Wechseln in einen anderen Raum mit der Schaltfläche Weiter
  • Registrieren Sie sich in Demo – Registrieren Sie sich als Performer oder Client, um auf erweiterte Funktionen zuzugreifen, einschließlich Rundfunk, Privatgelände 2 Art und Weise videochat, Pay-per-Minute-

Eigenständige Demos – Die Apps sind auch in einigen vereinfachten demonstrativen Setups verfügbar, für Schnelltests ohne Registrierung:


Vollmodus Lizenz / Preis

Bestellen Sie ein schlüsselfertiges Combo-Paket mit Vollmoduslizenz und alle Hosting-Anforderungen , um die HTML5 Videochat-Funktionen auszuführen.

HTML5 Videochat-Schnittstelle erfordert eine Ebene 4 VideoWhisper Web-App-Lizenz, So aktivieren Sie den vollständigen Modus ohne Werbung und Einschränkungen, für gewerbliche Zwecke.
Eine niedrigere Lizenz kann für Preisdifferenz aktualisiert werden: ältere Flash-basierte Ebene 3 Video Chat Messenger Lizenz kann für Preisdifferenz aktualisiert werden.
Das Niveau 4 Lizenz beinhaltet den Vollmodus für alle App-Schnittstellen auf niedrigerer Ebene.

Ohne Vollmodus Lizenz, Anwendung umfasst Einschränkungen des freien Modus wie aufdringliche Anzeigen in der Schnittstelle wie: eine Freie-Modus-Taste, Anzeige im Chat, eingeschränkte Rundfunkauflösung (< 480p), eingeschränkte maximale Sendebitrate (< 750Kbps).


Hosting-Anforderungen

HTML5 Videochat App umfasst bestimmte Anforderungen: HTML5 WebRTC-Relay-Streaming für Zuverlässigkeit und Skalierbarkeit, SSL und spezifische Konfiguration auf einem bestimmten Streaming-Server, Sitzungssteuerung zum Verwalten von Streams und Interaktionen zwischen Streaming und Webserver, ffmpeg mit beteiligten Video-Codecs auf Web-Host.

Alle Anforderungen sind mit dem schlüsselfertige komplette Hosting-Angebote, speziell eingerichtet/konfiguriert/verwaltet, um diese Funktionen auszuführen.


Performer geht online. HTML5 Videochat-Anwendung kann im Vollseitenmodus mit erweiterter Schnittstelle geladen werden: plaudern, Kamera, Benutzerliste, Raumoptionen.

Performer geht online. HTML5 Videochat-Anwendung kann im Vollseitenmodus mit erweiterter Schnittstelle geladen werden: plaudern, Kamera, Benutzerliste, Raumoptionen.

 

Kundenansicht in der Videochat-Zimmer-Lobby: Clients können zufällige Videochat-Funktionen verwenden, um schnell in einen anderen Leistungsergruppen zu wechseln, mit der Schaltfläche Weiter.

Kundenansicht in der Videochat-Zimmer-Lobby: Clients können zufällige Videochat-Funktionen verwenden, um schnell in einen anderen Leistungsergruppen zu wechseln, mit der Schaltfläche Weiter.

 

Der Kunde kann eine Bezahlung pro Minute privat anfordern 2 Videoanruf an Anbieter. Performer kann akzeptieren oder ablehnen und im öffentlichen Gruppenchat bleiben.

Der Kunde kann eine Bezahlung pro Minute privat anfordern 2 Videoanruf an Anbieter. Performer kann akzeptieren oder ablehnen und im öffentlichen Gruppenchat bleiben.

 

Performer kann akzeptieren, 2 Weg private Videochat (1 am 1) mit Client.

Performer kann akzeptieren, 2 Weg private Videochat (1 am 1) mit Client.

 

Kundenansicht in 2 Art und Weise videochat: Der Kunde kann Tipps/Geschenke sowohl während privater als auch öffentlicher Sitzungen 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 Zimmerbesitzer kann den Konferenzmodus starten, indem er live über die Registerkarte Optionen wechselt.
Im Konferenzmodus, Raumbesitzer kann Anzeige aufteilen, um 2, 4, 6 Slots, in denen er Streams von Teilnehmern auf der Registerkarte Benutzer zuweisen kann.
Wenn sich der Raum im Konferenzmodus befindet, erhalten alle Teilnehmer eine Kamera-Registerkarte, um ihre Webcam und ihr Mikrofon zu übertragen.
Im Konferenzmodus, erweiterte Komplexitätsschnittstelle (mit Tabs) 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, Zusammenarbeit umfasst Dateifreigabe und die Möglichkeit, Bilder und Videos in Medienslots anzuzeigen.
Im Kollaborationsmodus, im Vergleich zu normalen Videochat, neue Feature-Tabs sind verfügbar: Benutzer, Dateien, Präsentation zusätzlich zum Chat, Kamerapaneele.
Künstler (Lehrer, Berater, eisenbahnwagen, moderator, Moderator) kann Dateien hochladen/löschen, Zeigen Sie andere Benutzer-Cams oder Bilder/Videos an, damit jeder sie sehen kann.
Registrierte Kollaborationsteilnehmer können auch ihre Kamera senden, Dateien hochladen. Alle Teilnehmer können Dateien öffnen, Vom Moderator angezeigte Inhalte ansehen (Bäche, Dateien).

Videokonferenz HTML5: Split-Bildschirm in mehreren Steckplätzen, um Benutzern anzuzeigen, die ihre Webcams aktivieren. Zimmerbesitzer (Moderator) Ordnet Benutzer Slots zu und steuert, was jeder beobachtet.

Videokonferenz HTML5: Split-Bildschirm in mehreren Steckplätzen, um Benutzern anzuzeigen, die ihre Webcams aktivieren. Zimmerbesitzer (Moderator) Ordnet Benutzer Slots zu und steuert, was jeder beobachtet.

 

Collaboration HTML5 Videokonferenz: Geteilte Ansicht mit mehreren Medien: Benutzerstreams, Bilder, Videos.

Collaboration HTML5 Videokonferenz: Geteilte Ansicht mit mehreren Medien: Benutzerstreams, Bilder, Videos.


Dark-Modus: dunkler Modus / Lichter an, Jeder Benutzer kann die Schnittstelle zur Laufzeit live umschalten. Räume im Kollaborationsmodus verfügen über Registerkarten für erweiterte Funktionen wie Dateifreigabe.

Dark-Modus: dunkler Modus / Lichter an, Jeder Benutzer kann die Schnittstelle 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

Performer können Live-Video 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, Auswirkungen.

Performer können Einstellungen einfach kopieren (tippen Sie, um alle) und konfigurieren Sie Encoder ihrer Wahl. Mit diesen Einstellungen können Darsteller jederzeit von Encoder n-, ohne Zugriff auf Chat.
Wenn sie gleichzeitig auch die webbasierte Videochat-App verwenden, Broadcast wird erkannt und interne webbasierte Webcam-Übertragungsschnittstelle versteckt sich.
Die Wiedergabe erfolgt mit HTML5 HLS (mit einer zusätzlichen Latenz, die für die HLS-Bereitstellungsmethode spezifisch ist).
Ideal, um Sendungen schnell mit Telefon oder professioneller Ausrüstung zu starten, Anwendungen für fortgeschrittene Szenenkomposition, Übergänge und Effekte.

OBS herunterladen

Laden Sie Open Broadcster Software Desktop-Anwendung herunter und starten Sie das Streaming schnell und einfach unter Windows, Mac oder Linux. Bietet hohe Leistung in Echtzeit Video / Audio-Aufnahme und Mischen.
Erstellen von Szenen, die aus mehreren Quellen bestehen, einschließlich Fenstererfassungen, Bilder, Text, Browserfenster, Webcams, Erfassungskarten 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. Umschalten zwischen Szenen, Starten/Stoppen von Streams oder Aufzeichnungen, Stummschalten von Audioquellen, Push zum Reden, und vieles mehr.

SnapCamera mit Snap-Objektiven kann für Effekte verwendet werden, wenn OBS oder andere Desktop-Encoder auf dem PC verwendet werden & Mac.

GoCoder iOS

Die 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 von jedem Ort auf jeden Bildschirm mit H.264 adaptivebitrate Streaming zu übertragen. Erfassen und Streamen von Live-Audio- und Videoinhalten in Echtzeit über Wi-Fi, 4G, oder 3G.

GoCoder Android

Die 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 von jedem Ort auf jeden Bildschirm mit H.264 adaptivebitrate Streaming zu übertragen. Erfassen und Streamen von Live-Audio- und Videoinhalten in Echtzeit über Wi-Fi, 4G, oder 3G.


Externer Encoder-Support: Performer können mit RTMP-Encodern wie OBS senden, GoCoder für iOS/Android, Wirecast, XSplit, Wirecast Go, Teradek Live:Air Solo .

Externer Encoder-Support: Performer 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 beliebige Nachricht, um diesen Benutzer in Ihrer neuen Nachricht beantworten oder erwähnen zu können.. Antworten erhalten eine Schaltfläche zum schnellen Scrollen zur referenzierten Nachricht.

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


HTML5 Audio Recorder: Senden von Audioaufzeichnungen im Textchat.

HTML5 Audio Recorder: Senden von Audioaufzeichnungen im Textchat.

Zufälliger Videochat mit nächster Taste

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

Zufällige Viedeochat gibt es mit einem Schaltfläche "weiter" in HTML5 Videochat App-Schnittstelle.

Ermöglicht den Kunden schnell zu einem anderen Darsteller Raum wechseln (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 nächste Taste kann verwendet werden, zu kostenlosen oder kostenpflichtigen Zimmerverfügbarkeit abhängig von den Einstellungen 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.


Zufällige nächste Zimmer Videochat

Zufällige nächste Zimmer Videochat

HÄUFIGE FRAGEN. über HTML5 Videochat & PaidVideochat-Lösung

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


Integration in andere Frameworks / Scripts, Einfaches PHP-Setup

Die App ist auch in einigen vereinfachten demonstrativen 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-Setup .
– 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 Front-End-HTML5-JS-basierte Lösung, die auf bestimmten Streaming-Server-Setups und webserverseitigen Back-End-Siteskripts basiert.. Das WP-basierte schlüsselfertige Site-Plugin, Bezahlte Videochat – HTML5 PPV Live Webcams, wird als kostenloser Quellcode bereitgestellt und implementiert alle Funktionen und Funktionen.
Anwendungslizenz- und Hosting-Anforderungen sind die gleichen, unabhängig von Skripten, die auf der Serverseite verwendet werden.
Zur Integration von HTML5 Videochat in Frameworks/Skripte, es gibt auch eine vereinfachte einfaches PHP HTML5 Videochat Edition, 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..
– Die einfache PHP-Edition umfasst keine Datenbank und Seiten zum Verwalten von Mitgliedern, Zimmer, Abrechnung wie bei der Keykey Edition von PaidVideochat. Diese hängen von Frameworks/Skripten ab, die Sie in, Plugins, Datenbank, Mitgliedssystem.
– Die vereinfachte Edition kann auch als Beispiel verwendet werden, um App mit anderen Arten von Skripten wie ASP einzubetten, Jsp.
– Vereinfachte Skripts enthalten nur einige grundlegende Beispieldaten, Parameter für Entwickler von Drittanbietern, um zu verstehen, wie es funktioniert. Alle Funktionen sind vollständig mit der schlüsselfertigen Website-Edition WordPress-Plugin implementiert, die als Beispiel/Dokumentation verwendet werden sollten, wenn Sie in ein anderes Framework integrieren.