Wap lettore html5 e riepilogo dello sviluppo della trasmissione in diretta

Queste funzioni dovrebbero essere incluse dopo la ricostruzione: supporto per on-demand (MP4 non crittografato) e trasmissione in diretta (m3u8), compatibile (adattato) ai terminali mobili e selezione automatica (usa flash o h5) in base alla piattaforma.

In termini di framework e librerie, scegliamo ancora di utilizzare principalmente nej framework, nej fornisce una vasta gamma di metodi. Le classi che sono esposte al mondo esterno sono implementate usando regolare, perché la maggior parte dei componenti front-end e dei progetti di business dei prodotti educativi usa regolare, il che è molto comodo da usare. Inoltre, la soluzione flessibile viene selezionata sul terminale mobile, poiché l'adattamento della pagina Web dei prodotti educativi è stato unificato utilizzando la flessibilità e viene selezionata la gestione degli eventi gestuali.

Per facilitare l'espansione e l'aggiunta di componenti, viene utilizzata la modalità osservatore. La modalità osservatore è molto adatta per l'uso in un progetto delle dimensioni di un lettore video, ed è anche una modalità di progettazione che è stata provata e testata. Ho fatto riferimento direttamente all'implementazione simile in flex e l'ho scritta di nuovo usando js (ovviamente, l'ho scritta molto velocemente).

Come mostrato nella figura sopra, la classe di base del componente e la classe singleton di componentContainer implementano il pattern dell'osservatore. Tutti i componenti vengono ereditati dalla classe dei componenti. Nell'istanza del componente, è possibile chiamare metodi per inviare oggetti di notifica per la comunicazione tra i componenti. La pianificazione delle notifiche si trova nel componentContainer. Raggiunto. Questi componenti sono suddivisi in componenti obbligatori e componenti opzionali. I componenti necessari includono: componente oggetto video (movieData), componente riproduzione video (mainVideo), componente api, ecc. le funzioni specifiche del player, anch'esse implementate in componentContainer. Html5VideoMedia è un incapsulamento di HTMLVideoElement. Non viene utilizzato come componente, ma fornisce solo funzioni di riproduzione video e definisce eventi correlati. Oltre ai componenti di riproduzione video, Html5VideoMedia può anche essere un componente pubblicitario introduttivo.

In termini di adattamento, lo schema flessibile viene utilizzato per l'adattamento dello stile. Alcuni componenti sono più complessi, come la barra di controllo. Le funzioni web e mobile sono molto diverse e anche gli stili sono molto diversi. Puoi considerare l'utilizzo di componenti diversi su piattaforme diverse (control e controlMobile possono essere visti in figura) e la logica sarà molto chiara. , Non è necessario scrivere molto if e else, ma poiché dipende da più componenti, i file js e css saranno più grandi. Personalmente ritengo che per migliorare la manutenibilità del codice, sia consigliabile sacrificare parte della dimensione del file.

Giudizio sullo stato della trasmissione in diretta. In effetti, la funzione di trasmissione in diretta è strettamente correlata all'attività. Lo stato della trasmissione in diretta qui è anche solo lo stato dell'attività, ad esempio: non avviata, in procinto di iniziare, trasmissione in diretta, trasmissione in diretta terminata, ecc. Una cosa da menzionare è che il flusso hls non attiverà l'evento finale, quindi lo stato della trasmissione live h5 è effettivamente controllato interamente dal polling.

Come determinare il flusso è anormale. Per problemi di rete generali o problemi di origine, è possibile monitorare gli eventi di errore del tag video e del tag di origine. Entrambi i tag devono essere monitorati. Ma il messaggio di errore quando viene attivato l'errore a volte non è un'informazione o browser diversi hanno implementazioni diverse. Ho riscontrato la modifica dell'attributo currentTime per cercare prima e occasionalmente viene attivato l'evento di errore, ma l'errore dice solo che si tratta di un errore di rete. Senza altre informazioni, è stato davvero doloroso determinare che si trattava di un problema di transcodifica video dopo aver confrontato altri video. Durante la riproduzione di un live streaming, possono verificarsi occasionali eccezioni di streaming. Le eccezioni di streaming generalmente vengono visualizzate come blocchi dello schermo e potrebbero non attivare necessariamente eventi di errore. Mi riferisco al piano del precedente collega di Qingguo: controlla currentTime ogni tanto, se currentTime non cambia durante questo periodo di tempo nello stato di riproduzione, è probabile che lo stream sia anormale, quindi ricarica attivamente.

Ci sono molti problemi relativi ai video su iOS, perché il sistema ha troppe restrizioni. Elenca un po ':

1. È possibile riprodurre un solo video o audio alla volta ed è consentito un solo tag video o audio. Sarà un po 'problematico svolgere la funzione di pubblicità introduttiva.

2. Riprodurre video in Safari con una versione di iOS inferiore forzerà lo schermo intero e iOS 10 può utilizzare playsinline. Puoi aggiungere webkit-playsinline a WeChat e alcuni webkit personalizzati.

3. Senza intervento umano, è impossibile entrare nella pagina per avviare automaticamente la riproduzione del video

4. In ios, js non può essere utilizzato per controllare il volume del video, può essere controllato solo da pulsanti fisici. In iOS, puoi nascondere direttamente la funzione di controllo del volume. . .

5. C'è anche il problema di prendere screenshot, ma non c'è ricerca se non viene utilizzato nel prodotto.

Ci sono anche molti problemi su Android, principalmente perché ci sono troppe versioni di Android, troppi modelli e tutti gli aspetti non sono uniformi. Elenca un po ':

1. Alcuni sistemi Android sostituiranno direttamente il tag video e utilizzeranno il lettore di sistema per giocare, cosa comune nei telefoni cellulari domestici

2. Il risultato del rilevamento del metodo canPlayType non corrisponde alla situazione effettiva. Questo problema si è verificato durante il processo di sviluppo. Ad esempio, è stato rilevato che la riproduzione m3u8 non è supportata su un telefono cellulare Asus, ma può effettivamente essere riprodotta. Inizialmente volevo eliminare questa restrizione, ma in seguito ho scoperto che la riproduzione forzata nella visualizzazione Web dell'app Cloud Classroom potrebbe causare l'arresto anomalo dell'app, quindi il rilevamento viene aggiunto alla fine. .

3. Gli Android che non supportano la riproduzione m3u8 sono generalmente intorno ad android4.0 e inferiori

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: