fbpx

Videochat do HTML5

👁 🗨 HTML5 Videochat um aplicativo web para transmissão de câmeras ao vivo, gravação e bate-papo. Está disponível tanto como site turnkey com interações avançadas e edições independentes para cenários simples (transmissão de vídeo ao vivo, 2 chamadas de vídeo maneira, gravação de webcam de vídeo/áudio).
💻 100% Aplicativo baseado na Web HTML5, sem flash, sem downloads. Isso o torna compatível com a maioria dos dispositivos e navegadores modernos, incluindo navegadores móveis como o iOS Safari, Android Chrome.
💸 A edição mais avançada do site da Turquia é Plataforma PaidVideochat, construído para criar uma plataforma de negócios de serviços de vídeo on-line.

Leia nesta página sobre: principais características, usando HTML5 não Flash, vídeo-conferência, colaboração em vídeo / apresentação, codificadores externos, jantar aleatório ao lado, 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
  • vídeo / auditivo / modos de bate-papo de texto (para reuniões em grupo e chamadas privadas)
  • 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 transmissão/reprodução do WebRTC/latência/jitter/perda (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 celular. Algumas limitações podem ser aplicadas à medida que a tecnologia do navegador é implementada.


Demonstrações

Demonstrações de configuração turnkey – acesso como visitante do site ou registrar-se como usuário para recursos avançados:

  • Videochat completo – sala demo em modo de página cheia (inclui menu de site minimalista)
  • Sala de videochat – uma sala de demonstração específica, vai jogar um teaser como performer não está online
  • Videochat aleatório – uma sala de videochat aleatória, mova-se para uma sala diferente com o botão Next
  • Registre-se em Demonstração – registrar-se como performer ou cliente para acessar recursos avançados, incluindo a transmissão, privado 2 videochat de maneira, pagar por minuto

Demonstrações autônomas – Os aplicativos também estão disponíveis em algumas configurações demonstrativas simplificadas, para testes rápidos sem registro:


Licença de modo completo / Preço

Peça um pacote de combinação turnkey com licença de modo completo e todos os requisitos de hospedagem para executar os recursos do HTML5 Videochat.

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: nível baseado em Flash mais antigo 3 A licença do Video Chat Messenger pode ser atualizada por diferença de preço.
O nível 4 licença inclui modo completo para todas as interfaces de aplicativos de nível inferior.

Sem um licença de modo completo, aplicação inclui limitações de modo livre como anúncios intrusivos em interface como: um botão modo livre, anúncio em bate-papo, resolução de transmissão restrita (< 480p), bitrate de transmissão máxima restrita (< 750Kbps).


Requisitos de hospedagem

Aplicativo HTML5 Videochat envolve específico 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 com codecs de vídeo envolvidos no host web.

Todos os requisitos estão disponíveis com o planos de hospedagem completos chave na mão, especificamente configuração/configuração/gerenciado para executar esses recursos.


Performer vai em linha. Aplicativo de videochat HTML5 pode carregar no modo de página inteira com interface avançada: bate-papo, 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: bate-papo, câmera, lista de usuários, opções de quartos.

 

Visualização do cliente no lobby da sala de videochat: Os clientes podem usar o recurso de videochat aleatório para se mudar rapidamente para uma sala de artista diferente, com o botão Next.

Visualização do cliente no lobby da sala de videochat: Os clientes podem usar o recurso de videochat aleatório para se mudar rapidamente para uma sala de artista diferente, com o botão Next.

 

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.

 

O artista pode aceitar entrar 2 maneira privada videochat (1 em 1) com cliente.

O artista pode aceitar entrar 2 maneira privada videochat (1 em 1) com cliente.

 

Visão do cliente em 2 videochat de maneira: O cliente pode enviar dicas/presentes durante sessões privadas e públicas.

Bitrate de streaming, latência, Jitter, estatísticas de perda de pacotes e avisos para transmissões webRTC.

Bitrate de streaming, latência, Jitter, estatísticas de perda de pacotes e avisos para transmissões webRTC.

Vídeo Conferência / Modo de reunião

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) é sempre usado para exibir os recursos avançados e 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.
Os participantes de colaboração registrados também podem transmitir sua câmera, upload de arquivos. Todos os participantes podem abrir arquivos, assistir conteúdo exibido pelo moderador (streams, Arquivos).

Video Conferência HTML5: Tela dividida em vários slots para mostrar aos usuários que habilitam suas webcams. Dono do quarto (Moderador) atribui aos usuários a caça-níqueis e controla o que todo mundo assiste.

Video Conferência HTML5: Tela dividida em vários slots para mostrar aos usuários que habilitam suas webcams. Dono do quarto (Moderador) atribui aos usuários a caça-níqueis e controla o que todo mundo assiste.

 

Conferência de Vídeo COLABORAÇÃO HTML5: Exibição dividida com várias mídias: fluxos de usuários, Fotos, vídeos.

Conferência de Vídeo COLABORAÇÃO HTML5: Exibição dividida com várias mídias: fluxos de usuários, Fotos, vídeos.


Modo Escuro: modo escuro / luzes acesas, cada usuário pode alternar interface ao vivo em tempo de execução. Salas no modo colaboração têm guias para recursos avançados, como compartilhamento de arquivos.

Modo Escuro: modo escuro / luzes acesas, cada usuário pode alternar interface ao vivo em tempo de execução. Salas no modo colaboração têm guias para recursos avançados, como compartilhamento de arquivos.


Transmissão Externa : OBS, GoCoder, Wirecast, Efeitos da câmera snap, Reuniões de Zoom & Webinar

Os artistas podem transmitir vídeo ao vivo com codificadores RTMP externos como o OBS, GoCoder para iOS/Android, FFsplit, xSplit, vMix, Wirecast, Wirecast Go, Teradek Ao Vivo:Solo de Ar, Reuniões de Zoom & Webinars.
Estes podem ser usados para construir composições de streaming mais avançadas, como shows com múltiplas cenas, painéis de videoconferência, Transições, Efeitos.

Os artistas podem facilmente copiar configurações (toque para selecionar todos) e configurar codificador de escolha. Com essas configurações os artistas podem transmitir a qualquer momento a partir do codificador, sem necessidade de acessar chat.
Se também usar o aplicativo de videochat baseado na Web ao mesmo tempo, transmissão é detectado e web baseado interno webcam interface de transmissão esconde.
A reprodução é feita com HTML5 HLS (com alguma latência adicional específica para o método de entrega hls).
Ótimo para iniciar rapidamente transmissões usando telefone ou equipamento profissional, aplicações para composição de cena avançada, transições e efeitos.

Baixar OBS

Baixe o aplicativo de desktop Open Broadcster Software e comece a transmitir de forma rápida e fácil no Windows, Mac ou Linux. Fornece captura e mixagem de vídeo/áudio em tempo real de alto desempenho.
Crie cenas compostas de múltiplas fontes, incluindo capturas de janelas, Imagens, texto, janelas do navegador, webcams, capturar cartões e mais.
Escolha entre uma série de transições diferentes e personalizáveis para quando você alternar entre suas cenas ou adicionar seus próprios arquivos de vídeo stinger.
Definir hotkeys para quase todos os tipos de ação, como alternar entre cenas, iniciar/parar fluxos ou gravações, fontes de áudio silenciante, empurrar para falar, e muito mais.

SnapCamera com Snap Lenses pode ser usado para efeitos ao usar OBS ou outro codificador de desktop no PC & Mac.

GoCoder iOS

O aplicativo Wowza GoCoder™ da Wowza Media Systems™ é um aplicativo de captura e codificação de áudio e vídeo ao vivo para iOS 8 e mais novo. Use o aplicativo Wowza GoCoder para transmitir eventos ao vivo com qualidade HD em qualquer local para qualquer tela usando o streaming de bitrate adaptativo H.264. Capture e transmita conteúdo ao vivo de áudio e vídeo em tempo real via Wi-Fi, 4G, ou 3G.

GoCoder Android

O aplicativo Wowza GoCoder™ da Wowza Media Systems™ é um aplicativo de captura e codificação de áudio e vídeo ao vivo para Android 4.4 e depois. Use o aplicativo Wowza GoCoder para transmitir eventos ao vivo com qualidade HD em qualquer local para qualquer tela usando o streaming de bitrate adaptativo H.264. Capture e transmita conteúdo ao vivo de áudio e vídeo em tempo real via Wi-Fi, 4G, ou 3G.


Suporte externo ao codificador: Os artistas podem transmitir com codificadores RTMP como o OBS, GoCoder para iOS/Android, Wirecast, XSplit, Wirecast Go, Teradek Ao Vivo:Solo de Ar .

Suporte externo ao codificador: Os artistas podem transmitir com codificadores RTMP como o OBS, GoCoder para iOS/Android, Wirecast, XSplit, Wirecast Go, Teradek Ao Vivo:Solo de Ar .


Melhorar o fluxo de conversação com menções, respostas em HTML5 Videochat. Clique em qualquer mensagem para poder responder ou mencionar esse usuário em sua nova mensagem. As respostas recebem um botão para rolar rapidamente para mensagem referenciada.

Melhorar o fluxo de conversação com menções, respostas em HTML5 Videochat. Clique em qualquer mensagem para poder responder ou mencionar esse usuário em sua nova mensagem. As respostas recebem um botão para rolar rapidamente para mensagem referenciada.


Gravador de áudio HTML5: Enviar gravações de áudio no bate-papo de texto.

Gravador de áudio HTML5: Enviar gravações de áudio no bate-papo de texto.

Videochat aleatório com botão seguinte

Um sistema de matchmaking aleatório do cliente-executor, semelhante aos sites de videochat temáticos da roleta, está disponível na solução PaidVideochat para mover-se rapidamente entre salas de artista.

Viedeochat aleatório está disponível com um Botão Avançar na interface HTML5 Videochat App.

Permite que os clientes rapidamente mudar para um quarto diferente do artista (sem deixar a interface de chat).
Na próxima sala é selecionada de quartos recentemente ativos on-line, Escolhendo um quarto usuário não entrar ou entrou a muito tempo atrás (para rotação).

O próximo botão pode ser usado para navegar até disponíveis quartos gratuito ou pagos, dependendo das configurações. Não navegará para quartos onde o artista está em show privado. Os visitantes sempre obter lugares livres (Porque eles não têm um equilíbrio para shows pagos).

Quando os usuários digitam quartos pagos, mensagem de boas vindas irá conter detalhes incluindo custo de grupo por hora minuto e graça. Também uma exibição de ícone de sala especial pago modo.
Quando vai a um quarto pago (Se habilitado de configurações), usuário não é carregado imediatamente como um tempo de graça (configurável). Se movendo para a próxima sala ou fechamento chat antes que acabe de vez de graça, nenhuma carga ocorre. Também a mensagem de boas vindas do quarto pago tem um ícone especial mostrando o pagamento.

Configurações de back-end incluem selecionando outra sala só quartos livre/pago ou on-line. Os clientes podem tentar a sua sorte com este recurso de roleta de encontros aleatórios para procurar rapidamente artistas diferentes, sem sair do bate-papo.


Random Next Room Videochat

Random Next Room Videochat

F.A.Q. sobre HTML5 Videochat & Solução pagavideochat

  • Pode transmitir o performer a partir da câmera móvel usando o VÍDEOChat HTML5?
    Sim, HTML5 Videochat usa tecnologia HTML5 WebRTC disponível em navegadores móveis como Android Chrome, IOS Safari.
    O mesmo aplicativo carrega tanto no PC quanto nos navegadores móveis, com alguns ajustes adaptativos, principalmente referindo-se ao layout adaptado à tela móvel.
  • Os usuários precisam do Flash para HTML5 Videochat?
    Nenhuma, os usuários não precisam do plugin Flash em seus navegadores para usar o aplicativo HTML5 Videochat.
    O PaidVideochat também suporta uma interface baseada no Flash que pode ser usada se ativada por admin do site e selecionada pelo performer.
  • As interfaces HTML5 Videochat e Flash Video Chat podem ser usadas?
    A 2 interfaces não são compatíveis na mesma sessão: performer precisa usar o aplicativo HTML5 Videochat para se conectar aos clientes também usando o aplicativo HTML5 Videochat.
    Se estiver usando a interface de chat de vídeo flash, clientes móveis terão uma interface de streaming HTML5 simplificada, não o aplicativo avançado HTML5 Videochat.
    O performer poderia optar por usar interface baseada em Flash em sessões agendadas onde todos os clientes também usam PCs, para recursos específicos disponíveis nessa interface.


Integração com outros Frameworks / Scripts, Configuração php simples

O aplicativo também está disponível em algumas configurações demonstrativas simplificadas, para testes rápidos sem registro e integração com outras plataformas:

– Testar o Live Streaming / Videochat do HTML5 – Demonstração autônoma php e obter mais informações em Github – PHP HTML5 Videochat / Configuração de transmissão ao vivo .
– Testar o Chamada de vídeo / Videochat do HTML5 – Demonstração autônoma php e obter mais informações em Github – PHP HTML5 Videochat / Configuração de chamada de vídeo .
– Testar o Gravador de Câmara / HTML5 – Demonstração autônoma e obter mais informações em Github: Vídeo do gravador de câmera HTML5 .

O aplicativo videochat é uma solução baseada em Webon HTML5 JS que conta com a configuração específica do servidor de streaming e os scripts do site do servidor web. O plugin de site turnkey baseado em WP, Videochat pago – Webcams ao vivo HTML5 PPV, é fornecido como código fonte livre e implementa todos os recursos e recursos.
Os requisitos de licenciamento e hospedagem de aplicativos são os mesmos, independente de scripts usados no lado do servidor.
Para integrar o HTML5 Videochat com frameworks/scripts, há também um simplificado php html5 videochat simples Edição, com alguns scripts básicos que incorporam o aplicativo e mostram recursos básicos. Esses scripts incluem alguns dados de amostra simplificados para mostrar elementos básicos de streaming e interface em uma configuração mais fácil para desenvolvedores.
– Plain php edition não envolve banco de dados e páginas para gerenciar membros, quartos, faturamento como com a edição turnkey do PaidVideochat. Isso depende de framework/scripts que você deseja integrar com, plugins, Database, sistema de membros.
– A edição simplificada também pode ser usada como amostra para incorporar o aplicativo com outros tipos de scripts, como a sp, Jsp.
– Scripts simplificados incluem apenas alguns dados de amostra básica, parâmetros para desenvolvedores de terceiros para entender como ele funciona. Todos os recursos são implementados na íntegra com o plugin WordPress do site turnkey, que deve ser usado como amostra/documentação ao se integrar com uma estrutura diferente.