Az FMUSER Wirless könnyebben továbbítja a videót és a hangot!
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> afrikaans
sq.fmuser.org -> albán
ar.fmuser.org -> arab
hy.fmuser.org -> örmény
az.fmuser.org -> azerbajdzsán
eu.fmuser.org -> baszk
be.fmuser.org -> belorusz
bg.fmuser.org -> bolgár
ca.fmuser.org -> katalán
zh-CN.fmuser.org -> kínai (egyszerűsített)
zh-TW.fmuser.org -> kínai (hagyományos)
hr.fmuser.org -> horvát
cs.fmuser.org -> cseh
da.fmuser.org -> dán
nl.fmuser.org -> holland
et.fmuser.org -> észt
tl.fmuser.org -> filippínó
fi.fmuser.org -> finn
fr.fmuser.org -> francia
gl.fmuser.org -> galíciai
ka.fmuser.org -> grúz
de.fmuser.org -> német
el.fmuser.org -> Görög
ht.fmuser.org -> haiti kreol
iw.fmuser.org -> héber
hi.fmuser.org -> hindi
hu.fmuser.org -> magyar
is.fmuser.org -> izlandi
id.fmuser.org -> indonéz
ga.fmuser.org -> ír
it.fmuser.org -> olasz
ja.fmuser.org -> japán
ko.fmuser.org -> koreai
lv.fmuser.org -> lett
lt.fmuser.org -> litván
mk.fmuser.org -> macedón
ms.fmuser.org -> maláj
mt.fmuser.org -> máltai
no.fmuser.org -> norvég
fa.fmuser.org -> perzsa
pl.fmuser.org -> lengyel
pt.fmuser.org -> portugál
ro.fmuser.org -> román
ru.fmuser.org -> orosz
sr.fmuser.org -> szerb
sk.fmuser.org -> szlovák
sl.fmuser.org -> Szlovén
es.fmuser.org -> spanyol
sw.fmuser.org -> szuahéli
sv.fmuser.org -> svéd
th.fmuser.org -> Thai
tr.fmuser.org -> török
uk.fmuser.org -> ukrán
ur.fmuser.org -> urdu
vi.fmuser.org -> Vietnámi
cy.fmuser.org -> walesi
yi.fmuser.org -> jiddis
1 live Mobil video élő közvetítés fejlesztése
Látható, hogy a PC-től a mobilig egyre több élő közvetítésű alkalmazás online, és a mobil közvetítés soha nem látott robbanási szakaszba lépett. A legtöbb mobil élő közvetítés esetében azonban továbbra is főleg natív kliensek valósítják meg, de a HTML5 pótolhatatlan szerepet játszik a mobil élő közvetítés végén is, például a HTML5-ben. A gyors átvitel és az egyszerűen kiadható előnyökkel a HTML5 élőben is játszhat videó, amikor ez a legfontosabb.
A teljes élő közvetítés a következőkre osztható:
(1) Videofelvételi terminál: Általánosságban elmondható, hogy ez egy számítógépes audio- és videobemeneti eszköz, vagy kamera vagy mikrofon a mobil terminálon. Jelenleg a mobiltelefonos videó a fő rész.
(2) Videolejátszó: lehet egy lejátszó a számítógépen, natív lejátszó a mobiltelefon oldalán, és egy HTML5 videocímke. Jelenleg még mindig a mobiltelefon fő natív szereplője.
(3) Videokiszolgáló: általában egy nginx szerver, amelyet arra használnak, hogy elfogadja a videofelvételi oldal által biztosított videoforrást, és a streaming szolgáltatást nyújtsa a videolejátszás végéig.
2, HTML5 videó rögzítése:
A HTML5 videofelvételhez a hatékony webrtc (WEB valós idejű kommunikáció) egy olyan technológia, amely támogatja a valós idejű hang- vagy videobeszélgetéseket a webböngészőben. Hátránya, hogy csak PC-króm esetén támogatja jobban, és a mobil oldal sem ideális.
A videó webrtc-vel történő rögzítésének alapvető folyamata:
Hívja meg az window.navigator.webkitGetUserMedia alkalmazást (szerezze be a felhasználó PC-kamerájának videó adatait).
A megszerzett videofolyam-adatok konvertálása window.webkitRTCPeerConnection-re (videó adatfolyam-adatformátum).
A websocket használata a video stream adatainak szerverre továbbításához
Mivel számos módszert elõ kell helyezni böngészõvel, sok mobil böngészõ nem támogatja a webrtc-t, így a valódi videofelvételt továbbra is az ügyfél (IOS, Android) valósítja meg, és a hatás jobb lesz.
3, HTML5 élő videó közvetítése:
Videolejátszáshoz használhatja a HLS (HTTP live streaming) protokollt az élő közvetítés lejátszására. Az IOS és az Android is természetesen támogatja ezt a protokollt. A videocímkék közvetlen beállítása és használata egyszerű.
Itt van egy egyszerű kód az élő videó lejátszásához videó segítségével:
(1) mi a HLS protokoll:
Röviden: az egész adatfolyam apró fájlokra oszlik, amelyeket a HTTP alapján töltenek le. Egyszerre csak néhányat töltenek le. A HTML3 élő közvetített élő videóban bevezetett .M8u5 előző fájlja a HLS protokollon alapszik, amely a videó adatfolyam metaadatait tárolja.
Minden.M3u8 fájl több TS fájlnak felel meg, amelyek a valódi videotárolás adatai. Az m3u8 fájl csak egyes TS fájlok konfigurációs adatait és kapcsolódó elérési útjait tárolja. A videó lejátszásakor az. M3u8 fájl dinamikusan megváltozik. A videócímke elemzi a fájlt, és megtalálja a lejátszani kívánt TS fájlt. Tehát a sebesség felgyorsítása érdekében az .M3u8 fájlt elemzik a fájl elemzésére, és megtalálják a megfelelő TS fájlt lejátszásra. Ezért a sebesség felgyorsítása érdekében az .M3u8 fájlt elemzik a fájl elemzésére, és megtalálják a megfelelő TS fájlt lejátszásra. Ezért annak felgyorsítása érdekében Tegye a webszerverre, és a TS fájlt a CDN-re.
Az. M3u8 fájl valójában egy M3U fájl, amelyet UTF-8 kódol. Ez a fájl önmagában nem játszható le, csak a lejátszási információkat tartalmazó szöveges fájl.
(2) HLS kérési folyamat:
Az m3u8 HTTP-kérés URL-je.
A szerver egy m3u8 lejátszási listát ad vissza, amelyet valós időben frissítenek. Általában egyszerre 5 adatszegmens URL-jét adják meg.
Az ügyfél elemzi az m3u8 lejátszási listáját, majd az egyes szegmensek URL-jét kéri a TS adatfolyam megszerzéséhez.
(3) HLS élő közvetítés késleltetése:
Tudjuk, hogy a HLS protokoll felosztja az élő közvetítést a videók kis szegmensére letöltés és lejátszás céljából. Tehát tegyük fel, hogy a lista 5 TS fájlt tartalmaz, minden TS fájl 5 másodperces videotartalmat tartalmaz, akkor a teljes késleltetés 25 másodperc. Mert amikor meglátod ezeket a videókat, a házigazda rögzítette és feltölti a videót, ezért a késést ez okozza. Természetesen a késleltetés csökkentése érdekében a lista hossza és egyetlen TS fájl mérete lerövidíthető. Végül a lista hossza 1-re csökkenthető, a TS időtartama pedig 1 másodperc. Ez azonban növeli a kérések számát és növeli a szerver nyomását. Ha a hálózati sebesség lassú, akkor több puffer jön létre. Ezért az Apple által ajánlott TS idő hivatalosan 10 másodpercig tart, így ez nagymértékben megváltoztatja a 30-as késést. Tehát a szerver megkapja az adatfolyamot, átkódol, elment, kivágja a blokkot, majd elosztja az ügyfélnek. Itt van a késés kiváltó oka.
Ha további kérdései vannak a késésekkel kapcsolatban, kérjük, olvassa el az Apple hivatalos címét:
https://developer.apple.com/library/ios/documentation/NetworkingInternet/Conceptual/StreamingMediaGuide/FrequentlyAskedQuestions/FrequentlyAskedQuestions.html
A HTML5 élő videónak azonban vannak pótolhatatlan előnyei:
① Jó kommunikáció, könnyen megosztható és egyéb műveletek.
Dyn Dinamikusan kiadható, ami elősegíti a termékigények valós idejű ismétlését és a gyors bevezetést.
③ Az alkalmazás telepítése nélkül nyissa meg közvetlenül a böngészőt.
4, IOS gyűjtemény (felvétel) audio és video adat operációs rendszer
A hang- és videokészítéshez és -felvételhez először a következő fogalmak kerülnek tisztázásra:
(1) Videokódolás: a videokódolás arra utal, hogy egy videó formátumú fájlt egy adott tömörítési technológián keresztül más videofájl formátumúvá alakítanak. Az általunk használt iPhone által rögzített videót kódolni, feltölteni és dekódolni kell, mielőtt lejátszható lenne a felhasználói oldali lejátszóban.
Kodek szabvány: a videofolyam továbbításakor a legfontosabb kodek szabványok közé tartozik az ITU H.2, H.261 és H.263, amelyben a HLS protokoll támogatja a H.264 formátumú kódolást.
(3) Hangkódolás: a videokódoláshoz hasonlóan az eredeti hangfolyamot kódolják, feltöltik, bizonyos szabványok szerint dekódolják és lejátszják a lejátszóban. Természetesen az audiónak számos kódolási szabványa is van, például PCM-kód, wma-kód, AAC-kód stb. A HLS-protokollunk által támogatott audio-kódolási módszer AAC-kód.
A videó és audió adatgyűjtés főként a következő lépésekre oszlik:
1. videó- és hangadatok megszerzése a kamera használatával az IOS-on
I 2 I Az IOS-ban az eredeti audio- és video-adatfolyamokat avcapturesession és avcapturedevice segítségével lehet összegyűjteni.
(3) A videót h264 kódolja, a hangot pedig AAC kódolja. Az IOS-ban már vannak csomagolt kódoló könyvtárak az audió és videó kódolásának megvalósításához.
(4) A kódolás utáni audio és video adatokat összeállítják és lezárják;
(5) Hozza létre az RTMP kapcsolatot, és tolja fel a szerverre.
Az alábbiakban bemutatjuk a hang- és videóadatok gyűjtésének konkrét folyamatát:
(1) az RTMP-ről:
A valós idejű üzenetküldési protokoll (RTMP) egy élő videoprotokoll készlet, amelyet a Macromedia fejlesztett ki, és most az Adobe-hoz tartozik. A HLS-hez hasonlóan, videoszórásra is használható. A különbség az, hogy az RTMP nem képes flash alapú IOS böngészőben játszani, de valós időben jobb, mint a HLS. Tehát ezt a protokollt általában videofolyam feltöltésére használják, vagyis a videofolyamot a szerverre tolják.
(2) tolóáram
Az úgynevezett streaming arra utal, hogy az általunk kódolt audio és video adatokat elküldjük a video stream szerverre. Az IOS-kódban általában az RTMP streaminget használják. A streameléshez a Librtmp IOS, egy harmadik féltől származó könyvtár használható. A Librtmp egyesít néhány alapvető API-t a felhasználók számára, hogy felhívhassák őket. Például nyomja meg az API-t és így tovább, konfigurálja a kiszolgáló címét, majd tolja az átkódoló videofolyamot a kiszolgálóra.
Tehát hogyan lehet egy streaming szervert felépíteni?
Egyszerű streaming szerver épül fel. Mivel az általunk feltöltött videofolyamat RTMP protokollon alapszik, a szervernek támogatnia kell az RTMP-t. A következő lépéseket teheti:
1. Telepítsen egy nginx szervert.
(2 installed Az nginx RTMP kiterjesztése telepítve van. Konfigurálja az conf fájlt az nginx számára
Art 3) Indítsa újra az nginx fájlt, és írja be az RTMP streaming címét rtmp: // ip: 1935 / hls / mystream formátumba, ahol a HLS_ elérési út a létrehozott címet jelöli. példányt képvisel. A létrehozandó fájlnév önmagában beállítható.
5. Felhasználói interakció az élő közvetítésben:
Az élő közvetítésben a felhasználói interakcióhoz nagyjából fel lehet osztani:
ajándékokat adni.
Kommentálni vagy játszani
Az ajándékok kézbesítéséhez a DOM és a CSS3 használható az ajándékküldés logikájának és néhány különleges ajándékanimáció megvalósítására a HTML5-en. A technikai nehézségek nem túl nagyok.
Ahhoz, hogy a duzzasztógát kissé összetettebb legyen, előfordulhat, hogy a következőkre kell figyelnie:
A lövedék valós idejű teljesítménye valós időben küldhető és fogadható webkockával és renderelhető.
Azoknál a böngészőknél, amelyek nem támogatják a websocketet, csak hosszú lekérdezésekre vagy front-end időzítőkre küldhetők le kérelmek a valós idejű előugró ablakok megszerzéséhez.
Animáció és ütközés észlelése (azaz nincs átfedés) és így tovább a megjelenítés során
|
Írja be az e-mail címet a meglepetéshez
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> afrikaans
sq.fmuser.org -> albán
ar.fmuser.org -> arab
hy.fmuser.org -> örmény
az.fmuser.org -> azerbajdzsán
eu.fmuser.org -> baszk
be.fmuser.org -> belorusz
bg.fmuser.org -> bolgár
ca.fmuser.org -> katalán
zh-CN.fmuser.org -> kínai (egyszerűsített)
zh-TW.fmuser.org -> kínai (hagyományos)
hr.fmuser.org -> horvát
cs.fmuser.org -> cseh
da.fmuser.org -> dán
nl.fmuser.org -> holland
et.fmuser.org -> észt
tl.fmuser.org -> filippínó
fi.fmuser.org -> finn
fr.fmuser.org -> francia
gl.fmuser.org -> galíciai
ka.fmuser.org -> grúz
de.fmuser.org -> német
el.fmuser.org -> Görög
ht.fmuser.org -> haiti kreol
iw.fmuser.org -> héber
hi.fmuser.org -> hindi
hu.fmuser.org -> magyar
is.fmuser.org -> izlandi
id.fmuser.org -> indonéz
ga.fmuser.org -> ír
it.fmuser.org -> olasz
ja.fmuser.org -> japán
ko.fmuser.org -> koreai
lv.fmuser.org -> lett
lt.fmuser.org -> litván
mk.fmuser.org -> macedón
ms.fmuser.org -> maláj
mt.fmuser.org -> máltai
no.fmuser.org -> norvég
fa.fmuser.org -> perzsa
pl.fmuser.org -> lengyel
pt.fmuser.org -> portugál
ro.fmuser.org -> román
ru.fmuser.org -> orosz
sr.fmuser.org -> szerb
sk.fmuser.org -> szlovák
sl.fmuser.org -> Szlovén
es.fmuser.org -> spanyol
sw.fmuser.org -> szuahéli
sv.fmuser.org -> svéd
th.fmuser.org -> Thai
tr.fmuser.org -> török
uk.fmuser.org -> ukrán
ur.fmuser.org -> urdu
vi.fmuser.org -> Vietnámi
cy.fmuser.org -> walesi
yi.fmuser.org -> jiddis
Az FMUSER Wirless könnyebben továbbítja a videót és a hangot!
Kapcsolat
Cím:
No. 305 szoba HuiLan épület No.273 Huanpu Road Guangzhou, Kína 510620
Kategóriák
Hírlevél