Vidéo en direct HTML5

On constate que, du PC au mobile, de plus en plus d'applications de diffusion en direct sont en ligne et la diffusion mobile est entrée dans une phase d'explosion sans précédent. Cependant, pour la plupart des diffusions mobiles en direct, il est toujours principalement implémenté par des clients natifs, mais HTML5 joue également un rôle irremplaçable dans la fin de la diffusion mobile en direct, comme HTML5 Avec les avantages d'une transmission rapide et facile à publier, HTML5 peut également jouer en direct vidéo quand c'est le plus important.

La diffusion en direct complète peut être divisée comme suit:
(1) Terminal d'enregistrement vidéo: D'une manière générale, il s'agit d'un périphérique d'entrée audio et vidéo d'ordinateur ou d'une caméra ou d'un microphone sur le terminal mobile. Actuellement, la vidéo sur téléphone mobile est la partie principale.
(2) Lecteur vidéo: il peut s'agir d'un lecteur sur l'ordinateur, d'un lecteur natif côté téléphone mobile et d'une étiquette vidéo HTML5. À l'heure actuelle, il est toujours le principal acteur natif sur le téléphone mobile.
(3) Serveur vidéo: il s'agit généralement d'un serveur nginx, qui est utilisé pour accepter la source vidéo fournie par le côté enregistrement vidéo et fournir le service de streaming à l'extrémité de lecture vidéo.

2, enregistrement vidéo HTML5:
Pour l'enregistrement vidéo HTML5, le puissant webrtc (communication en temps réel WEB) est une technologie qui prend en charge la conversation vocale ou vidéo en temps réel dans un navigateur Web. L'inconvénient est qu'il ne supporte mieux que le chrome PC et le côté mobile n'est pas idéal.
Le processus de base d'enregistrement vidéo avec webrtc est:
Appelez window.navigator.webkitGetUserMedia (obtenez les données vidéo de la caméra PC de l'utilisateur).
Convertissez les données acquises en données de flux vidéo en window.webkitRTCPeerConnection (un format de données de flux vidéo).
Utilisation de websocket pour transférer des données de flux vidéo vers le serveur
Étant donné que de nombreuses méthodes doivent être préfixées avec le navigateur, de nombreux navigateurs mobiles ne prennent pas en charge webrtc, de sorte que l'enregistrement vidéo réel est toujours implémenté par le client (IOS, Android) et l'effet sera meilleur.

3, vidéo en direct de diffusion HTML5:
Pour la lecture vidéo, vous pouvez utiliser le protocole HLS (HTTP live streaming) pour lire la diffusion en direct. IOS et Android prennent tous deux naturellement en charge ce protocole. Il est simple de configurer et d'utiliser directement les balises vidéo.
Voici un code simple pour lire une vidéo en direct à l'aide de la vidéo:
(1) Qu'est-ce que le protocole HLS:
En bref, l'ensemble du flux est divisé en petits fichiers, qui sont téléchargés sur la base de HTTP. Seuls certains sont téléchargés à la fois. Le fichier précédent de.M3u8 introduit dans la diffusion vidéo en direct HTML5 est basé sur le protocole HLS, qui stocke les métadonnées du flux vidéo.
Chaque fichier.M3u8 correspond à plusieurs fichiers TS, qui sont les données pour le stockage vidéo réel. Le fichier m3u8 ne stocke que les informations de configuration et les chemins associés de certains fichiers TS. Lors de la lecture de la vidéo, le fichier .M3u8 est modifié dynamiquement. L'étiquette vidéo analysera le fichier et trouvera le fichier TS correspondant à lire. Ainsi, afin d'accélérer la vitesse, le fichier.M3u8 sera utilisé pour analyser le fichier et trouver le fichier TS correspondant pour la lecture. Par conséquent, afin d'accélérer la vitesse, le fichier.M3u8 sera utilisé pour analyser le fichier et trouver le fichier TS correspondant pour la lecture. Par conséquent, afin d'accélérer Mettez-le sur le serveur Web et le fichier TS sur le CDN.
Le fichier.M3u8 est en fait un fichier M3U encodé en UTF-8. Ce fichier ne peut pas être lu seul, mais uniquement le fichier texte contenant les informations de lecture.

(2) Processus de demande HLS:
L'URL de la requête HTTP m3u8.
Le serveur renvoie une liste de lecture de m3u8, qui est mise à jour en temps réel. Généralement, l'URL de 5 segments de données est donnée à la fois.
Le client analyse la liste de lecture de m3u8, puis demande l'URL de chaque segment afin d'obtenir le flux de données TS.

(3) Délai de diffusion en direct HLS:
Nous savons que le protocole HLS divise le flux en direct en un petit segment de vidéo à télécharger et à lire. Supposons donc que la liste contienne 5 fichiers TS, chaque fichier TS contient 5 secondes de contenu vidéo, puis le délai global est de 25 secondes. Parce que lorsque vous voyez ces vidéos, l'hôte a enregistré la vidéo et l'a téléchargée, donc le retard est causé par cela. Bien entendu, la longueur de la liste et la taille d'un seul fichier TS peuvent être raccourcies pour réduire le délai. À l'extrême, la longueur de la liste peut être réduite à 1 et la durée TS est de 1 s. Cependant, cela augmentera le nombre de requêtes et augmentera la pression du serveur. Lorsque la vitesse du réseau est lente, plus de tampon sera généré. Par conséquent, le temps TS recommandé par Apple dure officiellement 10 secondes, ce qui modifiera considérablement le délai de 30 secondes. Ainsi, le serveur reçoit le flux, le transcodage, enregistre, coupe le bloc, puis le distribue au client. Voici la cause première du retard.
Pour plus de questions sur les retards, veuillez vous référer à l'adresse officielle d'Apple:
https://developer.apple.com/library/ios/documentation/NetworkingInternet/Conceptual/StreamingMediaGuide/FrequentlyAskedQuestions/FrequentlyAskedQuestions.html

Cependant, la vidéo en direct HTML5 présente des avantages irremplaçables:
① Bonne communication, facile à partager et autres opérations.
② Il peut être publié de manière dynamique, ce qui permet une itération en temps réel des exigences du produit et un lancement rapide.
③ Sans installer l'application, ouvrez directement le navigateur.

4, OS de données audio et vidéo de collecte (enregistrement) IOS
Pour l'acquisition et l'enregistrement audio et vidéo, tout d'abord, les concepts suivants sont clarifiés:
（1） Codage vidéo: le codage vidéo fait référence à la façon dont un fichier au format vidéo est converti en un autre fichier au format vidéo via une technologie de compression spécifique. La vidéo enregistrée par l'iPhone que nous utilisons doit être encodée, téléchargée et décodée avant de pouvoir être lue dans le lecteur côté utilisateur.
（2） Norme de codec: les normes de codec les plus importantes dans la transmission de flux vidéo incluent H.261, H.263 et H.264 de l'UIT, dans lequel le protocole HLS prend en charge le codage au format H.264.
（3） Codage audio: similaire au codage vidéo, le flux audio d'origine est encodé, téléchargé, décodé selon certaines normes et lu dans le lecteur. Bien sûr, l'audio a également de nombreuses normes de codage, telles que le code PCM, le code wma, le code AAC, etc. la méthode de codage audio prise en charge par notre protocole HLS est le code AAC.

L'acquisition de données vidéo et audio est principalement divisée en les étapes suivantes:

（1） l'acquisition de données vidéo et audio en utilisant l'appareil photo sur IOS
（2） Dans IOS, le flux de données audio et vidéo d'origine peut être collecté par avcapturesession et avcapturedevice.
（3） La vidéo est codée avec h264 et le son est codé AAC. Dans IOS, il existe déjà des bibliothèques de codage packagées pour réaliser le codage de l'audio et de la vidéo.
（4） Les données audio et vidéo après codage sont assemblées et scellées;
（5） Établissez la connexion RTMP et poussez-la vers le serveur.

Voici le processus spécifique de collecte de données audio et vidéo:
(1) à propos de RTMP:
Le protocole de messagerie en temps réel (RTMP) est un ensemble de protocoles vidéo en direct développé par Macromedia et appartient désormais à Adobe. Comme avec HLS, il peut être utilisé pour la diffusion vidéo. La différence est que RTMP ne peut pas jouer dans le navigateur IOS basé sur le flash, mais il est meilleur en temps réel que HLS. Donc, ce protocole est généralement utilisé pour télécharger un flux vidéo, c'est-à-dire que le flux vidéo est poussé vers le serveur.

(2) flux de poussée
Le soi-disant streaming fait référence à l'envoi des données audio et vidéo que nous avons encodées au serveur de flux vidéo. Dans le code IOS, le streaming RTMP est couramment utilisé. Librtmp IOS, une bibliothèque tierce, peut être utilisée pour le streaming. Librtmp encapsule certaines API de base que les utilisateurs peuvent appeler. Par exemple, transmettez l'API et ainsi de suite, configurez l'adresse du serveur, puis transmettez le flux vidéo de transcodage au serveur.
Alors, comment créer un serveur de streaming?
Un serveur de streaming simple est construit. Étant donné que le flux vidéo que nous téléchargeons est basé sur le protocole RTMP, le serveur doit prendre en charge RTMP. Cela peut prendre les étapes suivantes:
（1） Installez un serveur nginx.
（2） L'extension RTMP de nginx est installée. Configurer le fichier de configuration pour nginx
（3） Redémarrez nginx et écrivez l'adresse de streaming de RTMP comme rtmp: // ip: 1935 / hls / mystream, où HLS_ Path représente l'adresse des fichiers générés.M3u8 et TS, HLS_ Fragment représente la longueur de la tranche et mystream représente une instance. Le nom de fichier à générer peut être défini par lui-même.

5 interaction Interaction de l'utilisateur dans la diffusion en direct:
Pour l'interaction de l'utilisateur dans la diffusion en direct, elle peut être grossièrement divisée en:
donner des cadeaux.
Pour commenter ou pour jouer
Pour la livraison de cadeaux, DOM et CSS3 peuvent être utilisés pour réaliser la logique de l'envoi de cadeaux et une animation spéciale de cadeaux sur HTML5. Les difficultés techniques ne sont pas très grandes.
Pour un barrage, pour être un peu plus complexe, vous devrez peut-être faire attention à ce qui suit:
Les performances en temps réel du projectile peuvent être envoyées et reçues en temps réel par webscock et rendues.
Pour les navigateurs qui ne prennent pas en charge websocket, ils ne peuvent être dégradés qu'en interrogation longue ou en envoyant des requêtes de minuterie frontale pour obtenir une fenêtre contextuelle en temps réel.
Animation et détection de collision (c'est-à-dire pas de chevauchement) et ainsi de suite dans le rendu

Dans quelle mesure (long) le couvercle du transmetteur?

La portée de transmission dépend de nombreux facteurs. La distance réelle est basée sur l'antenne d'installer la hauteur, le gain de l'antenne, en utilisant l'environnement comme la construction et d'autres obstacles, la sensibilité du récepteur, l'antenne du récepteur. Installation de l'antenne plus élevée et l'utilisation dans la campagne, la distance sera beaucoup plus loin.

Transmetteur FM 5W Exemple d'utilisation dans la ville et ville natale:

J'ai une utilisation par le client 5W émetteur fm USA avec antenne GP dans sa ville natale, et il le tester avec une voiture, il couvre 10km (6.21mile).

Je teste l'émetteur fm 5W avec antenne GP dans ma ville natale, il couvre environ 2km (1.24mile).

Je teste l'émetteur fm 5W avec antenne GP dans la ville de Guangzhou, il couvre environ seulement 300meter (984ft).

Voici la gamme approximative de différents émetteurs de puissance FM. (La plage est de diamètre)

Transmetteur FM 0.1W ~ 5W: 100M ~ 1KM

5W ~ 15W FM Ttransmitter: 1KM ~ 3KM

Transmetteur FM 15W ~ 80W: 3KM ~ 10KM

Transmetteur FM 80W ~ 500W: 10KM ~ 30KM

Transmetteur FM 500W ~ 1000W: 30KM ~ 50KM

Transmetteur FM 1KW ~ 2KW: 50KM ~ 100KM

Transmetteur FM 2KW ~ 5KW: 100KM ~ 150KM

Transmetteur FM 5KW ~ 10KW: 150KM ~ 200KM

Comment nous contacter pour l'émetteur?

Appelez-moi + 8618078869184 OU
Envoyez-moi un courriel [email protected]
1.How loin que vous voulez couvrir de diamètre?
2.How haut de la tour vous?
3.Where êtes-vous?
Et nous allons vous donner plus de conseils professionnels.

À propos de nous

FMUSER.ORG est une société d’intégration de systèmes spécialisée dans la transmission sans fil RF / équipement audio vidéo / de studio / streaming et le traitement de données. Nous fournissons tout ce que vous souhaitez, du conseil au conseil en passant par l’intégration en rack, l’installation, la mise en service et la formation.

Nous proposons des émetteurs FM, des émetteurs de télévision analogique, des émetteurs de télévision numérique, des émetteurs VHF UHF, des antennes, des connecteurs de câble coaxial, STL, Traitement en direct, Produits de diffusion pour le studio, Surveillance du signal RF, Encodeurs RDS, Processeurs audio et Unités de contrôle de site distant, Les produits IPTV, encodeur / décodeur vidéo / audio, sont conçus pour répondre aux besoins des grands réseaux de diffusion internationaux et des petites stations privées.

Notre solution comprend une station de radio FM / une station de télévision analogique / une station de télévision numérique / un équipement de studio audio vidéo / une liaison d'émetteur de studio / un système de télémétrie d'émetteur / un système de télévision d'hôtel / une diffusion en direct IPTV / une diffusion en direct en continu / une conférence vidéo / un système de diffusion CATV.

Nous utilisons des produits de technologie de pointe pour tous les systèmes, car nous savons que la fiabilité et les performances élevées sont essentielles pour le système et la solution. Dans le même temps, nous devons également nous assurer que notre système de produits a un prix très raisonnable.

Nous avons des clients de diffuseurs publics et commerciaux, d'opérateurs de télécommunication et d'autorités de régulation, et nous proposons également des solutions et des produits à des centaines de diffuseurs plus petits, locaux et communautaires.

FMUSER.ORG exporte depuis plus de 15 ans et a des clients partout dans le monde. Avec 13 ans d'expérience dans ce domaine, nous avons une équipe professionnelle pour résoudre toutes sortes de problèmes du client. Nous nous sommes engagés à fournir des prix extrêmement raisonnables de produits et services professionnels. Email du contact : [email protected]

Notre Usine

Nous avons modernisation de l'usine. Vous êtes invités à visiter notre usine lorsque vous venez en Chine.

À l'heure actuelle, il existe déjà clients 1095 partout dans le monde visité notre bureau de Guangzhou Tianhe. Si vous venez en Chine, vous êtes invités à nous rendre visite.

Au Salon

Ceci est notre participation à 2012 Global Sources Hong Kong Electronics Fair . Les clients de partout dans le monde enfin avoir une chance de se réunir.

Où est Fmuser?

Vous pouvez rechercher ces numéros " 23.127460034623816,113.33224654197693 "dans google map, vous pouvez trouver notre bureau fmuser.

bureau FMUSER Guangzhou se trouve dans le district de Tianhe, qui est le centre du Canton . Très près à la Foire de Canton , gare de guangzhou, route Xiaobei et Dashatou , seul besion 10 minutes si prendre TAXIS . Bienvenue amis partout dans le monde à visiter et à négocier.

Contact: Blue Sky
Mobile: + 8618078869184
WhatsApp: + 8618078869184
WeChat: + 8618078869184
Courriel : [email protected]
QQ: 727926717
Skype: sky198710021
Adresse: No.305 Chambre Huilan bâtiment No.273 Huangpu route Guangzhou Chine Code postal: 510620

Français: Nous acceptons tous les paiements, tels que PayPal, carte de crédit, Western Union, Alipay, Money Bookers, T / T, LC, DP, DA, OA, Payoneer, si vous avez des questions, veuillez me contacter [email protected] ou WhatsApp + 8618078869184

PayPal.  www.paypal.com

Nous vous recommandons d'utiliser Paypal pour acheter nos articles, Le Paypal est un moyen sûr d'acheter sur Internet.

Chaque de notre liste d'articles en bas de page sur le dessus ont un logo paypal pour payer.

Carte de crédit.Si vous ne disposez pas paypal, mais vous avez la carte de crédit, vous pouvez également cliquer sur le bouton jaune PayPal pour payer avec votre carte de crédit.

-------------------------------------------------- -------------------

Mais si vous avez pas une carte de crédit et ne pas avoir un compte paypal ou difficile à obtenu un accout paypal, vous pouvez utiliser ce qui suit:
Western union.  www.westernunion.com

Paiement par Western Union à moi:

Prénom / Prénom: Yingfeng
Nom / Prénom / Nom de famille: Zhang
Nom complet: Yingfeng Zhang
Pays: Chine
Ville: Guangzhou

-------------------------------------------------- -------------------

T / T.  Payer par T / T (virement / transfert télégraphique / Virement bancaire)
PREMIÈRES INFORMATIONS BANCAIRES (COMPTE COMPTE) :

SWIFT BIC: BKCHHKHHXXX
Nom de la banque: BANK OF CHINA (HONG KONG) LIMITÉE, HONG KONG
Adresse de la banque: BANK OF CHINA TOWER, 1 GARDEN ROAD, CENTRAL, HONG KONG
CODE DE LA BANQUE: 012
Nom du compte: FMUSER INTERNATIONAL GROUP LIMITED
N ° de compte. : 012-676-2-007855-0

-------------------------------------------------- -------------------
Deuxième RENSEIGNEMENTS BANCAIRES (COMPTE) :
Bénéficiaire : Fmuser International Group Inc
Numéro de compte: 44050158090900000337
Banque du bénéficiaire : succursale de la China Construction Bank Guangdong
Code SWIFT : PCBCCNBJGDX
Adresse : NO.553 Tianhe Road, Guangzhou, Guangdong, district de Tianhe, Chine
** Remarque : lorsque vous transférez de l'argent sur notre compte bancaire, veuillez ne rien écrire dans la zone de remarque, sinon nous ne pourrons pas recevoir le paiement en raison de la politique du gouvernement sur le commerce international.

* Il sera envoyé en 1-2 jours ouvrables lorsque le paiement clair.

* Nous vous enverrons à votre adresse paypal. Si vous voulez changer l'adresse, s'il vous plaît envoyez votre adresse et le numéro de téléphone à mon email [email protected]

* Si les paquets est inférieur à 2kg, nous sera expédiée par la poste aérienne, il faudra environ 15-25days à votre main.

Si le paquet est plus que 2kg, nous expédions par EMS, DHL, UPS, Fedex livraison rapide express, il faudra environ 7 ~ 15days à votre main.

Si le paquet plus 100kg, nous vous ferons parvenir par DHL ou fret aérien. Il faudra environ 3 ~ 7days à votre main.

Tous les paquets sont la forme la Chine guangzhou.

* Le colis sera envoyé comme un "cadeau" et déclear le moins possible, l'acheteur n'a pas besoin de payer pour la "TAXE".

* Après bateau, nous vous enverrons un e-mail et vous donner le numéro de suivi.

Pour la garantie.
Contactez-nous --- >> Renvoyez-nous l'article --- >> Recevez et envoyez un autre remplacement.

Nom: Liu xiaoxia
Adresse: 305Fang HuiLanGe HuangPuDaDaoXi 273Hao TianHeQu Guangzhou en Chine.
Code postal: 510620
Téléphone: 8618078869184 XNUMX XNUMX XNUMX XNUMX

S'il vous plaît revenir à cette adresse et écrivez votre paypal adresse, nom, problème sur la note: