HTML5 Videochat

HTML5 videochat app είναι το πιο πρόσφατο interface που προστέθηκε σε Πλατφόρμα PaidVideochat, σχεδιαστεί ειδικά για την παροχή προηγμένων αλληλεπιδράσεων με Μόνο HTML5, Με χωρίς φλας plugin. This makes it compatible with most browsers including mobile browsers like iOS Safari, Android Chrome.

Διαβάστε σε αυτή τη σελίδα: key features, using HTML5 not Flash, video conference, video collaboration / presentation, external encoders, demos, full mode license price , απαιτήσεις, ΣΥΧΝΈΣ ΕΡΩΤΉΣΕΙΣ, php integration.


Full Page Videochat Demo

Βασικά χαρακτηριστικά για videochat HTML5

  • 1 τρόπος για πολλές ζωντανές streaming βίντεο, στο λόμπι του δημόσιου
  • 2 Τρόπος videochat, ιδιωτικά (1 να 1) εμφανίζεται με αίτηση/έγκριση αλληλεπίδρασης
  • ζωντανή πορτοφόλι ισορροπία εμφάνισης (ενημερώσεις από συμβουλές και άλλες διαβιβάσεις)
  • συμβουλές με πολλές επιλογές προσαρμόσιμες, δώρο εικόνες
  • WebRTC αναμεταδίδονται ροής (αξιόπιστη και επεκτάσιμη σε πολλά προγράμματα-πελάτες από streaming server, ανεξάρτητα από τη σύνδεση ραδιοτηλεοπτικό φορέα αποστολής)
  • ομάδα / ιδιωτική καταβάλλονται videochat, βίντεο πληρωμής ανά λεπτό
  • τυχαία videochat με επόμενη κουμπί για να μετακινηθείτε σε διαφορετικό εκτελεστής δωμάτιο
  • σε πλήρη οθόνη για διεπαφή videochat ή βίντεο αναπαραγωγής
  • λειτουργία συνεργασίας με κοινή χρήση αρχείων, presentation (webcam, Εικόνα, Βίντεο)
  • προσαρμοζόμενος ρυθμός bit βίντεο-στόχου (ανάλογα με την ανάλυση cam) και διαμόρφωση στην αλλαγή επίλυσης
  • broadcasting/playback bitrate stats (open controls and stats should show in few seconds)
  • show snapshot/video playback while not streaming
  • σκοτεινή λειτουργία / φώτα: κάθε χρήστης μπορεί να εναλλάσσει τη λειτουργία διασύνδεσης ζωντανά στο χρόνο εκτέλεσης
  • split view: live video collaboration, conferencing showing multiple media items


Μόνο HTML5: Χωρίς φλας

Χρησιμοποιώντας τη διεπαφή videochat HTML5 συνιστάται ιδιαίτερα καθώς τα κύρια προγράμματα περιήγησης έχουν σχέδια για να διακόψετε την υποστήριξη Flash σε 2020.
HTML5 videochat χρησιμοποιεί τεχνολογία WebRTC για να επιτρέψει τη μετάδοση webcam απευθείας από την ιστοσελίδα, χωρίς ανάγκη για φλας.
Μερικές άλλες λύσεις χρησιμοποιούν Flash για να εκπέμψουμε και HTML5 μόνο για την αναπαραγωγή, αλλά αυτή η εφαρμογή / διεπαφή δεν χρησιμοποιεί φλας σε όλα τα.
Αυτό το καθιστά συμβατό και όλες τις λειτουργίες που είναι διαθέσιμες στα περισσότερα προγράμματα περιήγησης, συμπεριλαμβανομένων των φορητών iOS Safari, Android Chrome.


Demos

  • Fullpage Videochatdemo room in full page mode (includes minimalist site menu)
  • Videochat δωμάτιο – μια συγκεκριμένη αίθουσα επίδειξης, θα παίξουν ένα πειραχτήρι ως ερμηνευτής δεν είναι σε απευθείας σύνδεση
  • Τυχαία Videochat – ένα τυχαίο δωμάτιο videochat, μετακινηθείτε σε διαφορετικό δωμάτιο με το κουμπί Επόμενο
  • Εγγραφείτε στο demo – Εγγραφείτε ως ερμηνευτής ή πελάτης για να αποκτήσετε πρόσβαση σε προηγμένα χαρακτηριστικά, συμπεριλαμβανομένων των μεταδόσεων, ιδιωτικό 2 Τρόπος videochat, βίντεο πληρωμής ανά λεπτό


Full Mode License / Price

Παραγγείλετε ένα πακέτο combo στο χέρι με άδεια πλήρους λειτουργίας και όλες τις απαιτήσεις φιλοξενίας για να εκτελέσετε τις δυνατότητες videochat HTML5.

Η διεπαφή videochat HTML5 απαιτεί επίπεδο 4 Άδεια χρήσης Web App βίντεο, για να ενεργοποιήσετε την πλήρη λειτουργία χωρίς διαφημίσεις και περιορισμούς, για εμπορική χρήση.
Μια χαμηλότερη άδεια μπορεί να αναβαθμιστεί για τη διαφορά τιμής: older Flash based level 3 Βίντεο chat Messenger άδεια μπορεί να αναβαθμιστεί για τη διαφορά τιμής.
Το επίπεδο 4 άδεια χρήσης περιλαμβάνει πλήρη λειτουργία για όλες τις διασυνδέσεις εφαρμογών κατώτερου επιπέδου.

Χωρίς πλήρης λειτουργία άδειας χρήσης, εφαρμογή περιλαμβάνει περιορισμοί ελεύθερης λειτουργίας σαν ενοχλητικές διαφημίσεις σε διασύνδεση όπως: ένα κουμπί ελεύθερης λειτουργίας, διαφήμιση στη συνομιλία, περιορισμένη ανάλυση εκπομπών (< 480P), περιορισμένη μέγιστη συχνότητα μετάδοσης bitrate (< 750Kbps).


Hosting Requirements

HTML5 videochat εφαρμογή περιλαμβάνει συγκεκριμένες απαιτήσεις: Ροή αναμετάδοσης HTML5 WebRTC για αξιοπιστία και δυνατότητα κλιμάκωσης, SSL και συγκεκριμένη ρύθμιση παραμέτρων σε συγκεκριμένο διακομιστή ροής, Έλεγχος περιόδου λειτουργίας για τη διαχείριση ροών και αλληλεπιδράσεων μεταξύ ροής και διακομιστή Web, FFmpeg με εμπλεκόμενους κωδικοποιητές βίντεο στον κεντρικό υπολογιστή Web.

Όλες οι απαιτήσεις είναι διαθέσιμες με το κλειδί στο χέρι πλήρες φιλοξενώντας σχέδια, specifically setup/configured/managed to run these features.


Ερμηνευτής πηγαίνει σε απευθείας σύνδεση. HTML5 videochat εφαρμογή μπορεί να φορτώσει σε λειτουργία πλήρους σελίδας με προηγμένη διεπαφή: Συνομιλίας, Κάμερα, λίστα χρηστών, επιλογές δωματίων.

Ερμηνευτής πηγαίνει σε απευθείας σύνδεση. HTML5 videochat εφαρμογή μπορεί να φορτώσει σε λειτουργία πλήρους σελίδας με προηγμένη διεπαφή: Συνομιλίας, Κάμερα, λίστα χρηστών, επιλογές δωματίων.

 

Προβολή προγράμματος-πελάτη στο λόμπι του δωματίου videochat: Οι πελάτες μπορούν να χρησιμοποιήσουν τυχαία λειτουργία videochat για να μετακινηθείτε γρήγορα σε ένα διαφορετικό δωμάτιο ερμηνευτή, με το κουμπί "Επόμενο".

Προβολή προγράμματος-πελάτη στο λόμπι του δωματίου videochat: Οι πελάτες μπορούν να χρησιμοποιήσουν τυχαία λειτουργία videochat για να μετακινηθείτε γρήγορα σε ένα διαφορετικό δωμάτιο ερμηνευτή, με το κουμπί "Επόμενο".

 

Ο πελάτης μπορεί να ζητήσει πληρωμή ανά λεπτό ιδιωτικής 2 κλήση βίντεο προς τον πάροχο. Ερμηνευτής μπορεί να αποδεχθεί ή να αρνηθεί και να παραμείνουν σε δημόσια συνομιλία ομάδα.

Ο πελάτης μπορεί να ζητήσει πληρωμή ανά λεπτό ιδιωτικής 2 κλήση βίντεο προς τον πάροχο. Ερμηνευτής μπορεί να αποδεχθεί ή να αρνηθεί και να παραμείνουν σε δημόσια συνομιλία ομάδα.

 

Ο ερμηνευτής μπορεί να δεχθεί να εισέλθει 2 τρόπος ιδιωτική videochat (1 σχετικά με 1) με τον πελάτη.

Ο ερμηνευτής μπορεί να δεχθεί να εισέλθει 2 τρόπος ιδιωτική videochat (1 σχετικά με 1) με τον πελάτη.

 

Προβολή υπολογιστή-πελάτη στο 2 Τρόπος videochat: Client can send tips/gifts both during private and public sessions.

Adaptive target bitrate options (based on resolution) and live broadcast stats showing achieved bitrate (depending on connection), resolution (depending on camera).

Adaptive target bitrate options (based on resolution) and live broadcast stats showing achieved bitrate (depending on connection), resolution (depending on camera).

Video Conference / Meeting Mode

Room owner can start Conference Mode by toggling live from Options tab.
In conference mode, room owner can split display to 2, 4, 6 slots where he can assign streams from participants in Users tab.
When room is in conference mode all participants get a Camera tab to start broadcasting their webcam and microphone.
In conference mode, advanced complexity interface (with tabs) is always used to display the advanced features and layout.


Συνεργασία / Λειτουργία παρουσίασης

HTML5 Videochat includes a mode for advanced collaboration and presentations. In addition to conference mode, collaboration includes file sharing and ability to display images and videos in media slots.
In collaboration mode, compared to regular videochat, new feature Tabs are available: Χρήστες, Αρχεία, Presentation in addition to Chat, Camera panels.
Ερμηνευτής /-τρια (δάσκαλος, Σύμβουλος, coach, presenter, moderator) can upload/delete files, display other user cams or images/videos for everybody to see.
Registered collaboration participants can also broadcast their camera, upload files. All participants can open files, watch content displayed by moderator (streams, files).


External Broadcast : OBS, GoCoder, Wirecast, Snap Camera

Performers can broadcast live video with external RTMP encoders like OBS, GoCoder for iOS/Android, Snap Camera, FFsplit, xSplit, vMix, Wirecast, Wirecast Go, Teradek Live:Air Solo.
These can be used to build more advanced streaming compositions like shows with multiple scenes, video conferencing panels, transitions, effects.

Performers can easily copy settings (tap to select all) and configure encoder of choice. With those settings performers can broadcast anytime from encoder, without need to access chat.
If also using web based videochat app at same time, broadcast is detected and internal web based webcam broadcasting interface hides.
Playback is done with HTML5 HLS (with some added latency specific to HLS delivery method).
Great to quickly start broadcasts using phone or professional equipment, applications for advanced scene composition, transitions and effects.


Video Conference HTML5: Split screen in multiple slots to show users that enable their webcams. Room owner (moderator) assigns users to slots and controls what everybody watches.

Video Conference HTML5: Split screen in multiple slots to show users that enable their webcams. Room owner (moderator) assigns users to slots and controls what everybody watches.

 

Collaboration HTML5 Video Conference: Split view with multiple media: user streams, εικόνες, βίντεο.

Collaboration HTML5 Video Conference: Split view with multiple media: user streams, εικόνες, βίντεο.


Dark Mode: σκοτεινή λειτουργία / φώτα, each user can toggle interface live at runtime. Rooms in collaboration mode have tabs for advanced features like file sharing.

Dark Mode: σκοτεινή λειτουργία / φώτα, each user can toggle interface live at runtime. Rooms in collaboration mode have tabs for advanced features like file sharing.

 

External Encoder Support: Performers can broadcast with RTMP encoders like OBS, GoCoder for iOS/Android, Wirecast, XSplit, Wirecast Go, Teradek Live:Air Solo .

External Encoder Support: Performers can broadcast with RTMP encoders like OBS, GoCoder for iOS/Android, Wirecast, XSplit, Wirecast Go, Teradek Live:Air Solo .

F.A.Q. about HTML5 Videochat & PaidVideochat Solution

  • Can performer broadcast from mobile camera using the HTML5 Videochat?
    Ναι, HTML5 Videochat uses HTML5 WebRTC technology available in mobile browsers like Android Chrome, iOS Safari.
    Same application loads both in PC and mobile browsers, with some adaptive adjustments, mainly referring to layout adapted to mobile screen.
  • Do users need Flash for HTML5 Videochat?
    Όχι, users don’t need Flash plugin in their browsers for using the HTML5 Videochat app.
    PaidVideochat also supports a Flash based interface that can be used if enabled by site admin and selected by performer.
  • Can both HTML5 Videochat and Flash Video Chat interfaces be used?
    Το 2 interfaces are not compatible in same session: performer needs to use HTML5 Videochat app to connect to clients also using HTML5 Videochat app.
    If using Flash Video Chat interface, mobile clients will get a simplified HTML5 Streaming interface, not the advanced HTML5 Videochat app.
    Performer could opt to use Flash based interface in scheduled sessions where all clients also use PCs, for specific features available in that interface.


Integrating with other Frameworks / Scripts, Plain PHP Setup

The videochat application is a frontend HTML5 JS based solution that relies on specific streaming server setup and web server side backend site scripts. The WP based turnkey site plugin, Paid VideochatHTML5 PPV Live Webcams, is provided as free source code and implements all features and capabilities.
Application licensing and hosting requirements are the same, independent of scripts used on server side.
For integrating HTML5 Videochat with frameworks/scripts, there is also a simplified plain PHP HTML5 Videochat edition, with some basic scripts that embed the app and showcase basic features. These scripts include some simplified sample data to showcase basic streaming and interface elements in a easier setup for developers.
Plain php edition does not involve database and pages to manage members, δωμάτια, billing as with the PaidVideochat turnkey edition. These depend on framework/scripts you want to integrate with, plugins, database, member system.
The simplified edition can also be used as sample to embed app with other types of scripts like ASP, JSP.
Simplified scripts include only some basic sample data, parameters for 3rd party developers to understand how it works. All features are implemented in full with the turnkey site edition WordPress plugin, that should be used as sample/documentation when integrating with a different framework.
Test the Plain PHP HTML5 Videochat Demo .
More info about PHP Edition and downloads, are available at GitHubPHP HTML5 Videochat Setup .