HTML5 视频聊天

HTML5 视频聊天应用程序是添加到的最新界面 付费视频聊天平台, 专为使用 仅限 HTML5, 与 无闪光灯 插件. 这使得它与大多数浏览器兼容,包括移动浏览器,如 iOS Safari, 安卓浏览器.

阅读本页关于: key features, using HTML5 not Flash, video conference, video collaboration / 表示, external encoders, demos, full mode license price , 要求, 常见问题, php integration.


整页视频聊天演示

HTML5 视频聊天的主要功能

  • 1 许多实时视频流的方式, 在公共大厅
  • 2 方式视频聊天, 在私人 (1 自 1) 显示请求/批准交互
  • 实时钱包余额显示 (来自提示和其他传输的更新)
  • 具有多个可自定义选项的提示, 礼品图片
  • WebRTC 中继流 (可靠且可扩展至流式服务器的许多客户端, 独立于广播公司上传连接)
  • 组 / 私人付费视频聊天, 每分钟支付
  • 随机视频聊天与下一个按钮移动到不同的表演室
  • 用于视频聊天界面或播放视频的全屏
  • 具有文件共享的协作模式, 表示 (摄像头, 图像, 视频)
  • 自适应目标视频比特率 (取决于凸轮分辨率) 和分辨率变化中的配置
  • 广播/回放比特率统计信息 (打开的控件和统计数据应在几秒钟内显示)
  • 显示快照/视频播放,但不流式传输
  • 暗模式 / 灯打开: 每个用户都可以在运行时实时切换接口模式
  • 拆分视图: 实时视频协作, 显示多个媒体项目的会议


仅 HTML5: 无闪光灯

强烈建议使用 HTML5 视频聊天界面,因为主要浏览器计划停止在 2020.
HTML5 视频聊天使用 WebRTC 技术允许直接从网站广播网络摄像机, 无需闪存.
其他一些解决方案使用 Flash 广播和 HTML5 HLS 仅用于播放,但此应用程序 / 接口根本不使用闪存.
这使得它兼容,所有功能在大多数浏览器,包括移动 iOS Safari 中可用, 安卓浏览器.


演示

  • 全页视频聊天 – 全页模式下的演示室 (包括极简主义网站菜单)
  • 视频聊天室 – 特定的演示室, 将播放一个挑逗,因为表演者不在线
  • 随机视频聊天 – 随机视频聊天室, 使用"下一步"按钮移动到其他房间
  • 在演示中注册 – 注册为执行者或客户端以访问高级功能, 包括广播, 私人 2 方式视频聊天, 每分钟支付


Full Mode License / Price

订购交钥匙组合包 全模式许可证和所有托管要求 运行 HTML5 视频聊天功能.

HTML5 视频聊天界面需要 水平 4 视频Whisper Web 应用程序许可证, 实现全模式,没有广告和限制, 用于商业用途.
较低的许可证可以升级,以进行价格差异: 较旧的基于闪存的级别 3 视频聊天信使许可证可以升级价格差异.
级别 4 许可证包括所有较低级别应用接口的完整模式.

没有 完整模式许可证, 应用程序包括 自由模式限制 像侵入性广告在界面像: 自由模式按钮, 聊天中的广告, 受限广播分辨率 (< 480P), 限制的最大广播比特率 (< 750kbps).


Hosting Requirements

HTML5 视频聊天应用程序涉及特定的 要求: HTML5 WebRTC 中继流,提高可靠性和可扩展性, 特定流服务器上的 SSL 和特定配置, 会话控制,用于管理流和 Web 服务器之间的流和交互, ffmpeg 与涉及的视频编解码器在 Web 主机.

所有要求均随以下各项提供: 交钥匙完整的托管计划, 具体设置/配置/管理运行这些功能.


表演者上线. 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.

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

会议室所有者可以通过从"选项"选项卡实时切换来启动会议模式.
在会议模式下, 房间所有者可以将显示器拆分为 2, 4, 6 可以在"用户"选项卡中分配来自参与者的流的插槽.
当会议室处于会议模式时,所有参与者都获得"相机"选项卡,以开始广播其网络摄像头和麦克风.
在会议模式下, 高级复杂性接口 (带选项卡) 始终用于显示高级功能和布局.


协作 / 演示模式

HTML5 视频聊天包括一种模式 高级协作和演示. 除了会议模式, 协作包括文件共享和在媒体插槽中显示图像和视频的能力.
处于协作模式, 与常规视频聊天相比, 新功能选项卡可用: 用户, 文件, 除聊天外演示, 摄像机面板.
表演 (老师, 顾问, 教练, 主持人, 主持人) 可以上传/删除文件, 显示其他用户凸轮或图像/视频,供大家查看.
注册协作参与者还可以广播其摄像机, 上传文件. 所有参与者都可以打开文件, 观看版主显示的内容 (流, 文件).


External Broadcast : OBS, GoCoder, Wirecast, Snap Camera

Performers can broadcast live video with external RTMP encoders like OBS, GoCoder for iOS/Android, Snap Camera, Wirecast, XSplit, Wirecast Go, Teradek Live:Air Solo.
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.


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 .

足球 Q. 关于 HTML5 视频聊天 & 付费视频聊天解决方案

  • 表演者能否使用 HTML5 视频聊天从移动摄像机进行广播?
    是的, HTML5 视频聊天使用 HTML5 WebRTC 技术,该技术可在移动浏览器(如 Android Chrome)中使用, iOS 野生动物园.
    PC 和移动浏览器中加载相同的应用程序, 与一些自适应调整, 主要指适应移动屏幕的布局.
  • 用户是否需要用于 HTML5 视频聊天的闪存?
    不, 用户不需要Flash插件在他们的浏览器使用HTML5视频聊天应用程序.
    付费视频聊天还支持基于闪存的界面,如果网站管理员启用并由执行者选择,可以使用该界面.
  • 可同时使用 HTML5 视频聊天和 Flash 视频聊天界面?
    的 2 接口在同一会话中不兼容: 执行者需要使用 HTML5 视频聊天应用程序连接到客户端也使用 HTML5 视频聊天应用程序.
    如果使用 Flash 视频聊天界面, 移动客户端将获得简化的 HTML5 流式处理界面, 不是先进的HTML5视频聊天应用程序.
    执行者可以选择在计划会话中使用基于闪存的接口,所有客户端都使用 PC, 对于该接口中提供的特定功能.


与其他框架集成 / 脚本, 普通PHP设置

视频聊天应用程序是基于前端 HTML5 JS 的解决方案,它依赖于特定的流式服务器设置和 Web 服务器端后端站点脚本. 基于WP的交钥匙网站插件, 付费视频聊天 – HTML5 PPV 实时网络摄像头, 以免费源代码提供,并实现所有特性和功能.
应用程序许可和托管要求相同, 独立于服务器端使用的脚本.
用于将 HTML5 视频聊天与框架/脚本集成, 还有一个简化的 纯PHP HTML5 视频聊天 版, 嵌入应用程序和展示基本功能的一些基本脚本. 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, 插件, 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 .