fbpx

HTML5 Videochat

👁‍🗨 HTML5 Videochat a web app for live cam streaming, recording and chat. It’s available both as turnkey site with advanced interactions and stand alone editions for simple scenarios (live video streaming, 2 way video calls, video/audio webcam recording).
💻 100% HTML5 web based app, no Flash, no downloads. This makes it compatible with most modern devices and browsers including mobile browsers like iOS Safari, Android Chrome.
💸 The most advanced turkey site edition is PaidVideochat platform, that can be used to create online video services business platforms: Expert Consulting & LMS, Fans/Creators Paysite, Adult Model Videochat, Psychic Reading Live Services.

Baca di halaman ini tentang: key features, using HTML5 not Flash, konferensi video, video collaboration / presentasi, encoder eksternal, random next room, demos, full mode license price , requirements, FAQ, php integration.


Full Page Videochat Demo

Key Features for HTML5 Videochat

  • 1 way to many live video streaming, di lobi publik
  • 2 cara videochat, in private (1 untuk 1) shows with request/approve interaction
  • tampilan saldo dompet langsung (updates from tips and other transfers)
  • tips dengan beberapa opsi yang dapat disesuaikan, gambar hadiah
  • WebRTC menyampaikan streaming (dapat diandalkan dan dapat diskalakan untuk banyak klien dari server streaming, independen dari koneksi upload penyiar)
  • kelompok / obrolan video berbayar pribadi, membayar per menit
  • video / audio / text chat modes (for group meetings and private calls)
  • videochat acak dengan tombol Berikutnya untuk pindah ke ruang penampil yang berbeda
  • fullscreen for videochat interface or playback video
  • collaboration mode with file sharing, presentasi (webcam, image, video)
  • bitrate video target adaptif (Tergantung pada resolusi cam) and configuration in resolution change
  • WebRTC broadcasting/playback bitrate/latency/jitter/loss stats (open controls and stats should show in few seconds)
  • show snapshot/video playback while not streaming
  • mode gelap / lights on: each user can toggle interface mode live at runtime
  • split view: live video collaboration, conferencing showing multiple media items


Only HTML5: No Flash

Menggunakan antarmuka videochat HTML5 sangat dianjurkan karena browser utama memiliki rencana untuk menghentikan dukungan Flash di 2020.
HTML5 Videochat uses WebRTC technology to allow broadcasting webcam directly from website, without need for Flash.
Some other solutions use Flash to broadcast and HTML5 HLS only for playback but this application / interface does not use Flash at all.
This makes it compatible and all functionality available in most browsers including mobile. Some limitations may apply as browser technology rolls out.


Demo

PaidVideochat Turnkey Site plugins – access as site visitor or register as user for advanced features:

  • Fullpage Videochat – demo room in full page mode (includes minimalist site menu)
  • Videochat Room – a specific demo room, will play a teaser as performer is not online
  • Random Videochat – a random videochat room, move to a different room with Next button
  • Register in Demo – register as performer or client to access advanced features, including broadcasting, Pribadi 2 cara videochat, membayar per menit

Simpler 2 Way VideoCalls and Random Chat plugin :

Standalone Demos – The HTML5 Videochat app is also available in some simplified demonstrative setups, for quick testing without registration:


Modus Lisensi penuh / Harga

Order a turnkey combo package with full mode license and all hosting requirements to run the HTML5 Videochat features.

Antarmuka VIDEOCHAT HTML5 membutuhkan tingkat 4 Lisensi aplikasi web VideoWhisper, untuk mengaktifkan mode penuh tanpa iklan dan batasan, Untuk penggunaan komersial.
Lisensi yang lebih rendah dapat ditingkatkan untuk perbedaan harga: older Flash based level 3 Video Chat Messenger license can be upgraded for price difference.
Tingkat 4 lisensi mencakup mode penuh untuk semua antarmuka aplikasi tingkat rendah.

Without a mode penuh lisensi, application includes free mode limitations like intrusive ads in interface like: a Free mode button, ad in chat, restricted broadcasting resolution (< 480p), restricted maximum broadcasting bitrate (< 750Kbps).


Hosting Requirements

HTML5 Videochat app involves specific requirements: HTML5 WebRTC relay streaming for reliability and scalability, SSL and specific configuration on specific streaming server, session control to manage streams and interactions between streaming and web server, ffmpeg with involved video codecs on web host.

All requirements are available with the turnkey complete hosting plans, specifically setup/configured/managed to run these features.


Performer goes online. HTML5 Videochat application can load in full page mode with advanced interface: obrolan, kamera, daftar pengguna, room options.

Performer goes online. HTML5 Videochat application can load in full page mode with advanced interface: obrolan, kamera, daftar pengguna, room options.

 

Client view in videochat room lobby: Clients can use random videochat feature to quickly move to a different performer room, with the Next button.

Client view in videochat room lobby: Clients can use random videochat feature to quickly move to a different performer room, with the Next button.

 

Client can request a pay per minute private 2 way video call to provider. Performer can accept or decline and remain in public group chat.

Client can request a pay per minute private 2 way video call to provider. Performer can accept or decline and remain in public group chat.

 

Performer can accept to enter 2 way private videochat (1 di 1) with client.

Performer can accept to enter 2 way private videochat (1 di 1) with client.

 

Client view in 2 cara videochat: Client can send tips/gifts both during private and public sessions.

Streaming bitrate, latency, jitter, packet loss statistics and warnings for WebRTC broadcasts.

Streaming bitrate, latency, jitter, packet loss statistics and warnings for WebRTC broadcasts.

Konferensi Video / 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.


Kolaborasi / Presentation Mode

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: Pengguna, File, Presentation in addition to Chat, Camera panels.
Performer (teacher, advisor, 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).

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, Gambar, Video.

Collaboration HTML5 Video Conference: Split view with multiple media: user streams, Gambar, Video.


Dark Mode: mode gelap / lights on, each user can toggle interface live at runtime. Rooms in collaboration mode have tabs for advanced features like file sharing.

Dark Mode: mode gelap / lights on, each user can toggle interface live at runtime. Rooms in collaboration mode have tabs for advanced features like file sharing.


External Broadcast : OBS, GoCoder, Wirecast, Snap Camera Effects, Rapat Zoom & Webinar

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

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.

Download OBS

Download Open Broadcster Software desktop application and start streaming quickly and easily on Windows, Mac or Linux. Provides high performance real time video/audio capturing and mixing.
Create scenes made up of multiple sources including window captures, Gambar, text, browser windows, webcam, capture cards and more.
Choose from a number of different and customizable transitions for when you switch between your scenes or add your own stinger video files.
Set hotkeys for nearly every sort of action, such as switching between scenes, starting/stopping streams or recordings, muting audio sources, push to talk, and more.

SnapCamera with Snap Lenses can be used for effects when using OBS or other desktop encoder on PC & Mac.

GoCoder iOS

The Wowza GoCoder™ app from Wowza Media Systems™ is a live audio and video capture and encoding application for iOS 8 and newer. Use the Wowza GoCoder app to broadcast HD-quality live events on the go from any location to any screen using H.264 adaptive bitrate streaming. Capture and stream live audio and video content in real time over Wi-Fi, 4G, or 3G.

GoCoder Android

The Wowza GoCoder™ app from Wowza Media Systems™ is a live audio and video capture and encoding application for Android 4.4 and later. Use the Wowza GoCoder app to broadcast HD-quality live events on the go from any location to any screen using H.264 adaptive bitrate streaming. Capture and stream live audio and video content in real time over Wi-Fi, 4G, or 3G.


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 .


Improve conversation flow with mentions, replies in HTML5 Videochat. Click any message to be able to reply or mention that user in your new message. Replies get a button to quickly scroll to referenced message.

Improve conversation flow with mentions, replies in HTML5 Videochat. Click any message to be able to reply or mention that user in your new message. Replies get a button to quickly scroll to referenced message.


HTML5 Audio Recorder: Send audio recordings in text chat.

HTML5 Audio Recorder: Send audio recordings in text chat.

Random Videochat dengan Tombol Berikutnya

Sistem perjodohan klien-pemain acak, mirip dengan situs videochat bertema roulette, tersedia dalam solusi PaidVideochat untuk bergerak cepat di antara kamar pemain.

Random Videochat is available with a Tombol berikutnya in HTML5 Videochat App interface for PaidVideochat.

Memungkinkan klien untuk dengan cepat pindah ke ruang pemain yang berbeda (tanpa meninggalkan antarmuka obrolan).
Kamar berikutnya dipilih dari kamar yang baru-baru ini aktif secara online, dengan memilih pengguna kamar tidak masuk atau masuk paling lama (untuk rotasi).

Tombol Berikutnya dapat digunakan untuk menavigasi ke kamar gratis atau berbayar yang tersedia tergantung pada pengaturan. Tidak akan menavigasi ke kamar di mana pemain berada di acara pribadi. Pengunjung selalu mendapatkan kamar gratis (karena mereka tidak memiliki saldo untuk pertunjukan berbayar).

Ketika pengguna memasuki kamar berbayar, Pesan selamat datang akan berisi rincian termasuk biaya grup per menit dan waktu rahmat. Juga ikon kamar khusus yang menampilkan mode berbayar.
Ketika pergi ke kamar berbayar (jika diaktifkan dari pengaturan), pengguna tidak dikenakan biaya segera karena ada waktu rahmat (Dikonfigurasi). Jika pindah ke kamar sebelah atau menutup obrolan sebelum waktu rahmat berakhir, Tidak ada biaya yang terjadi. Pesan selamat datang kamar berbayar juga memiliki ikon khusus yang menampilkan pembayaran.

Pengaturan backend termasuk memilih kamar sebelah hanya dari kamar gratis / berbayar atau online. Klien dapat mencoba keberuntungan mereka dengan fitur roulette perjodohan acak ini untuk dengan cepat menelusuri pemain yang berbeda., Tanpa meninggalkan chat.

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


Random Next Room Videochat

Random Next Room Videochat

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

  • Can performer broadcast from mobile camera using the HTML5 Videochat?
    Ya, 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?
    No, 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?
    The 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 app is also available in some simplified demonstrative setups, for quick testing without registration and integration with other platforms:

– Test the Live Streaming / HTML5 Videochat – PHP Standalone Demo and get more info at GitHub – PHP HTML5 Videochat / Live Streaming Setup .
– Test the Video Call / HTML5 Videochat – PHP Standalone Demo and get more info at GitHub – PHP HTML5 Videochat / Video Call Setup .
– Test the Cam Recorder / HTML5 – Standalone Demo and get more info at GitHub: Cam Recorder HTML5 Video Audio .

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, Dibayar Videochat – HTML5 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, kamar, 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.