FMUSER Bezdrátový přenos videa a zvuku snadnější!
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> afrikánština
sq.fmuser.org -> albánština
ar.fmuser.org -> arabština
hy.fmuser.org -> Arménský
az.fmuser.org -> Ázerbájdžánština
eu.fmuser.org -> baskičtina
be.fmuser.org -> běloruský
bg.fmuser.org -> Bulgarian
ca.fmuser.org -> Katalánština
zh-CN.fmuser.org -> čínština (zjednodušená)
zh-TW.fmuser.org -> Čínsky (zjednodušeně)
hr.fmuser.org -> chorvatština
cs.fmuser.org -> čeština
da.fmuser.org -> dánština
nl.fmuser.org -> Dutch
et.fmuser.org -> estonština
tl.fmuser.org -> filipínský
fi.fmuser.org -> finština
fr.fmuser.org -> French
gl.fmuser.org -> galicijština
ka.fmuser.org -> gruzínština
de.fmuser.org -> němčina
el.fmuser.org -> Greek
ht.fmuser.org -> haitská kreolština
iw.fmuser.org -> hebrejština
hi.fmuser.org -> hindština
hu.fmuser.org -> Hungarian
is.fmuser.org -> islandština
id.fmuser.org -> Indonéština
ga.fmuser.org -> Irština
it.fmuser.org -> Italian
ja.fmuser.org -> japonština
ko.fmuser.org -> korejština
lv.fmuser.org -> lotyština
lt.fmuser.org -> Litevština
mk.fmuser.org -> makedonština
ms.fmuser.org -> Malajština
mt.fmuser.org -> maltština
no.fmuser.org -> Norwegian
fa.fmuser.org -> perština
pl.fmuser.org -> polština
pt.fmuser.org -> portugalština
ro.fmuser.org -> Rumunština
ru.fmuser.org -> ruština
sr.fmuser.org -> srbština
sk.fmuser.org -> slovenština
sl.fmuser.org -> Slovinština
es.fmuser.org -> španělština
sw.fmuser.org -> svahilština
sv.fmuser.org -> švédština
th.fmuser.org -> Thai
tr.fmuser.org -> turečtina
uk.fmuser.org -> ukrajinština
ur.fmuser.org -> urdština
vi.fmuser.org -> Vietnamská
cy.fmuser.org -> velština
yi.fmuser.org -> Jidiš
1 、 Vývoj živého vysílání mobilního videa
Je vidět, že z počítače na mobil je stále více aplikací pro živé vysílání online a mobilní vysílání vstoupilo do bezprecedentní fáze výbuchu. U většiny mobilních živých vysílání je však stále implementován hlavně nativními klienty, ale HTML5 hraje také nezastupitelnou roli na konci mobilního živého vysílání, jako je HTML5. Díky výhodám rychlého přenosu a snadného vydání může HTML5 hrát také živě video, když je to nejdůležitější.
Kompletní živé vysílání lze rozdělit na následující:
(1) Terminál pro nahrávání videa: Obecně se jedná o vstupní audio zařízení a video zařízení počítače nebo kamera nebo mikrofon v mobilním terminálu. V současné době je hlavní částí video z mobilního telefonu.
(2) Video player: it can be a player on the computer, a native player on the mobile phone side, and the video label of HTML5. V současné době je stále hlavním nativním hráčem na mobilním telefonu.
(3) Video server: obecně se jedná o server nginx, který se používá k přijetí zdroje videa poskytovaného stranou pro nahrávání videa a poskytování streamovací služby až do konce přehrávání videa.
2 recording Nahrávání videa HTML5:
Pro nahrávání videa ve formátu HTML5 je výkonná webrtc (WEB komunikace v reálném čase) technologie, která podporuje hlasovou konverzaci nebo videokonverzaci ve webovém prohlížeči v reálném čase. Nevýhodou je, že podporuje pouze lépe na PC chromu a mobilní stránka není ideální.
Základní proces nahrávání videa pomocí webrtc je:
Volejte window.navigator.webkitGetUserMedia (získejte video data z PC kamery uživatele).
Převést získaná data na video stream do window.webkitRTCPeerConnection (datový formát video streamu).
Pomocí webové zásuvky pro přenos datového proudu videa na server
Vzhledem k tomu, že mnoho metod musí mít předponu s prohlížečem, mnoho mobilních prohlížečů webrtc nepodporuje, takže skutečné nahrávání videa je stále implementováno klientem (IOS, Android) a efekt bude lepší.
3 live Vysílání živého videa HTML5:
Pro přehrávání videa můžete k přehrávání živého vysílání použít protokol HLS (HTTP live streaming). IOS i Android tento protokol přirozeně podporují. Je snadné konfigurovat a používat tagy videa přímo.
Zde je jednoduchý kód pro přehrávání živého videa pomocí videa:
(1) co je protokol HLS:
Stručně řečeno, celý stream je rozdělen na malé soubory, které se stahují na základě protokolu HTTP. Stahovány jsou pouze některé najednou. Předchozí zmíněný soubor of.M3u8 představený v živém videu vysílajícím HTML5 je založen na protokolu HLS, který ukládá metadata video streamu.
Každý soubor .M3u8 odpovídá několika souborům TS, což jsou data pro skutečné úložiště videa. Soubor m3u8 ukládá pouze informace o konfiguraci a související cesty některých souborů TS. Při přehrávání videa se soubor .M3u8 dynamicky mění. Štítek videa soubor analyzuje a najde odpovídající soubor TS, který se má přehrát. Aby se rychlost zrychlila, bude soubor .M3u8 použit k analýze souboru a vyhledání odpovídajícího souboru TS pro přehrávání. Aby se rychlost urychlila, použije se soubor .M3u8 k analýze souboru a vyhledání odpovídajícího souboru TS pro přehrávání. Proto, aby se urychlilo, vložte jej na webový server a soubor TS do CDN.
Soubor .M3u8 je ve skutečnosti soubor M3U kódovaný pomocí UTF-8. Tento soubor nelze přehrát sám, ale pouze textový soubor obsahující informace o přehrávání.
(2) Proces požadavku HLS:
URL požadavku HTTP m3u8.
Server vrátí seznam skladeb m3u8, který je aktualizován v reálném čase. Obecně je adresa URL 5 segmentů dat uvedena najednou.
Klient analyzuje seznam skladeb m3u8 a poté požaduje adresu URL každého segmentu, aby získal datový tok TS.
(3) Zpoždění HLS živého vysílání:
Víme, že protokol HLS rozděluje živý přenos na malý segment videa ke stažení a přehrávání. Předpokládejme tedy, že seznam obsahuje 5 souborů TS, každý soubor TS obsahuje 5 sekund videoobsahu, pak je celková prodleva 25 sekund. Protože když uvidíte tato videa, hostitel video nahrál a nahrál, takže zpoždění je způsobeno tímto. Samozřejmě lze délku seznamu a velikost jednoho souboru TS zkrátit, aby se zpoždění snížilo. V krajním případě lze délku seznamu zkrátit na 1 a doba trvání TS je 1 s. To však zvýší počet požadavků a zvýší tlak na server. Když je rychlost sítě nízká, vygeneruje se více vyrovnávací paměti. Čas TS doporučený společností Apple tedy oficiálně trvá 10 s, takže výrazně změní zpoždění 30 s. Server tedy stream přijme, překóduje, uloží, vyřízne blok a poté jej distribuuje klientovi. Zde je hlavní příčina zpoždění.
Další dotazy týkající se zpoždění naleznete na oficiální adrese společnosti Apple:
https://developer.apple.com/library/ios/documentation/NetworkingInternet/Conceptual/StreamingMediaGuide/FrequentlyAskedQuestions/FrequentlyAskedQuestions.html
Živé video ve formátu HTML5 má však některé nenahraditelné výhody:
① Dobrá komunikace, snadné sdílení a další operace.
② Může být vydáván dynamicky, což vede k iteraci požadavků na produkt v reálném čase a rychlému spuštění.
③ Bez instalace aplikace otevřete prohlížeč přímo.
4 OS IOS sběr (nahrávání) zvukových a obrazových dat OS
Pro pořizování a nahrávání zvuku a videa je nejprve objasněno následující pojetí:
(1) Video kódování: video kódování se týká způsobu, jakým je soubor ve formátu videa převeden do jiného souboru ve formátu videa pomocí specifické technologie komprese. Video nahrané pomocí iPhonu, které používáme, musí být kódováno, nahráno a dekódováno, aby bylo možné jej přehrát v přehrávači na straně uživatele.
(2) Kodekový standard: nejdůležitější kodekové standardy pro přenos video streamu zahrnují H.261, H.263 a H.264 ITU, ve kterých protokol HLS podporuje kódování ve formátu H.264.
(3) Zvukové kódování: podobně jako při kódování videa je původní zvukový tok kódován, nahrán, dekódován podle určitých standardů a přehráván v přehrávači. Zvuk má samozřejmě také mnoho kódovacích standardů, například kód PCM, kód WMA, kód AAC atd. Metoda kódování zvuku podporovaná naším protokolem HLS je kód AAC.
Získávání obrazových a zvukových dat se dělí hlavně na následující kroky:
(1) získávání obrazových a zvukových dat pomocí fotoaparátu v systému IOS
(2) V systému IOS lze původní zvukový a obrazový datový tok shromažďovat pomocí avcapturesession a avcapturedevice.
(3) Video je kódováno kódem h264 a zvuk je kódován pomocí AAC. V IOS jsou již zabalené kódovací knihovny pro realizaci kódování zvuku a videa.
(4) Zvuková a obrazová data po kódování jsou sestavena a zapečetěna;
(5) Navažte připojení RTMP a zatlačte jej nahoru na server.
Následuje konkrétní proces shromažďování zvukových a obrazových dat:
(1) o RTMP:
Protokol pro zasílání zpráv v reálném čase (RTMP) je sada živého video protokolu vyvinutého společností Macromedia a nyní patří do Adobe. Stejně jako u HLS jej lze použít pro vysílání videa. Rozdíl je v tom, že RTMP nemůže hrát v prohlížeči IOS na základě flash, ale je to lepší v reálném čase než HLS. Tento protokol se tedy obvykle používá k nahrávání video streamu, což znamená, že se video stream odesílá na server.
(2) tlakový tok
Tzv. Streamování označuje odesílání zvukových a obrazových dat, která jsme zakódovali na server video streamu. V kódu IOS se běžně používá streamování RTMP. Ke streamování lze použít Librtmp IOS, knihovnu jiného výrobce. Librtmp zapouzdřuje některá základní API pro volání uživatelům. Například stiskněte API a tak dále, nakonfigurujte adresu serveru a poté na server odešlete tok videa překódování.
Jak tedy vytvořit streamovací server?
Je vytvořen jednoduchý streamovací server. Protože video stream, který nahráváme, je založen na protokolu RTMP, musí server podporovat RTMP. Může provést následující kroky:
(1) Nainstalujte server nginx.
(2) Je nainstalováno rozšíření RTMP pro nginx. Nakonfigurujte konfigurační soubor pro nginx
(3) Restartujte nginx a zapište streamovací adresu RTMP jako rtmp: // ip: 1935 / hls / mystream, kde HLS_ Path představuje adresu vygenerovaných souborů. M3u8 a TS, HLS_ Fragment představuje délku řezu a mystream představuje instanci. Název souboru, který má být vygenerován, lze nastavit sám.
5 interaction Interakce uživatele v živém vysílání:
Pro interakci uživatele v živém vysílání ji lze zhruba rozdělit na:
rozdávání dárků.
Chcete-li komentovat nebo hrát
U doručování dárků lze pomocí DOM a CSS3 realizovat logiku zasílání dárků a speciální animaci dárků na HTML5. Technické potíže nejsou příliš velké.
Aby byla palba trochu složitější, možná budete muset věnovat pozornost následujícímu:
Výkon střely v reálném čase lze odesílat a přijímat v reálném čase pomocí webcocku a vykreslovat.
U prohlížečů, které nepodporují websocket, je lze degradovat pouze na dlouhé dotazování nebo front-endové časovače odesílající žádosti o získání vyskakovacího okna v reálném čase.
Animace a detekce kolizí (tj. Bez překrývání) atd. Při vykreslování
|
Zadejte e-mail a získejte překvapení
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> afrikánština
sq.fmuser.org -> albánština
ar.fmuser.org -> arabština
hy.fmuser.org -> Arménský
az.fmuser.org -> Ázerbájdžánština
eu.fmuser.org -> baskičtina
be.fmuser.org -> běloruský
bg.fmuser.org -> Bulgarian
ca.fmuser.org -> Katalánština
zh-CN.fmuser.org -> čínština (zjednodušená)
zh-TW.fmuser.org -> Čínsky (zjednodušeně)
hr.fmuser.org -> chorvatština
cs.fmuser.org -> čeština
da.fmuser.org -> dánština
nl.fmuser.org -> Dutch
et.fmuser.org -> estonština
tl.fmuser.org -> filipínský
fi.fmuser.org -> finština
fr.fmuser.org -> French
gl.fmuser.org -> galicijština
ka.fmuser.org -> gruzínština
de.fmuser.org -> němčina
el.fmuser.org -> Greek
ht.fmuser.org -> haitská kreolština
iw.fmuser.org -> hebrejština
hi.fmuser.org -> hindština
hu.fmuser.org -> Hungarian
is.fmuser.org -> islandština
id.fmuser.org -> Indonéština
ga.fmuser.org -> Irština
it.fmuser.org -> Italian
ja.fmuser.org -> japonština
ko.fmuser.org -> korejština
lv.fmuser.org -> lotyština
lt.fmuser.org -> Litevština
mk.fmuser.org -> makedonština
ms.fmuser.org -> Malajština
mt.fmuser.org -> maltština
no.fmuser.org -> Norwegian
fa.fmuser.org -> perština
pl.fmuser.org -> polština
pt.fmuser.org -> portugalština
ro.fmuser.org -> Rumunština
ru.fmuser.org -> ruština
sr.fmuser.org -> srbština
sk.fmuser.org -> slovenština
sl.fmuser.org -> Slovinština
es.fmuser.org -> španělština
sw.fmuser.org -> svahilština
sv.fmuser.org -> švédština
th.fmuser.org -> Thai
tr.fmuser.org -> turečtina
uk.fmuser.org -> ukrajinština
ur.fmuser.org -> urdština
vi.fmuser.org -> Vietnamská
cy.fmuser.org -> velština
yi.fmuser.org -> Jidiš
FMUSER Bezdrátový přenos videa a zvuku snadnější!
Kontakt
Adresa:
Budova č. 305 Room HuiLan No.273 Huanpu Road Guangzhou Čína 510620
Kategorie
Newsletter