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), 解析度 (depending on camera).

Adaptive target bitrate options (based on resolution) and live broadcast stats showing achieved bitrate (depending on connection), 解析度 (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.

暗模式: 暗模式 / 燈打開, 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 視頻聊天 & 付費視頻聊天解決方案

  • 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, 移動用戶端將獲得簡化的 HTML5 流式處理介面, 不是先進的HTML5視頻聊天應用程式.
    執行者可以選擇在計畫會話中使用基於快閃記憶體的介面,所有用戶端都使用 PC, 對於該介面中提供的特定功能.


與其他框架組成 / 腳本, 普通PHP設置

視頻聊天應用程式是基於前端 HTML5 JS 的解決方案,它依賴于特定的流式伺服器設置和 Web 服務器端後端網站腳本. 基於WP的交鑰匙網站外掛程式, 付費視頻聊天 – HTML5 PPV 即時網路攝像頭, 以免費原始程式碼提供,並實現所有特性和功能.
應用程式許可和託管要求相同, 獨立于伺服器端使用的腳本.
用於將 HTML5 視頻聊天與框架/腳本集成, 還有一個簡化的 純PHP HTML5 視頻聊天 版, 嵌入應用程式和展示基本功能的一些基本腳本. 這些腳本包括一些簡化的示例資料,用於在開發人員更輕鬆地設置中展示基本流式處理和介面元素.
– 純 php 版本不涉及資料庫和頁面來管理成員, 房間, 計費與付費視頻聊天交鑰匙版. 這些依賴于要與, 插件, 資料庫, 成員系統.
– 簡化版還可用作示例,將應用嵌入其他類型的腳本(如 ASP), Jsp.
– 簡化的腳本僅包含一些基本示例資料, 協力廠商開發人員的參數,以瞭解其工作原理. 所有功能都通過交鑰匙網站版 WordPress 外掛程式實現, 當與不同的框架組成時,應用作示例/文檔.
Test the Plain PHP HTML5 Videochat Demo .
More info about PHP Edition and downloads, are available at GitHubPHP HTML5 Videochat Setup .