HTML5 Videochat

HTML5 비디오 채팅 응용 프로그램은 에 추가 된 최신 인터페이스입니다 유료 비디오 채팅 플랫폼, 고급 상호 작용을 제공하기 위해 특별히 구축되었습니다. HTML5만, 와 함께 플래시 없음 플러그인. 이것은 iOS Safari와 같은 모바일 브라우저를 포함한 대부분의 브라우저와 호환됩니다., 안드로이드 크롬.

이 페이지에서: 주요 기능, 플래시가 아닌 HTML5 사용, 화상 회의, 비디오 공동 작업 / 프레 젠 테이 션, 외부 인코더, 데모, 전체 모드 라이센스 가격 , 요구 사항, 자주 묻는 질문(FAQ), php 통합.


전체 페이지 비디오 채팅 데모

HTML5 비디오 채팅의 주요 기능

  • 1 많은 라이브 비디오 스트리밍방법, 공공 로비에서
  • 2 방법은 videochat, 비공개로 (1 받는 사람 1) 요청/승인 상호 작용으로 표시
  • 라이브 지갑 밸런스 디스플레이 (팁 및 기타 전송에서 업데이트)
  • 여러 사용자 정의 옵션팁, 선물 이미지
  • WebRTC 릴레이 스트리밍 (스트리밍 서버에서 많은 클라이언트에 안정적이고 확장 가능, 브로드캐스터 업로드 연결에 독립적)
  • 그룹 / 개인 유료 비디오 채팅, 분 당 지불
  • 다른 공연방으로 이동하는 다음 버튼과 임의의 비디오 채팅
  • 화상 채팅 인터페이스 또는 재생 비디오를 위한 전체 화면
  • 파일 공유를 통한 공동 작업 모드, 프레 젠 테이 션 (웹캠, 이미지, 비디오)
  • 적응형 대상 비디오 비트레이트 (캠 해상도에 따라 다름) 해상도 변경의 구성
  • 방송/재생 비트 레이트 통계 (오픈 컨트롤과 통계는 몇 초 안에 표시되어야합니다)
  • 스트리밍하지 않는 동안 스냅샷/비디오 재생 표시
  • 다크 모드 / 켜기: 각 사용자는 런타임에 인터페이스 모드를 실시간으로 전환할 수 있습니다.
  • 분할 보기: 라이브 비디오 공동 작업, 여러 미디어 항목을 표시하는 회의


HTML5만: 플래시 없음

주요 브라우저에서 플래시 지원을 중단할 계획이 있으므로 HTML5 비디오 채팅 인터페이스를 사용하는 것이 좋습니다. 2020.
HTML5 Videochat웹트 기술을 사용하여 웹 사이트에서 직접 웹캠을 브로드캐스트할 수 있습니다., 플래시 없이.
일부 다른 솔루션은 플래시를 사용하여 브로드 캐스트및 HTML5 HLS를 재생용으로만 사용하지만이 응용 프로그램입니다. / 인터페이스는 플래시를 전혀 사용하지 않습니다..
이것은 호환 및 모바일 iOS 사파리를 포함한 대부분의 브라우저에서 사용할 수있는 모든 기능을 만든다, 안드로이드 크롬.


데모

  • 전체 페이지 비디오 채팅 – 전체 페이지 모드에서 데모 룸 (미니멀 리스트 사이트 메뉴 포함)
  • Videochat 룸 – 특정 데모 룸, 연기자가 온라인이 아니기 때문에 티저를 재생합니다.
  • 랜덤 비디오 채팅 – 임의의 화상 채팅 룸, 다음 버튼으로 다른 방으로 이동
  • 데모에 등록 – 수행자 또는 클라이언트로 등록하여 고급 기능에 액세스, 방송 포함, 개인 2 방법은 videochat, 분 당 지불


전체 모드 라이센스 / 가격

턴키 콤보 패키지 주문 전체 모드 라이센스 및 모든 호스팅 요구 사항 HTML5 비디오 채팅 기능을 실행하려면.

HTML5 비디오 채팅 인터페이스에는 수준 4 비디오위스퍼 웹 앱 라이선스, 광고 및 제한 없이 전체 모드를 활성화하려면, 상업적 용도로 사용.
가격 차이에 따라 낮은 라이센스를 업그레이드할 수 있습니다.: 이전 플래시 기반 수준 3 비디오 채팅 메신저 라이센스는 가격 차이에 대 한 업그레이드 할 수 있습니다..
레벨은 4 라이센스는 모든 낮은 수준의 응용 프로그램 인터페이스에 대한 전체 모드를 포함.

없이 전체 모드 라이센스, 응용 프로그램 포함 무료 모드 제한 같은 인터페이스에서 관입 광고처럼: 무료 모드 버튼, 채팅에서 광고, 제한된 방송 해상도 (< 480P), 제한된 최대 방송 비트 레이트 (< 750Kbps).


호스팅 요구 사항

HTML5 비디오 채팅 응용 프로그램은 특정 포함 요구 사항: 신뢰성과 확장성을 위한 HTML5 WebRTC 릴레이 스트리밍, 특정 스트리밍 서버의 SSL 및 특정 구성, 스트리밍과 웹 서버 간의 스트림 및 상호 작용을 관리하는 세션 제어, ffmpeg 와 관련 비디오 코덱 에 웹 호스트.

모든 요구 사항은 완전 한 턴키 호스팅 계획, 이러한 기능을 실행하기 위해 특별히 설정/구성/관리.


연기자가 온라인으로 이동. HTML5 비디오 채팅 응용 프로그램은 고급 인터페이스와 전체 페이지 모드에서로드 할 수 있습니다: 채팅, 카메라, 사용자 목록, 룸 옵션.

연기자가 온라인으로 이동. HTML5 비디오 채팅 응용 프로그램은 고급 인터페이스와 전체 페이지 모드에서로드 할 수 있습니다: 채팅, 카메라, 사용자 목록, 룸 옵션.

 

화상 채팅룸 로비에서 클라이언트 보기: 클라이언트는 임의의 화상 채팅 기능을 사용하여 다른 공연실로 빠르게 이동할 수 있습니다., 다음 버튼으로.

화상 채팅룸 로비에서 클라이언트 보기: 클라이언트는 임의의 화상 채팅 기능을 사용하여 다른 공연실로 빠르게 이동할 수 있습니다., 다음 버튼으로.

 

고객은 분당 지불을 요청할 수 있습니다. 2 공급자에게 화상 통화 방법. 수행자는 공개 그룹 채팅에 수락하거나 거절하고 남아 있습니다..

고객은 분당 지불을 요청할 수 있습니다. 2 공급자에게 화상 통화 방법. 수행자는 공개 그룹 채팅에 수락하거나 거절하고 남아 있습니다..

 

수행자가 입력할 수 있습니다. 2 방법 개인 비디오 채팅 (1 에 1) 클라이언트와.

수행자가 입력할 수 있습니다. 2 방법 개인 비디오 채팅 (1 에 1) 클라이언트와.

 

클라이언트 보기 에서 2 방법은 videochat: 고객은 비공개 및 공개 세션 동안 팁/선물을 보낼 수 있습니다..

적응형 대상 비트레이트 옵션 (해상도에 따라) 달성된 비트레이트 표시 및 라이브 방송 통계 (연결에 따라 다름), 해상도 (카메라에 따라 다름).

적응형 대상 비트레이트 옵션 (해상도에 따라) 달성된 비트레이트 표시 및 라이브 방송 통계 (연결에 따라 다름), 해상도 (카메라에 따라 다름).

화상 회의 / 모임 모드

룸 소유자는 옵션 탭에서 라이브로 전환하여 컨퍼런스 모드를 시작할 수 있습니다..
컨퍼런스 모드에서, 룸 소유자는 디스플레이를 2, 4, 6 사용자 탭에서 참가자의 스트림을 할당할 수 있는 슬롯.
회의실이 컨퍼런스 모드에 있을 때 모든 참가자는 카메라 탭을 사용하여 웹캠 및 마이크 브로드캐스트를 시작합니다..
컨퍼런스 모드에서, 고급 복잡성 인터페이스 (탭과 함께) 항상 고급 기능 및 레이아웃을 표시하는 데 사용됩니다..


공동 작업 / 프레 젠 테이 션 모드

HTML5 비디오 채팅에는 고급 협업 및 프레젠테이션. 컨퍼런스 모드 이외에, 공동 작업에는 파일 공유 및 미디어 슬롯에 이미지 및 비디오를 표시하는 기능이 포함됩니다..
공동 작업 모드로, 일반 비디오 채팅에 비해, 새 기능 탭을 사용할 수 있습니다.: 사용자, 파일, 채팅 이외에 프레젠테이션, 카메라 패널.
수행자 (교사, 관리자, 코치, 발표자, 운영자) 파일 업로드/삭제 할 수 있습니다., 모두가 볼 수 있도록 다른 사용자 캠 또는 이미지 / 비디오를 표시.
등록된 공동 작업 참가자는 카메라를 브로드캐스트할 수도 있습니다., 파일 업로드. 모든 참가자는 파일을 열 수 있습니다., 진행자가 표시한 콘텐츠 보기 (스트림, 파일).


외부 브로드캐스트 : Obs, 고코더, 와이어 캐스트, 스냅 카메라

출연자는 OBS와 같은 외부 RTMP 인코더로 라이브 비디오를 브로드캐스트할 수 있습니다., 아이폰 OS / 안드로이드에 대한 고코더, 스냅 카메라, FFsplit, xSplit, vMix, 와이어 캐스트, 와이어캐스트 이동, Teradek Live:Air Solo.
These can be used to build more advanced streaming compositions like shows with multiple scenes, video conferencing panels, transitions, effects.

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.


Video Conference HTML5: Split screen in multiple slots to show users that enable their webcams. Room owner (운영자) 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 (운영자) assigns users to slots and controls what everybody watches.

 

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, 아이폰 OS / 안드로이드에 대한 고코더, 와이어 캐스트, X스플리트, 와이어캐스트 이동, Teradek Live:Air Solo .

External Encoder Support: Performers can broadcast with RTMP encoders like OBS, 아이폰 OS / 안드로이드에 대한 고코더, 와이어 캐스트, X스플리트, 와이어캐스트 이동, Teradek Live:Air Solo .

자주 묻는 질문. 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, Plain PHP Setup

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, Paid VideochatHTML5 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, 객실, 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 .