fbpx

Vidéochat HTML5

👁 🗨 HTML5 Videochat une application Web pour le streaming de webcams en direct, enregistrement et chat. Il est disponible à la fois en tant que site clé en main avec des interactions avancées et des éditions autonomes pour des scénarios simples (streaming vidéo en direct, 2 les appels vidéo, enregistrement vidéo/audio par webcam).
💻 100% Application Web HTML5, pas de Flash, pas de téléchargements. Cela le rend compatible avec la plupart des appareils et navigateurs modernes, y compris les navigateurs mobiles comme iOS Safari, Android Chrome.
💸 L’édition de site de dinde la plus avancée est Plateforme PaidVideochat, qui peuvent être utilisés pour créer des plateformes commerciales de services vidéo en ligne: Conseil d’experts & Le, Fans/Créateurs Paysite, Chat vidéo de modèle adulte, Services de lecture psychique en direct.

Lisez sur cette page à propos de: principales caractéristiques, en utilisant HTML5 et non Flash, vidéo-conférence, collaboration vidéo / présentation, codeurs externes, pièce suivante aléatoire, Démos, prix de la licence en mode complet , exigences, FAQ, Intégration php.


Démo de vidéochat pleine page

Principales fonctionnalités de HTML5 Videochat

  • 1 chemin vers de nombreux flux vidéo en direct, dans le lobby public
  • 2 façon vidéochat, en privé (1 À 1) affiche avec l’interaction demande/approbation
  • affichage du solde du portefeuille en direct (mises à jour des conseils et autres transferts)
  • conseils avec plusieurs options personnalisables, images cadeaux
  • Streaming relayé WebRTC (fiable et évolutif pour de nombreux clients à partir du serveur de streaming, indépendamment de la connexion de téléchargement du diffuseur)
  • Groupe / chat vidéo privé payant, payer par minute
  • vidéo / audio / modes de chat texte (pour les réunions de groupe et les appels privés)
  • vidéochat aléatoire avec le bouton Suivant pour se déplacer vers une autre salle d’artiste
  • plein écran pour l’interface de chat vidéo ou la lecture vidéo
  • mode de collaboration avec partage de fichiers, présentation (webcam, image, vidéo)
  • débit binaire vidéo cible adaptatif (en fonction de la résolution de la caméra) et configuration dans le changement de résolution
  • Statistiques de diffusion/lecture/latence/gigue/perte de diffusion/lecture WebRTC (les contrôles ouverts et les statistiques devraient s’afficher en quelques secondes)
  • afficher la lecture d’instantanés/vidéo lorsqu’ils ne sont pas diffusés en continu
  • mode sombre / lumières allumées: chaque utilisateur peut basculer en mode d’interface en direct au moment de l’exécution
  • vue fractionnée: collaboration vidéo en direct, conférence affichant plusieurs éléments multimédias


Uniquement HTML5: Pas de Flash

L’utilisation de l’interface de chat vidéo HTML5 est fortement recommandée car les principaux navigateurs ont l’intention d’arrêter la prise en charge de Flash dans 2020.
HTML5 Videochat utilise la technologie WebRTC pour permettre la diffusion de webcam directement à partir du site Web, sans avoir besoin de Flash.
D’autres solutions utilisent Flash pour diffuser et HTML5 HLS uniquement pour la lecture mais cette application / l’interface n’utilise pas Flash du tout.
Cela le rend compatible et toutes les fonctionnalités disponibles dans la plupart des navigateurs, y compris les mobiles.. Certaines limitations peuvent s’appliquer à mesure que la technologie de navigateur se déploie.


Démos

PaidVideochat Plugins de site clé en main – accéder en tant que visiteur du site ou s’inscrire en tant qu’utilisateur pour des fonctionnalités avancées:

  • Vidéochat Fullpage – salle de démonstration en mode pleine page (comprend un menu de site minimaliste)
  • Salle de chat vidéo – une salle de démonstration spécifique, jouera un teaser car l’artiste n’est pas en ligne
  • Chat vidéo aléatoire – une salle de vidéochat aléatoire, se déplacer vers une autre pièce avec le bouton Suivant
  • Inscrivez-vous dans la démo – s’inscrire en tant qu’intervenant ou client pour accéder aux fonctionnalités avancées, y compris la radiodiffusion, privé 2 façon vidéochat, payer par minute

Simple 2 Way VideoCalls et random chat plugin :

Démos autonomes – L’application HTML5 Videochat est également disponible dans certaines configurations démonstratives simplifiées, pour des tests rapides sans inscription:


Licence en mode complet / Prix

Commandez un forfait combo clé en main avec licence en mode complet et toutes les exigences d’hébergement pour exécuter les fonctionnalités HTML5 Videochat.

L’interface HTML5 Videochat nécessite un niveau 4 Licence de l’application Web VideoWhisper, pour activer le mode complet sans publicités ni limitations, à usage commercial.
Une licence inférieure peut être mise à niveau pour différence de prix: ancien niveau basé sur Flash 3 La licence Video Chat Messenger peut être mise à niveau pour différence de prix.
Le niveau 4 La licence inclut le mode complet pour toutes les interfaces d’application de niveau inférieur.

Sans un licence en mode complet, l’application comprend limitations du mode libre comme des publicités intrusives dans l’interface comme: un bouton Mode libre, annonce dans le chat, résolution de diffusion restreinte (< 480p), débit binaire maximal de diffusion restreint (< 750Kbps).


Exigences d'hébergement

L’application HTML5 Videochat implique des exigences: Streaming de relais WebRTC HTML5 pour plus de fiabilité et d’évolutivité, SSL et configuration spécifique sur un serveur de streaming spécifique, contrôle de session pour gérer les flux et les interactions entre le streaming et le serveur Web, ffmpeg avec codecs vidéo impliqués sur l’hébergeur.

Toutes les exigences sont disponibles avec le plans d’hébergement complets clés en main, spécifiquement installer/configurer/gérer pour exécuter ces fonctionnalités.


Performer se met en ligne. L’application HTML5 Videochat peut se charger en mode pleine page avec une interface avancée: bavarder, appareil photo, liste d’utilisateurs, options de chambre.

Performer se met en ligne. L’application HTML5 Videochat peut se charger en mode pleine page avec une interface avancée: bavarder, appareil photo, liste d’utilisateurs, options de chambre.

 

Vue client dans le hall de la salle de vidéochat: Les clients peuvent utiliser la fonction de chat vidéo aléatoire pour se déplacer rapidement vers une autre salle d’artistes, avec le bouton Suivant.

Vue client dans le hall de la salle de vidéochat: Les clients peuvent utiliser la fonction de chat vidéo aléatoire pour se déplacer rapidement vers une autre salle d’artistes, avec le bouton Suivant.

 

Le client peut demander un paiement à la minute privé 2 appel vidéo au fournisseur. L’intervenant peut accepter ou refuser et rester dans le chat de groupe public.

Le client peut demander un paiement à la minute privé 2 appel vidéo au fournisseur. L’intervenant peut accepter ou refuser et rester dans le chat de groupe public.

 

L’intervenant peut accepter de participer 2 par vidéochat privé (1 sur 1) avec le client.

L’intervenant peut accepter de participer 2 par vidéochat privé (1 sur 1) avec le client.

 

Vue client dans 2 façon vidéochat: Le client peut envoyer des pourboires / cadeaux pendant les sessions privées et publiques.

Débit binaire en streaming, latence, Gigue, statistiques et avertissements de perte de paquets pour les diffusions WebRTC.

Débit binaire en streaming, latence, Gigue, statistiques et avertissements de perte de paquets pour les diffusions WebRTC.

Conférence vidéo / Mode réunion

Le propriétaire de la salle peut démarrer le mode Conférence en faisant pivoter en direct à partir de l’onglet Options.
En mode conférence, Le propriétaire de la pièce peut diviser l’affichage en 2, 4, 6 emplacements où il peut attribuer des flux aux participants dans l’onglet Utilisateurs.
Lorsque la salle est en mode conférence, tous les participants reçoivent un onglet Caméra pour commencer à diffuser leur webcam et leur microphone.
En mode conférence, interface de complexité avancée (avec onglets) est toujours utilisé pour afficher les fonctionnalités avancées et la mise en page.


Collaboration / Mode de présentation

HTML5 Videochat inclut un mode pour collaboration et présentations avancées. En plus du mode conférence, la collaboration inclut le partage de fichiers et la possibilité d’afficher des images et des vidéos dans des emplacements multimédias.
En mode collaboration, par rapport au chat vidéo régulier, nouvelle fonctionnalité Les onglets sont disponibles: Utilisateurs, Fichiers, Présentation en plus de Chat, Panneaux de caméra.
Interprète (enseignant, conseiller, entraîneur, présentateur, modérateur) peut télécharger/supprimer des fichiers, afficher d’autres caméras utilisateur ou des images / vidéos pour que tout le monde les voie.
Les participants inscrits à la collaboration peuvent également diffuser leur caméra, télécharger des fichiers. Tous les participants peuvent ouvrir des fichiers, regarder le contenu affiché par le modérateur (ruisseaux, Fichiers).

Vidéoconférence HTML5: Écran partagé dans plusieurs emplacements pour montrer aux utilisateurs qui activent leurs webcams. Propriétaire de la chambre (modérateur) assigne les utilisateurs aux emplacements et contrôle ce que tout le monde regarde.

Vidéoconférence HTML5: Écran partagé dans plusieurs emplacements pour montrer aux utilisateurs qui activent leurs webcams. Propriétaire de la chambre (modérateur) assigne les utilisateurs aux emplacements et contrôle ce que tout le monde regarde.

 

Collaboration Vidéoconférence HTML5: Vue fractionnée avec plusieurs médias: flux d’utilisateurs, Photos, vidéos.

Collaboration Vidéoconférence HTML5: Vue fractionnée avec plusieurs médias: flux d’utilisateurs, Photos, vidéos.


Mode sombre: mode sombre / lumières allumées, chaque utilisateur peut basculer l’interface en direct au moment de l’exécution. Les salles en mode collaboration ont des onglets pour des fonctionnalités avancées telles que le partage de fichiers.

Mode sombre: mode sombre / lumières allumées, chaque utilisateur peut basculer l’interface en direct au moment de l’exécution. Les salles en mode collaboration ont des onglets pour des fonctionnalités avancées telles que le partage de fichiers.


Diffusion externe : OBS, GoCoder, Wirecast, Effets Snap Camera, Réunions Zoom & Webinaire

Les artistes peuvent diffuser des vidéos en direct avec des encodeurs RTMP externes comme OBS, GoCoder pour iOS/Android, FFsplit, xSplit, vMix, Wirecast, Wirecast Go, Teradek en direct:Air Solo, Réunions Zoom & Webinaires.
Ceux-ci peuvent être utilisés pour construire des compositions de streaming plus avancées comme des spectacles avec plusieurs scènes, panneaux de vidéoconférence, Transitions, effects.

Les intervenants peuvent facilement copier les paramètres (appuyez pour tout sélectionner) et configurer l’encodeur de votre choix. Avec ces paramètres, les artistes peuvent diffuser à tout moment à partir de l’encodeur, sans avoir besoin d’accéder au chat.
Si vous utilisez également une application de chat vidéo basée sur le Web en même temps, la diffusion est détectée et l’interface de diffusion de webcam interne basée sur le Web se cache.
La lecture se fait avec HTML5 HLS (avec une latence supplémentaire spécifique à la méthode de livraison HLS).
Idéal pour démarrer rapidement des émissions à l’aide d’un téléphone ou d’un équipement professionnel, applications pour la composition de scènes avancées, transitions et effets.

Télécharger OBS

Téléchargez l’application de bureau Open Broadcster Software et commencez à diffuser rapidement et facilement sur Windows, Mac ou Linux. Fournit des performances élevées de capture et de mixage vidéo / audio en temps réel.
Créer des scènes composées de plusieurs sources, y compris des captures de fenêtre, Images, texte, fenêtres du navigateur, Webcams, cartes de capture et plus encore.
Choisissez parmi un certain nombre de transitions différentes et personnalisables lorsque vous basculez entre vos scènes ou ajoutez vos propres fichiers vidéo stinger.
Définissez des raccourcis clavier pour presque tous les types d’action, comme passer d’une scène à l’autre, démarrage/arrêt de flux ou d’enregistrements, mise en sourdine des sources audio, pousser pour parler, et plus encore.

SnapCamera avec Snap Lenses peut être utilisé pour les effets lors de l’utilisation d’OBS ou d’un autre encodeur de bureau sur PC & Mac.

GoCoder iOS

L’application Wowza GoCoder™ de Wowza Media Systems™ est une application de capture et d’encodage audio et vidéo en direct pour iOS 8 et plus récent. Utilisez l’application Wowza GoCoder pour diffuser des événements en direct de qualité HD en déplacement de n’importe quel endroit vers n’importe quel écran à l’aide du streaming à débit adaptatif H.264. Capturez et diffusez du contenu audio et vidéo en direct en temps réel via Wi-Fi, 4G, ou 3G.

GoCoder Android

L’application Wowza GoCoder™ de Wowza Media Systems™ est une application de capture et d’encodage audio et vidéo en direct pour Android 4.4 et plus tard. Utilisez l’application Wowza GoCoder pour diffuser des événements en direct de qualité HD en déplacement de n’importe quel endroit vers n’importe quel écran à l’aide du streaming à débit adaptatif H.264. Capturez et diffusez du contenu audio et vidéo en direct en temps réel via Wi-Fi, 4G, ou 3G.


Prise en charge de l’encodeur externe: Les artistes peuvent diffuser avec des encodeurs RTMP comme OBS, GoCoder pour iOS/Android, Wirecast, XSplit, Wirecast Go, Teradek en direct:Air Solo .

Prise en charge de l’encodeur externe: Les artistes peuvent diffuser avec des encodeurs RTMP comme OBS, GoCoder pour iOS/Android, Wirecast, XSplit, Wirecast Go, Teradek en direct:Air Solo .


Améliorez le flux de conversation avec des mentions, réponses dans HTML5 Videochat. Cliquez sur n’importe quel message pour pouvoir répondre ou mentionner cet utilisateur dans votre nouveau message. Les réponses obtiennent un bouton pour faire défiler rapidement jusqu’au message référencé.

Améliorez le flux de conversation avec des mentions, réponses dans HTML5 Videochat. Cliquez sur n’importe quel message pour pouvoir répondre ou mentionner cet utilisateur dans votre nouveau message. Les réponses obtiennent un bouton pour faire défiler rapidement jusqu’au message référencé.


Enregistreur audio HTML5: Envoyer des enregistrements audio dans le chat texte.

Enregistreur audio HTML5: Envoyer des enregistrements audio dans le chat texte.

Vidéochat aléatoire avec bouton Suivant

Un système de jumelage client-interprète aléatoire, similaire aux sites de vidéochat sur le thème de la roulette, est disponible dans la solution PaidVideochat pour se déplacer rapidement entre les salles des artistes.

Random Videochat est disponible avec un Bouton suivant dans l’interface de l’application HTML5 Videochat pour PaidVideochat.

Permet aux clients de passer rapidement à une autre salle d’intervenants (sans quitter l’interface de chat).
Chambre voisine est sélectionnée de chambres récemment actifs en ligne, en choisissant une salle utilisateur n’est pas entré ou inscrits plus longtemps il y a (pour la rotation).

Le bouton Suivant peut être utilisé pour accéder aux chambres gratuites ou payantes disponibles en fonction des paramètres. Naviguera pas chambres où l’interprète est en show privé. Les visiteurs obtiennent toujours pièces libres (parce qu’ils n’ont pas un équilibre pour les spectacles payants).

Lorsque les utilisateurs entrent chambres payées, message de bienvenue contiendra les détails y compris groupe coût par minute et la grâce de temps. Également un affichage d’icône salle spéciale payée mode.
Lorsque vous allez à une salle payée (Si activé à partir de paramètres), l’utilisateur n’est pas chargé tout de suite car il y a un temps de grâce (configurables). Si vous déménagez dans la chambre voisine ou chat de fermeture avant la fin de temps grâce, se produit sans frais. Message de bienvenue de chambre payé a également une icône spéciale montrant le paiement.

Backend paramètres comprennent la sélection chambre voisine qu’à partir de chambres libres/payé ou en ligne. Les clients peuvent tenter leur chance avec cette fonctionnalité de roulette aléatoire de jumelage pour parcourir rapidement les différents interprètes, sans quitter le chat.

Le chat vidéo aléatoire simplifié est également disponible dans 2 Way VideoCalls et random chat plugin, avec une démo en direct sur 2 Way Random Videochat .


Vidéochat aléatoire de la salle suivante

Vidéochat aléatoire de la salle suivante

F.A.Q. à propos de HTML5 Videochat & PaidVideochat Solution

  • Peut-il diffuser des artistes à partir d’une caméra mobile à l’aide du chat vidéo HTML5?
    Oui, HTML5 Videochat utilise la technologie HTML5 WebRTC disponible dans les navigateurs mobiles comme Android Chrome, Safari iOS.
    La même application se charge à la fois dans les navigateurs PC et mobiles, avec quelques ajustements adaptatifs, se référant principalement à une mise en page adaptée à l’écran mobile.
  • Les utilisateurs ont-ils besoin de Flash pour HTML5 Videochat?
    Aucun, les utilisateurs n’ont pas besoin du plugin Flash dans leur navigateur pour utiliser l’application HTML5 Videochat.
    PaidVideochat prend également en charge une interface basée sur Flash qui peut être utilisée si elle est activée par l’administrateur du site et sélectionnée par l’intervenant.
  • Les interfaces HTML5 Videochat et Flash Video Chat peuvent-elles être utilisées?
    La 2 les interfaces ne sont pas compatibles dans la même session: l’intervenant doit utiliser l’application HTML5 Videochat pour se connecter aux clients utilisant également l’application HTML5 Videochat.
    Si vous utilisez l’interface Flash Video Chat, les clients mobiles bénéficieront d’une interface de streaming HTML5 simplifiée, pas l’application avancée HTML5 Videochat.
    L’intervenant peut choisir d’utiliser l’interface Flash dans les sessions planifiées où tous les clients utilisent également des PC, pour les fonctionnalités spécifiques disponibles dans cette interface.


Intégration avec d’autres frameworks / Scripts, Configuration PHP simple

L’application est également disponible dans certaines configurations démonstratives simplifiées, pour des tests rapides sans inscription et intégration avec d’autres plates-formes:

– Testez le Live Streaming / Vidéochat HTML5 – Démo php autonome et obtenez plus d’informations sur GitHub (en) – PHP HTML5 Vidéochat / Configuration de la diffusion en direct .
– Testez le Appel vidéo / Vidéochat HTML5 – Démo php autonome et obtenez plus d’informations sur GitHub (en) – PHP HTML5 Vidéochat / Configuration de l’appel vidéo .
– Testez le Enregistreur à cames / HTML5 – Démo autonome et obtenez plus d’informations sur GitHub (en): Cam Recorder HTML5 Audio vidéo .

L’application de vidéochat est une solution frontale basée sur HTML5 JS qui repose sur une configuration de serveur de streaming spécifique et des scripts de site backend côté serveur Web. Le plugin de site clé en main basé sur WP, Videochat payant – HTML5 PPV Live Webcams, est fourni sous forme de code source gratuit et implémente toutes les fonctionnalités et capacités.
Les exigences en matière de licences et d’hébergement des applications sont les mêmes, indépendant des scripts utilisés côté serveur.
Pour intégrer HTML5 Videochat avec des frameworks/scripts, il y a aussi un PHP HTML5 Videochat simple édition, avec quelques scripts de base qui intègrent l’application et présentent les fonctionnalités de base. Ces scripts incluent des exemples de données simplifiés pour présenter les éléments de base du streaming et de l’interface dans une configuration plus facile pour les développeurs.
– L’édition php simple n’implique pas de base de données et de pages pour gérer les membres, Chambres, facturation comme avec l’édition clé en main PaidVideochat. Ceux-ci dépendent du framework/ des scripts que vous souhaitez intégrer, plugins, base de données, système de membres.
– L’édition simplifiée peut également être utilisée comme exemple pour incorporer l’application à d’autres types de scripts tels qu’ASP, JSP.
– Les scripts simplifiés n’incluent que quelques exemples de données de base, paramètres pour que les développeurs 3rd party comprennent comment cela fonctionne. Toutes les fonctionnalités sont implémentées dans leur intégralité avec le plugin WordPress édition site clé en main, qui devrait être utilisé comme échantillon/documentation lors de l’intégration à un cadre différent.