HTML5 视频聊天

HTML5 视频聊天应用程序是添加到的最新界面 付费视频聊天平台, built specifically to provide advanced interactions using HTML5 only, with no Flash 插件. This makes it compatible with most browsers including mobile browsers like iOS Safari, 安卓浏览器.

Full Page Videochat Demo

 

HTML5 视频聊天的主要功能

  • 1 way to many live video streaming, 在公共大厅
  • 2 方式视频聊天, in private (1 自 1) shows with request/approve interaction
  • 实时钱包余额显示 (来自提示和其他传输的更新)
  • 具有多个可自定义选项的提示, 礼品图片
  • WebRTC 中继流 (可靠且可扩展至流式服务器的许多客户端, 独立于广播公司上传连接)
  • 组 / 私人付费视频聊天, 每分钟支付
  • 随机视频聊天与下一个按钮移动到不同的表演室
  • 用于视频聊天界面或播放视频的全屏
  • 具有文件共享的协作模式, presentation (webcam, image, video)
  • 自适应目标视频比特率 (取决于凸轮分辨率) and configuration in resolution change
  • broadcasting/playback bitrate stats (open controls and stats should show in few seconds)
  • show snapshot/video playback while not streaming
  • 暗模式 / 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

强烈建议使用 HTML5 视频聊天界面,因为主要浏览器计划停止在 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 iOS Safari, 安卓浏览器.

Demos

  • Fullpage Videochatdemo room in full page mode (includes minimalist site menu)
  • 视频聊天室a specific demo room, will play a teaser as performer is not online
  • 随机视频聊天a random videochat room, move to a different room with Next button
  • Register in Demoregister as performer or client to access advanced features, including broadcasting, 私人 2 方式视频聊天, 每分钟支付

Video Conference 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 (流, files).

License

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

HTML5 视频聊天界面需要 水平 4 视频Whisper Web 应用程序许可证, 实现全模式,没有广告和限制, 用于商业用途.
较低的许可证可以升级,以进行价格差异: older Flash based level 3 Video Chat Messenger license can be upgraded for price difference.
级别 4 许可证包括所有较低级别应用接口的完整模式.

Without a 完整模式许可证, 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).

要求

HTML5 Videochat app involves specific 要求: HTML5 WebRTC 中继流,提高可靠性和可扩展性, 特定流服务器上的 SSL 和特定配置, 会话控制,用于管理流和 Web 服务器之间的流和交互, ffmpeg with involved video codecs on web host.

All requirements are available with the 交钥匙完整的托管计划, specifically setup/configured/managed to run these features.

足球 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

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.
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, 插件, database, member system. The simplified edition can also be used as sample to embed app with other types of scripts like ASP, JSP.

表演者上线. HTML5 视频聊天应用程序可以在全页模式下加载与高级界面: 聊天, 相机, 用户列表, 房间选项.

表演者上线. HTML5 视频聊天应用程序可以在全页模式下加载与高级界面: 聊天, 相机, 用户列表, 房间选项.

 

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.

 

客户可以请求每分钟私人支付 2 方式视频呼叫提供商. 表演者可以接受或拒绝并留在公共群聊中.

客户可以请求每分钟私人支付 2 方式视频呼叫提供商. 表演者可以接受或拒绝并留在公共群聊中.

 

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

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

 

Client view in 2 方式视频聊天: Client can send tips/gifts both during private and public sessions.

 

Collaboration HTML5 Video Conference: Split view with multiple media: user streams, 图片, 视频.

Collaboration HTML5 Video Conference: Split view with multiple media: user streams, 图片, 视频.

 

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

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

 

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).