Video live HTML5

Si può vedere che, dal PC al cellulare, sempre più app di trasmissione in diretta sono online e la trasmissione mobile è entrata in una fase di esplosione senza precedenti. Tuttavia, per la maggior parte delle trasmissioni in diretta mobile, è ancora implementato principalmente da client nativi, ma HTML5 svolge anche un ruolo insostituibile nella fine della trasmissione in diretta mobile, come HTML5 Con i vantaggi della trasmissione veloce e facile da rilasciare, HTML5 può anche essere riprodotto dal vivo video quando è il più importante.

La trasmissione in diretta completa può essere suddivisa in:
(1) Terminale di registrazione video: in generale, è un dispositivo di input audio e video del computer o una fotocamera o un microfono sul terminale mobile. Attualmente, il video del telefono cellulare è la parte principale.
(2) Lettore video: può essere un lettore sul computer, un lettore nativo sul lato del telefono cellulare e un'etichetta video di HTML5. Al momento, è ancora il principale giocatore nativo sul telefono cellulare.
(3) Server video: generalmente, è un server nginx, che viene utilizzato per accettare la sorgente video fornita dal lato della registrazione video e fornire il servizio di streaming alla fine della riproduzione video.

2, video di registrazione HTML5:
Per la registrazione di video HTML5, il potente webrtc (comunicazione WEB in tempo reale) è una tecnologia che supporta la conversazione vocale o video in tempo reale nel browser web. Lo svantaggio è che supporta solo meglio su PC Chrome e il lato mobile non è l'ideale.
Il processo di base per registrare video con webrtc è:
Chiama window.navigator.webkitGetUserMedia (ottieni i dati video della videocamera del PC dell'utente).
Converte i dati acquisiti in flusso video in window.webkitRTCPeerConnection (un formato di dati del flusso video).
Utilizzo di websocket per trasferire i dati del flusso video al server
Poiché molti metodi devono essere preceduti dal browser, molti browser mobili non supportano webrtc, quindi la registrazione video reale è ancora implementata dal client (IOS, Android) e l'effetto sarà migliore.

3 、 HTML5 trasmette video in diretta:
Per la riproduzione video, è possibile utilizzare il protocollo HLS (HTTP live streaming) per riprodurre lo streaming live. IOS e Android supportano entrambi questo protocollo naturalmente. È semplice configurare e utilizzare direttamente i tag video.
Ecco un semplice codice per riprodurre video dal vivo utilizzando il video:
(1) cos'è il protocollo HLS:
In breve, l'intero flusso è diviso in piccoli file, che vengono scaricati in base a HTTP. Solo alcuni vengono scaricati alla volta. Il file menzionato in precedenza di.M3u8 introdotto nel video live trasmesso in HTML5 si basa sul protocollo HLS, che memorizza i metadati del flusso video.
Ciascun file .M3u8 corrisponde a diversi file TS, che sono i dati per l'archiviazione video reale. Il file m3u8 memorizza solo le informazioni di configurazione ei percorsi correlati di alcuni file TS. Quando il video viene riprodotto, il file .M3u8 viene modificato dinamicamente. L'etichetta video analizzerà il file e troverà il file TS corrispondente da riprodurre. Quindi, al fine di accelerare la velocità, il file .M3u8 verrà utilizzato per analizzare il file e trovare il file TS corrispondente per la riproduzione. Pertanto, al fine di accelerare la velocità, il file .M3u8 verrà utilizzato per analizzare il file e trovare il file TS corrispondente per la riproduzione. Pertanto, per velocizzare Mettilo sul server web e il file TS sulla CDN.
Il file .M3u8 è in realtà un file M3U codificato con UTF-8. Questo file non può essere riprodotto da solo, ma solo il file di testo contenente le informazioni di riproduzione.

(2) Processo di richiesta HLS:
L'URL della richiesta HTTP m3u8.
Il server restituisce una playlist di m3u8, che viene aggiornata in tempo reale. In genere, viene fornito l'URL di 5 segmenti di dati alla volta.
Il client analizza la playlist di m3u8, quindi richiede l'URL di ogni segmento per ottenere il flusso di dati TS.

(3) Ritardo trasmissione in diretta HLS:
Sappiamo che il protocollo HLS divide il live streaming in un piccolo segmento di video da scaricare e riprodurre. Supponiamo quindi che l'elenco contenga 5 file TS, ogni file TS contenga 5 secondi di contenuto video, quindi il ritardo complessivo è di 25 secondi. Perché quando vedi questi video, l'host ha registrato il video e lo ha caricato, quindi il ritardo è causato da questo. Naturalmente, la lunghezza dell'elenco e la dimensione di un singolo file TS possono essere abbreviate per ridurre il ritardo. All'estremo, la lunghezza dell'elenco può essere ridotta a 1 e la durata TS è 1s. Tuttavia, ciò aumenterà il numero di richieste e aumenterà la pressione del server. Quando la velocità della rete è lenta, verrà generato più buffer. Pertanto, il tempo TS consigliato da Apple dura ufficialmente per 10 secondi, quindi cambierà notevolmente il ritardo di 30 secondi. Quindi il server riceve il flusso, transcodifica, salva, taglia il blocco e quindi lo distribuisce al client. Ecco la causa principale del ritardo.
Per ulteriori domande sui ritardi, fare riferimento all'indirizzo ufficiale di Apple:
https://developer.apple.com/library/ios/documentation/NetworkingInternet/Conceptual/StreamingMediaGuide/FrequentlyAskedQuestions/FrequentlyAskedQuestions.html

Tuttavia, il video live HTML5 presenta alcuni vantaggi insostituibili:
① Buona comunicazione, facile condivisione e altre operazioni.
② Può essere rilasciato dinamicamente, il che favorisce l'iterazione in tempo reale dei requisiti del prodotto e il lancio rapido.
③ Senza installare l'app, apri direttamente il browser.

4, sistema operativo iOS per la raccolta (registrazione) di dati audio e video
Per l'acquisizione e la registrazione di audio e video, in primo luogo, vengono chiariti i seguenti concetti:
（1） Codifica video: la codifica video si riferisce al modo in cui un file in un formato video viene convertito in un altro file in formato video tramite una specifica tecnologia di compressione. Il video registrato dall'iPhone che utilizziamo deve essere codificato, caricato e decodificato prima di poter essere riprodotto nel player lato utente.
（2） Standard codec: i più importanti standard codec nella trasmissione di flussi video includono H.261, H.263 e H.264 di ITU, in cui il protocollo HLS supporta la codifica in formato H.264.
（3） Codifica audio: simile alla codifica video, il flusso audio originale viene codificato, caricato, decodificato secondo determinati standard e riprodotto nel lettore. Naturalmente, l'audio ha anche molti standard di codifica, come codice PCM, codice wma, codice AAC, ecc. il metodo di codifica audio supportato dal nostro protocollo HLS è il codice AAC.

L'acquisizione dei dati video e audio si articola principalmente nelle seguenti fasi:

（1）l'acquisizione dei dati video e audio utilizzando la fotocamera su IOS
（2） In IOS, il flusso di dati audio e video originale può essere raccolto da avcapturesession e avcapturedevice.
（3） Il video è codificato con h264 e l'audio è codificato AAC. In IOS, esistono già librerie di codifica pacchettizzate per realizzare la codifica di audio e video.
（4） I dati audio e video dopo la codifica vengono assemblati e sigillati;
（5）Stabilire la connessione RTMP e inviarla al server.

Quello che segue è il processo specifico di raccolta dei dati audio e video:
(1) su RTMP:
Il protocollo di messaggistica in tempo reale (RTMP) è un insieme di protocolli video live sviluppato da Macromedia e ora appartiene ad Adobe. Come con HLS, può essere utilizzato per la trasmissione video. La differenza è che RTMP non può giocare nel browser IOS basato su flash, ma è meglio in tempo reale di HLS. Quindi questo protocollo viene generalmente utilizzato per caricare il flusso video, ovvero il flusso video viene inviato al server.

(2) flusso di spinta
Il cosiddetto streaming si riferisce all'invio dei dati audio e video che abbiamo codificato al server di streaming video. Nel codice IOS, lo streaming RTMP è comunemente usato. Librtmp IOS, una libreria di terze parti, può essere utilizzata per lo streaming. Librtmp incapsula alcune API principali che gli utenti possono chiamare. Ad esempio, eseguire il push dell'API e così via, configurare l'indirizzo del server e quindi inviare il flusso video di transcodifica al server.
Allora come costruire un server di streaming?
Viene costruito un semplice server di streaming. Poiché il flusso video che carichiamo è basato sul protocollo RTMP, il server deve supportare RTMP. Potrebbero essere necessari i seguenti passaggi:
（1） Installa un server nginx.
(2) L'estensione RTMP di nginx è installata. Configura il file di configurazione per nginx
（3） Riavviare nginx e scrivere l'indirizzo di streaming di RTMP come rtmp: // ip: 1935 / hls / mystream, dove HLS_ Path rappresenta l'indirizzo dei file M3u8 e TS generati, HLS_ Fragment rappresenta la lunghezza della slice e mystream rappresenta un'istanza. Il nome del file da generare può essere impostato da solo.

5 、 Interazione dell'utente nella trasmissione in diretta:
Per l'interazione dell'utente nella trasmissione dal vivo, può essere approssimativamente suddiviso in:
fare regali.
Per commentare o per giocare
Per la consegna dei regali, DOM e CSS3 possono essere utilizzati per realizzare la logica dell'invio dei regali e alcune speciali animazioni dei regali su HTML5. Le difficoltà tecniche non sono molto grandi.
Affinché uno sbarramento sia un po 'più complesso, potrebbe essere necessario prestare attenzione a quanto segue:
Le prestazioni in tempo reale del proiettile possono essere inviate e ricevute in tempo reale da webscock e renderizzate.
Per i browser che non supportano websocket, possono essere degradati solo a lunghe richieste di polling o di invio di timer front-end per ottenere pop-up in tempo reale.
Animazione e rilevamento delle collisioni (cioè nessuna sovrapposizione) e così via nel rendering

Fino a che punto (lungo) il coperchio del trasmettitore?

Il raggio di trasmissione dipende da molti fattori. La distanza reale si basa sulla antenna installazione altezza, guadagno di antenna, utilizzando ambiente come costruzione ed altri ostacoli, sensibilità del ricevitore, antenna del ricevitore. Installazione antenna più alta e l'utilizzo in campagna, la distanza sarà molto più lontano.

ESEMPIO 5W trasmettitore FM utilizzare in città e città natale:

Ho un uso del cliente 5W trasmettitore FM con antenna GP USA nella sua città natale, e lui prova con una macchina, coprire 10km (6.21mile).

I test il trasmettitore FM 5W con antenna GP nella mia città natale, che coprono circa il 2km (1.24mile).

I test il trasmettitore FM 5W con antenna GP nella città di Guangzhou, che coprono circa il solo 300meter (984ft).

Qui di seguito sono la gamma approssimativa di diversi trasmettitori di potenza FM. (L'intervallo è di diametro)

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

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

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

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

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

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

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

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

Come contattarci per il trasmettitore?

Call me + 8618078869184 O
Se la tua attività ha avuto un impatto negativo e posso esserti di aiuto, mi piacerebbe aiutarti., Mandami un'email [email protected]
1.How lontano si vuole coprire di diametro?
2.How alto di voi Tower?
3.Where sei?
E vi daremo consigli più professionale.

Chi siamo

FMUSER.ORG è una società di integrazione di sistemi che si occupa di trasmissione wireless RF / apparecchiature audio video da studio / streaming e elaborazione dati. Forniamo tutto, dalla consulenza e consulenza attraverso l'integrazione del rack all'installazione, alla messa in servizio e alla formazione.

Offriamo trasmettitori FM, trasmettitori TV analogici, trasmettitori TV digitali, trasmettitori UHF VHF, antenne, connettori per cavi coassiali, STL, elaborazione in onda, prodotti Broadcast per lo studio, monitoraggio del segnale RF, codificatori RDS, processori audio e unità di controllo del sito remoto, Prodotti IPTV, codificatore / codificatore audio / video, progettato per soddisfare le esigenze sia delle grandi reti di trasmissione internazionali che di piccole stazioni private.

La nostra soluzione dispone di stazione radio FM / stazione TV analogica / stazione TV digitale / attrezzatura da studio audio video / collegamento trasmettitore da studio / sistema di telemetria del trasmettitore / sistema TV dell'hotel / trasmissione live IPTV / trasmissione live streaming / videoconferenza / sistema di trasmissione CATV.

Stiamo utilizzando prodotti di tecnologia avanzata per tutti i sistemi, perché sappiamo che l'alta affidabilità e le alte prestazioni sono così importanti per il sistema e la soluzione. Allo stesso tempo, dobbiamo anche assicurarci che il nostro sistema di prodotti abbia un prezzo molto ragionevole.

Abbiamo clienti di emittenti pubbliche e commerciali, operatori di telecomunicazioni e autorità di regolamentazione e offriamo anche soluzioni e prodotti a molte centinaia di emittenti minori, locali e comunitarie.

FMUSER.ORG esporta da più di 15 anni e ha clienti in tutto il mondo. Con 13 anni di esperienza in questo campo, abbiamo un team di professionisti per risolvere tutti i tipi di problemi dei clienti. Ci siamo impegnati a fornire prezzi estremamente ragionevoli di prodotti e servizi professionali. Contatto email : [email protected]

La nostra fabbrica

Abbiamo modernizzazione della fabbrica. Siete invitati a visitare la nostra fabbrica quando si arriva in Cina.

Allo stato attuale, ci sono già clienti 1095 in tutto il mondo visitato il nostro ufficio di Guangzhou Tianhe. Se venite in Cina, siete invitati a farci visita.

Alla Fiera

Questa è la nostra partecipazione a 2012 globali Fonti Hong Kong Electronics Fair . I clienti provenienti da tutto il mondo infine, avere la possibilità di stare insieme.

Dove è FMUSER?

Puoi cercare questi numeri " 23.127460034623816,113.33224654197693 "in google map, puoi trovare il nostro ufficio fmuser.

ufficio FMUSER Guangzhou è nel quartiere Tianhe che è la centro del Cantone . Molto vicino Vai all’email la fiera di Canton , stazione ferroviaria di Guangzhou, strada Xiaobei e Dashatou , Solo bisogno 10 minuti se prendere TAXI . Benvenuti amici di tutto il mondo a visitare e negoziare.

Contatto: Blue Sky
Cellulare: + 8618078869184
WhatsApp: + 8618078869184
Wechat: + 8618078869184
E-mail: [email protected]
QQ: 727926717
Skype: sky198710021
Indirizzo: No.305 camera Huilan costruzione No.273 Huanpu Strada Guangzhou Cina Codice postale: 510620

Inglese: Accettiamo tutti i pagamenti, come PayPal, Carta di credito, Western Union, Alipay, Money Bookers, T / T, LC, DP, DA, OA, Payoneer, se hai qualche domanda, per favore contattami [email protected] o WhatsApp + 8618078869184

PayPal.  www.paypal.com

Si consiglia di utilizzare Paypal per comprare i nostri articoli, il Paypal è un modo sicuro per acquistare su internet.

Ogni della nostra lista elemento della pagina in basso sulla parte superiore hanno un logo PayPal per pagare.

Carta di credito.Se non avete paypal, ma avete carta di credito, è anche possibile fare clic sul pulsante giallo PayPal per pagare con carta di credito.

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

Ma se non hai una carta di credito e non avere un conto paypal o difficile ottenuto un accout PayPal, è possibile utilizzare il seguente:
Western Union.  www.westernunion.com

Pagare con Western Union a me:

Nome / Nome proprio: Yingfeng
Cognome / Cognome / Nome famiglia: Zhang
Nome completo: Yingfeng Zhang
Paese: China
Città: Guangzhou

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

T / T.  Paga con T / T (bonifico bancario / trasferimento telegrafico / bonifico bancario)
Primi DATI BANCARIE (CONTO AZIENDA):

SWIFT BIC: BKCHHKHHXXX
Nome della banca: BANK OF CHINA (HONG KONG) LIMITED, HONG KONG
Indirizzo bancario: BANK OF CHINA TOWER, 1 GARDEN ROAD, CENTRAL, HONG KONG
CODICE BANCARIO: 012
Nome account: FMUSER INTERNATIONAL GROUP LIMITED
Conto NO. : 012-676-2-007855-0

-------------------------------------------------- -------------------
Secondo DATI BANCARIE (CONTO AZIENDALE):
Beneficiario: FMuser International Group Inc
Numero di conto: 44050158090900000337
Banca del beneficiario: China Construction Bank Guangdong Branch
Codice SWIFT: PCBCCNBJGDX
Indirizzo: NO.553 Tianhe Road, Guangzhou, Guangdong, distretto di Tianhe, Cina
**Nota: quando trasferisci denaro sul nostro conto bancario, NON scrivere nulla nell'area dei commenti, altrimenti non saremo in grado di ricevere il pagamento a causa della politica del governo sul commercio internazionale.

* Sarà inviato in 1-2 giorni lavorativi in cui il pagamento chiaro.

* Invieremo al tuo indirizzo paypal. Se si desidera cambiare l'indirizzo, si prega di inviare il vostro indirizzo corretto e numero di telefono per la mia e-mail [email protected]

* Se i pacchetti è inferiore 2kg, ci sarà spedito via posta aerea, ci vorranno circa 15-25days a mano.

Se il pacchetto è più di 2kg, spediremo via lo SME, DHL, UPS, Fedex consegna veloce espresso, ci vorranno circa 7 ~ 15days alla tua mano.

Se il pacchetto più di 100kg, invieremo via DHL o trasporto aereo. Ci vorranno circa 3 ~ 7days alla tua mano.

Tutti i pacchetti sono forma Cina Guangzhou.

* Il pacco verrà inviato come "regalo" e verrà declassato il meno possibile, l'acquirente non dovrà pagare la "TASSA".

* Dopo la nave, vi invieremo una e-mail e vi darò il numero di tracking.

Per garanzia.
Contattaci --- >> Restituiscici l'articolo --- >> Ricevi e invia un'altra sostituzione.

Nome: Liu Xiaoxia
Indirizzo: 305Fang HuiLanGe HuangPuDaDaoXi 273Hao TianHeQu Guangzhou in Cina.
ZIP: 510620
Telefono: + 8618078869184

Si prega di restituire a questo indirizzo e scrivere il vostro paypal indirizzo, nome, problema sulla nota: