FMUSER Bezdrôtové vysielanie videa a zvuku je jednoduchšie!
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> afrikánčina
sq.fmuser.org -> albánsky
ar.fmuser.org -> arabčina
hy.fmuser.org -> Arménsky
az.fmuser.org -> azerbajdžanský
eu.fmuser.org -> baskičtina
be.fmuser.org -> bieloruský
bg.fmuser.org -> Bulgarian
ca.fmuser.org -> katalánčina
zh-CN.fmuser.org -> čínština (zjednodušená)
zh-TW.fmuser.org -> čínština (tradičná)
hr.fmuser.org -> chorvátčina
cs.fmuser.org -> čeština
da.fmuser.org -> dánčina
nl.fmuser.org -> Dutch
et.fmuser.org -> estónčina
tl.fmuser.org -> filipínsky
fi.fmuser.org -> fínčina
fr.fmuser.org -> French
gl.fmuser.org -> galícijčina
ka.fmuser.org -> gruzínsky
de.fmuser.org -> nemčina
el.fmuser.org -> Greek
ht.fmuser.org -> haitská kreolčina
iw.fmuser.org -> hebrejčina
hi.fmuser.org -> hindčina
hu.fmuser.org -> Hungarian
is.fmuser.org -> islandský
id.fmuser.org -> indonézština
ga.fmuser.org -> írsky
it.fmuser.org -> Italian
ja.fmuser.org -> japončina
ko.fmuser.org -> kórejčina
lv.fmuser.org -> lotyšský
lt.fmuser.org -> litovčina
mk.fmuser.org -> macedónsky
ms.fmuser.org -> malajčina
mt.fmuser.org -> maltčina
no.fmuser.org -> Norwegian
fa.fmuser.org -> perzský
pl.fmuser.org -> poľština
pt.fmuser.org -> portugalčina
ro.fmuser.org -> rumunčina
ru.fmuser.org -> ruština
sr.fmuser.org -> srbčina
sk.fmuser.org -> slovenčina
sl.fmuser.org -> slovinčina
es.fmuser.org -> španielčina
sw.fmuser.org -> svahilčina
sv.fmuser.org -> švédčina
th.fmuser.org -> Thai
tr.fmuser.org -> turečtina
uk.fmuser.org -> ukrajinčina
ur.fmuser.org -> urdčina
vi.fmuser.org -> Vietnamese
cy.fmuser.org -> waleština
yi.fmuser.org -> jidiš
1 、 Vývoj živého vysielania mobilného videa
Je vidno, že od PC po mobil je čoraz viac aplikácií na živé vysielanie online a mobilné vysielanie vstúpilo do bezprecedentnej fázy výbuchu. Pre väčšinu mobilných živých vysielaní ju však stále implementujú hlavne natívni klienti, ale HTML5 hrá nezastupiteľnú úlohu aj na konci mobilného živého vysielania, ako je napríklad HTML5. Vďaka výhodám rýchleho prenosu a ľahkého uvoľnenia môže HTML5 hrať aj naživo video, keď je najdôležitejšie.
Kompletné živé vysielanie možno rozdeliť na nasledovné:
(1) Terminál na nahrávanie videa: Spravidla je to vstupné zvukové a video zariadenie počítača alebo kamera alebo mikrofón v mobilnom termináli. V súčasnosti je hlavnou súčasťou video z mobilného telefónu.
(2) Prehrávač videa: môže to byť prehrávač na počítači, natívny prehrávač na strane mobilného telefónu a štítok videa HTML5. V súčasnosti je stále hlavným natívnym hráčom mobilného telefónu.
(3) Video server: vo všeobecnosti je to server nginx, ktorý sa používa na prijatie zdroja videa poskytovaného stranou na záznam videa a na zabezpečenie poskytovania streamovacej služby do konca prehrávania videa.
2 recording Nahrávanie videa vo formáte HTML5:
Pre nahrávanie videa vo formáte HTML5 je výkonný webrtc (WEB komunikácia v reálnom čase) technológia, ktorá podporuje hlasovú konverzáciu alebo videokonverzáciu vo webovom prehliadači v reálnom čase. Nevýhodou je, že lepšie podporuje iba PC chróm a mobilná stránka nie je ideálna.
Základný proces nahrávania videa pomocou webrtc je:
Volajte window.navigator.webkitGetUserMedia (získajte videodáta z PC kamery používateľa).
Konvertovať získané údaje na dáta videostreamu do okna.webkitRTCPeerConnection (formát údajov videostreamu).
Pomocou websocket na prenos dátového toku videa na server
Pretože mnoho metód musí mať predponu prehliadača, mnoho mobilných prehliadačov nepodporuje webrtc, takže skutočné nahrávanie videa je stále implementované klientom (IOS, Android) a efekt bude lepší.
3 live živé vysielanie videa vo formáte HTML5:
Na prehrávanie videa môžete na hranie živého vysielania použiť protokol HLS (HTTP live streaming). IOS aj Android tento protokol prirodzene podporujú. Je ľahké konfigurovať a používať priamo videoznačky.
Tu je jednoduchý kód na prehrávanie živého videa pomocou videa:
(1) čo je protokol HLS:
Stručne povedané, celý stream je rozdelený na malé súbory, ktoré sa sťahujú na základe protokolu HTTP. Stiahnuté sú súčasne iba niektoré. Predchádzajúci spomínaný súbor.M3u8 zavedený v živom videu vysielanom v jazyku HTML5 je založený na protokole HLS, ktorý ukladá metadáta obrazového toku.
Každý súbor .M3u8 zodpovedá niekoľkým súborom TS, ktoré sú údajmi pre skutočné úložisko videa. Súbor m3u8 ukladá iba informácie o konfigurácii a súvisiace cesty niektorých súborov TS. Pri prehrávaní videa sa súbor .M3u8 dynamicky mení. Štítok videa súbor analyzuje a nájde zodpovedajúci súbor TS, ktorý sa má prehrať. Aby sa urýchlila rýchlosť, súbor .M3u8 sa použije na analýzu súboru a nájdenie zodpovedajúceho súboru TS na prehrávanie. Preto sa v záujme urýchlenia použije súbor .M3u8 na analýzu súboru a nájdenie zodpovedajúceho súboru TS na prehrávanie. Preto, aby sa urýchlilo, vložte ho na webový server a súbor TS do CDN.
Súbor .M3u8 je v skutočnosti súbor M3U kódovaný pomocou UTF-8. Tento súbor nemožno prehrať sám, ale iba textový súbor obsahujúci informácie o prehrávaní.
(2) Proces vyžiadania HLS:
URL požiadavky HTTP m3u8.
Server vráti zoznam skladieb m3u8, ktorý sa aktualizuje v reálnom čase. Spravidla sa uvádza adresa URL 5 segmentov údajov súčasne.
Klient analyzuje zoznam skladieb m3u8 a potom požaduje adresu URL každého segmentu, aby získal dátový tok TS.
(3) HLS oneskorenie živého vysielania:
Vieme, že protokol HLS rozdeľuje priamy prenos na malý segment videa, ktorý je možné stiahnuť a prehrať. Predpokladajme teda, že zoznam obsahuje 5 súborov TS, každý súbor TS obsahuje 5 sekúnd videoobsahu, potom je celkové oneskorenie 25 sekúnd. Pretože keď vidíte tieto videá, hostiteľ zaznamenal video a nahral ho, takže oneskorenie je spôsobené tým. Samozrejme, dĺžku zoznamu a veľkosť jedného súboru TS je možné skrátiť, aby sa oneskorenie zmenšilo. V extrémnom prípade možno dĺžku zoznamu skrátiť na 1 a doba trvania TS je 1 s. To však zvýši počet požiadaviek a zvýši tlak servera. Ak je rýchlosť siete nízka, vygeneruje sa viac vyrovnávacej pamäte. Preto čas TS odporúčaný spoločnosťou Apple oficiálne trvá 10 s, takže výrazne zmení oneskorenie 30 s. Server teda prijme prúd, prekóduje ho, uloží, vyreže blok a potom ho distribuuje klientovi. Tu je hlavná príčina oneskorenia.
Ďalšie informácie o oneskoreniach nájdete na oficiálnej adrese spoločnosti Apple:
https://developer.apple.com/library/ios/documentation/NetworkingInternet/Conceptual/StreamingMediaGuide/FrequentlyAskedQuestions/FrequentlyAskedQuestions.html
Živé video vo formáte HTML5 má však niektoré nenahraditeľné výhody:
① Dobrá komunikácia, ľahké zdieľanie a ďalšie operácie.
② Môže sa vydávať dynamicky, čo vedie k iterácii požiadaviek na produkt v reálnom čase a rýchlemu uvedeniu na trh.
③ Bez inštalácie aplikácie otvorte priamo prehliadač.
4 OS IOS na zhromažďovanie (nahrávanie) zvukových a obrazových údajov OS
Pri získavaní a nahrávaní zvuku a videa sú najskôr objasnené nasledujúce koncepty:
(1) Video kódovanie: video kódovanie predstavuje spôsob, akým je súbor vo formáte videa prevedený do iného súboru vo formáte videa pomocou špecifickej technológie kompresie. Video nahrané telefónom iPhone, ktorý používame, musí byť kódované, nahrané a dekódované, aby bolo možné ho prehrať v prehrávači na strane používateľa.
(2 standard Kodekový štandard: medzi najdôležitejšie kodekové štandardy pri prenose video toku patria H.261, H.263 a H.264 ITU, v ktorých protokol HLS podporuje kódovanie vo formáte H.264.
(3) Kódovanie zvuku: podobne ako pri kódovaní videa sa aj pôvodný zvukový tok kóduje, nahráva, dekóduje podľa určitých štandardov a prehráva sa v prehrávači. Zvuk má samozrejme tiež veľa kódovacích štandardov, napríklad kód PCM, kód WMA, kód AAC atď. Metóda kódovania zvuku podporovaná naším protokolom HLS je kód AAC.
Získavanie obrazových a zvukových údajov je rozdelené hlavne do nasledujúcich krokov:
(1) získavanie obrazových a zvukových údajov pomocou fotoaparátu v systéme IOS
(2) V systéme IOS možno pôvodný zvukový a obrazový dátový tok zhromažďovať pomocou avcapturesession a avcapturedevice.
(3) Video je kódované kódom h264 a zvuk je kódovaný AAC. V IOS sú už zabalené kódovacie knižnice na realizáciu kódovania zvuku a videa.
(4) zvukové a obrazové údaje po kódovaní sú zhromaždené a zapečatené;
(5) Vytvorte pripojenie RTMP a zatlačte ho nahor na server.
Nasleduje konkrétny proces zhromažďovania zvukových a obrazových údajov:
(1) o RTMP:
Protokol správ v reálnom čase (RTMP) je sada protokolu živého videa vyvinutého spoločnosťou Macromedia a teraz patrí do adobe. Rovnako ako v prípade HLS sa dá použiť na vysielanie videa. Rozdiel je v tom, že RTMP nemôže hrať v IOS prehliadači na základe flash, ale je to lepšie v reálnom čase ako HLS. Tento protokol sa teda zvyčajne používa na nahrávanie videostreamu, to znamená, že sa videostream odosiela na server.
(2) tlačiť prietok
Takzvané streamovanie označuje odosielanie zvukových a obrazových údajov, ktoré sme kódovali, na server videostreamu. V kóde IOS sa bežne používa streamovanie RTMP. Na streamovanie je možné použiť Librtmp IOS, knižnicu tretej strany. Librtmp zapuzdruje niektoré základné API pre volanie používateľov. Napríklad zatlačte na API a podobne, nakonfigurujte adresu servera a potom na server odovzdajte tok videa v transkódovaní.
Ako teda zostaviť streamovací server?
Je vytvorený jednoduchý streamovací server. Pretože videostream, ktorý nahrávame, je založený na protokole RTMP, musí server podporovať RTMP. Môže podniknúť nasledujúce kroky:
(1) Nainštalujte server nginx.
(2) Je nainštalované rozšírenie RTMP pre nginx. Nakonfigurujte konfiguračný súbor pre nginx
(3) Reštartujte nginx a napíšte streamovaciu adresu RTMP ako rtmp: // ip: 1935 / hls / mystream, kde HLS_ Path predstavuje adresu vygenerovaných. Súbory M3u8 a TS, HLS_ Fragment predstavuje dĺžku rezu a mystream predstavuje inštanciu. Názov súboru, ktorý sa má vygenerovať, je možné nastaviť sám.
5 interaction Interakcia používateľa v živom vysielaní:
Pokiaľ ide o interakciu používateľa v živom vysielaní, možno ju zhruba rozdeliť na:
rozdávanie darčekov.
Ak chcete komentovať alebo hrať
Pri doručovaní darčekov môžu byť DOM a CSS3 použité na realizáciu logiky odosielania darčekov a špeciálnej animácie darčekov na HTML5. Technické ťažkosti nie sú príliš veľké.
Aby bola priehrada trochu zložitejšia, možno budete musieť venovať pozornosť nasledujúcemu:
Výkon strely v reálnom čase môže byť odoslaný a prijatý v reálnom čase webovým kohútom a vykreslený.
Prehliadače, ktoré nepodporujú websocket, sa dajú degradovať iba na žiadosti s dlhým dotazovaním alebo odosielaním front-end časovača na získanie kontextového okna v reálnom čase.
Animácia a detekcia kolízií (tj. Bez prekrývania) atď. Pri vykresľovaní
|
Zadajte e-mail, aby ste dostali prekvapenie
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> afrikánčina
sq.fmuser.org -> albánsky
ar.fmuser.org -> arabčina
hy.fmuser.org -> Arménsky
az.fmuser.org -> azerbajdžanský
eu.fmuser.org -> baskičtina
be.fmuser.org -> bieloruský
bg.fmuser.org -> Bulgarian
ca.fmuser.org -> katalánčina
zh-CN.fmuser.org -> čínština (zjednodušená)
zh-TW.fmuser.org -> čínština (tradičná)
hr.fmuser.org -> chorvátčina
cs.fmuser.org -> čeština
da.fmuser.org -> dánčina
nl.fmuser.org -> Dutch
et.fmuser.org -> estónčina
tl.fmuser.org -> filipínsky
fi.fmuser.org -> fínčina
fr.fmuser.org -> French
gl.fmuser.org -> galícijčina
ka.fmuser.org -> gruzínsky
de.fmuser.org -> nemčina
el.fmuser.org -> Greek
ht.fmuser.org -> haitská kreolčina
iw.fmuser.org -> hebrejčina
hi.fmuser.org -> hindčina
hu.fmuser.org -> Hungarian
is.fmuser.org -> islandský
id.fmuser.org -> indonézština
ga.fmuser.org -> írsky
it.fmuser.org -> Italian
ja.fmuser.org -> japončina
ko.fmuser.org -> kórejčina
lv.fmuser.org -> lotyšský
lt.fmuser.org -> litovčina
mk.fmuser.org -> macedónsky
ms.fmuser.org -> malajčina
mt.fmuser.org -> maltčina
no.fmuser.org -> Norwegian
fa.fmuser.org -> perzský
pl.fmuser.org -> poľština
pt.fmuser.org -> portugalčina
ro.fmuser.org -> rumunčina
ru.fmuser.org -> ruština
sr.fmuser.org -> srbčina
sk.fmuser.org -> slovenčina
sl.fmuser.org -> slovinčina
es.fmuser.org -> španielčina
sw.fmuser.org -> svahilčina
sv.fmuser.org -> švédčina
th.fmuser.org -> Thai
tr.fmuser.org -> turečtina
uk.fmuser.org -> ukrajinčina
ur.fmuser.org -> urdčina
vi.fmuser.org -> Vietnamese
cy.fmuser.org -> waleština
yi.fmuser.org -> jidiš
FMUSER Bezdrôtové vysielanie videa a zvuku je jednoduchšie!
Kontakt
adresa:
Budova č. 305 Izba HuiLan č. 273 Huanpu Road Kanton Čína 510620
Kategórie
Prihlás sa na odber Newslettra