Videochat do HTML5

HTML5 Aplicativo de bate-papo de vídeo é a interface mais recente adicionada Plataforma PaidVideochat, construído especificamente para fornecer interações avançadas usando HTML5 apenas, Com sem flash plugin. This makes it compatible with most browsers including mobile browsers like iOS Safari, Android Chrome.

Leia nesta página sobre: principais características, usando HTML5 não Flash, conferência de vídeo, colaboração em vídeo / Apresentação, codificadores externos, Demos, preço de licença de modo completo , requisitos, Perguntas Freqüentes, integração php.


Demonstração de videochat de página inteira

Principais recursos para o videochat HTML5

  • 1 caminho para muitos streaming de vídeo ao vivo, no lobby público
  • 2 videochat de maneira, em privado (1 Para 1) shows com interação de solicitação/aprovação
  • exibição de saldo de carteira ao vivo (atualizações de dicas e outras transferências)
  • dicas com várias opções personalizáveis, imagens de presentes
  • WebRTC transmitiu streaming (confiável e escalável para muitos clientes do servidor de streaming, independente da conexão de upload de emissora)
  • Grupo / videochat pago privado, pagar por minuto
  • videochat aleatório com botão seguinte para passar para sala de artistas diferentes
  • fullscreen para interface de bate-papo de vídeo ou vídeo de reprodução
  • modo de colaboração com compartilhamento de arquivos, Apresentação (Webcam, Imagem, Vídeo)
  • bitrate de vídeo alvo adaptativo (dependendo da resolução da câmara) e configuração na mudança de resolução
  • estatísticas de bitrate de transmissão/reprodução (controles abertos e estatísticas devem mostrar em poucos segundos)
  • mostrar instantâneo / reprodução de vídeo, enquanto não streaming
  • modo escuro / luzes acesas: cada usuário pode alternar o modo de interface ao vivo em tempo de execução
  • visão dividida: Colaboração em vídeo ao vivo, conferência mostrando vários itens de mídia


Apenas HTML5: Sem flash

Usando a interface de bate-papo de vídeo HTML5 é altamente recomendado como navegadores principais têm planos para descontinuar o suporte flash em 2020.
HTML5 Videochat usa tecnologia WebRTC para permitir a transmissão de webcam diretamente do site, sem necessidade de Flash.
Algumas outras soluções usam o Flash para transmitir e HTML5 HLS apenas para reprodução, mas este aplicativo / interface não usa flash em tudo.
Isso o torna compatível e todas as funcionalidades disponíveis na maioria dos navegadores, incluindo o iOS Safari móvel, Android Chrome.


Demos

  • Fullpage Videochatdemo room in full page mode (includes minimalist site menu)
  • Sala de videochata specific demo room, will play a teaser as performer is not online
  • Videochat aleatórioa random videochat room, move to a different room with Next button
  • Register in Demoregister as performer or client to access advanced features, including broadcasting, privada 2 videochat de maneira, pagar por minuto


Full Mode License / Price

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

Html5 Interface de bate-papo de vídeo requer um nível 4 Licença de aplicativo web VideoWhisper, para ativar o modo completo sem anúncios e limitações, para uso comercial.
Uma licença mais baixa pode ser atualizada para a diferença de preço: older Flash based level 3 Video Chat Messenger license can be upgraded for price difference.
O nível 4 licença inclui modo completo para todas as interfaces de aplicativos de nível inferior.

Without a licença de modo completo, 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).


Hosting Requirements

HTML5 Videochat app involves specific requisitos: HTML5 WebRTC streaming de relé para confiabilidade e escalabilidade, SSL e configuração específica no servidor de streaming específico, controle de sessão para gerenciar fluxos e interações entre streaming e servidor web, ffmpeg with involved video codecs on web host.

All requirements are available with the planos de hospedagem completos chave na mão, specifically setup/configured/managed to run these features.


Performer vai em linha. Aplicativo de videochat HTML5 pode carregar no modo de página inteira com interface avançada: Chat, Câmera, lista de usuários, opções de quartos.

Performer vai em linha. Aplicativo de videochat HTML5 pode carregar no modo de página inteira com interface avançada: Chat, Câmera, lista de usuários, opções de quartos.

 

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.

 

O cliente pode solicitar um pagamento por minuto privado 2 chamada de vídeo de maneira para provedor. Performer pode aceitar ou recusar e permanecer no bate-papo em grupo público.

O cliente pode solicitar um pagamento por minuto privado 2 chamada de vídeo de maneira para provedor. Performer pode aceitar ou recusar e permanecer no bate-papo em grupo público.

 

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

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

 

Client view in 2 videochat de maneira: 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

O proprietário da sala pode iniciar o modo de conferência alternando ao vivo da guia Opções.
No modo de conferência, proprietário do quarto pode dividir display para 2, 4, 6 slots onde ele pode atribuir fluxos de participantes na guia usuários.
Quando a sala está no modo de conferência, todos os participantes recebem uma guia camera para começar a transmitir sua webcam e microfone.
No modo de conferência, interface de complexidade avançada (com guias) is always used to display the advanced features and layout.


Colaboração / Modo de apresentação

HTML5 Videochat inclui um modo para colaboração e apresentações avançadas. Além do modo de conferência, colaboração inclui compartilhamento de arquivos e capacidade de exibir imagens e vídeos em slots de mídia.
Em modo de colaboração, em comparação com videochat regular, novo recurso Tabs estão disponíveis: Usuários, Arquivos, Apresentação além do Bate-Papo, Painéis de câmera.
Artista (Professor, Advisor, Treinador, Apresentador, Moderador) pode carregar/excluir arquivos, exibir outras câmeras ou imagens/vídeos do usuário para que todos vejam.
Registered collaboration participants can also broadcast their camera, upload files. All participants can open files, watch content displayed by moderator (fluxos de, files).


External Broadcast : OBS, GoCoder, Wirecast, Snap Camera

Performers can broadcast live video with external RTMP encoders like OBS, GoCoder for iOS/Android, Snap Camera, FFsplit, xSplit, vMix, Wirecast, Wirecast Go, 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 (Moderador) 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 (Moderador) assigns users to slots and controls what everybody watches.

 

Collaboration HTML5 Video Conference: Split view with multiple media: user streams, fotos, vídeos.

Collaboration HTML5 Video Conference: Split view with multiple media: user streams, fotos, vídeos.


Dark Mode: modo escuro / luzes acesas, each user can toggle interface live at runtime. Rooms in collaboration mode have tabs for advanced features like file sharing.

Dark Mode: modo escuro / luzes acesas, 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 .

F.A.Q. about HTML5 Videochat & PaidVideochat Solution

  • Can performer broadcast from mobile camera using the HTML5 Videochat?
    Sim, 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?
    Não, 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?
    O 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, Videochat pago – HTML5 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, quartos, billing as with the PaidVideochat turnkey edition. These depend on framework/scripts you want to integrate with, plugins, 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 .