HTML5 のビデオ チャット

HTML5ビデオチャットアプリは、に追加された最新のインターフェイスです 有料ビデオチャットプラットフォーム, を使用して高度な対話を提供するために特別に構築 HTML5 のみ, を使用 フラッシュなし プラグイン. これにより、iOS Safari などのモバイルブラウザを含むほとんどのブラウザと互換性があります。, アンドロイド クロムボタン.

フルページビデオチャットデモ

 

HTML5 のビデオ チャットの主な機能

  • 1 多くのライブビデオストリーミングへの方法, パブリック ロビーで
  • 2 ビデオ チャットの方法, プライベートで (1 宛先 1) 要求/承認インタラクションを含む表示
  • ライブ財布残高表示 (ヒントやその他の転送からの更新)
  • 複数のカスタマイズ可能なオプションを持つヒント, ギフト画像
  • WebRTC 中継ストリーミング (ストリーミング サーバーから多くのクライアントに信頼性とスケーラビリティを備えています, 放送局アップロード接続に依存しない)
  • グループ / プライベート有料ビデオチャット, ペイ・パー・ミニッツ
  • 別のパフォーマールームに移動するには、次のボタンを持つランダムなビデオチャット
  • ビデオチャットインターフェイスまたは再生ビデオのためのフルスクリーン
  • ファイル共有を使用したコラボレーション モード, プレゼンテーション (ウェブカメラ, イメージ, ビデオ)
  • アダプティブ ターゲット ビデオ ビットレート (カム解像度に応じて) および解像度の変更の構成
  • ブロードキャスト/再生ビットレート統計 (開いているコントロールと統計は数秒で表示されます)
  • ストリーミング中にスナップショット/ビデオの再生を表示する
  • ダークモード / 点灯: 各ユーザーは、実行時にインターフェイス モードをライブで切り替えることができます
  • 分割ビュー: ライブビデオコラボレーション, 複数のメディア項目を表示する会議

HTML5 のみ: フラッシュなし

メインブラウザは Flash サポートを中止する予定を持っているため、HTML5 ビデオチャットインターフェイスを使用することを強くお勧めします。 2020.
HTML5 ビデオチャットは、WebRTC 技術を使用して、Web カメラを Web サイトから直接ブロードキャストできるようにします。, フラッシュを必要とせずに.
他のいくつかのソリューションは、フラッシュを使用してブロードキャストし、HTML5 HLSは再生のためだけに使用しますが、このアプリケーション / インターフェイスは Flash をまったく使用しません.
これにより、互換性があり、モバイル iOS Safari を含むほとんどのブラウザーで使用できるすべての機能が提供されます。, アンドロイド クロムボタン.

デモ

  • フルページビデオチャット – フルページモードのデモルーム (ミニマリストサイトメニューを含む)
  • ビデオ チャット ルーム – 特定のデモルーム, パフォーマーがオンラインではないので、ティーザーを再生します
  • ランダムなビデオ チャット – ランダムなビデオチャットルーム, [次へ] ボタンを使用して別の部屋に移動する
  • デモに登録する – 高度な機能にアクセスするために実行者またはクライアントとして登録する, 放送を含む, プライベート 2 ビデオ チャットの方法, ペイ・パー・ミニッツ

ビデオ会議モード

ルーム所有者は、[オプション]タブからライブを切り替えることで会議モードを開始できます。.
会議モードの場合, ルーム所有者は、ディスプレイをに分割できます。 2, 4, 6 [ユーザー] タブで参加者からストリームを割り当てることができるスロット.
ルームが会議モードの場合、すべての参加者が Web カメラとマイクのブロードキャストを開始する [カメラ] タブを利用できます。.
会議モードの場合, 高度な複雑度インターフェイス (タブ付き) は、常に高度な機能とレイアウトを表示するために使用されます.

コラボレーション / プレゼンテーション モード

HTML5 ビデオチャットには、 高度なコラボレーションとプレゼンテーション. 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: Users, Files, 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).

License

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

HTML5 Videochat interface requires a レベル 4 VideoWhisper 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.

よくあるご質問. 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.

 

クライアントは 1 分あたりの支払いを要求できます。 2 プロバイダへのビデオ通話の方法. パフォーマーは、受け入れるか、または拒否し、パブリックグループチャットに残ることができます.

クライアントは 1 分あたりの支払いを要求できます。 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.

 

コラボレーション HTML5 ビデオ会議: 複数のメディアで分割ビュー: ユーザー ストリーム, 写真, 動画.

コラボレーション HTML5 ビデオ会議: 複数のメディアで分割ビュー: ユーザー ストリーム, 写真, 動画.

 

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.

 

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