FMUSER Wirless lähettää videota ja ääntä helpommin!
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> Afrikaans
sq.fmuser.org -> albania
ar.fmuser.org -> arabia
hy.fmuser.org -> Armenian
az.fmuser.org -> azerbaidžanilainen
eu.fmuser.org -> baski
be.fmuser.org -> valkovenäläinen
bg.fmuser.org -> Bulgaria
ca.fmuser.org -> katalaani
zh-CN.fmuser.org -> kiina (yksinkertaistettu)
zh-TW.fmuser.org -> Kiina (perinteinen)
hr.fmuser.org -> kroatia
cs.fmuser.org -> tšekki
da.fmuser.org -> tanska
nl.fmuser.org -> Dutch
et.fmuser.org -> viro
tl.fmuser.org -> filippiiniläinen
fi.fmuser.org -> suomi
fr.fmuser.org -> French
gl.fmuser.org -> galicialainen
ka.fmuser.org -> Georgian
de.fmuser.org -> saksa
el.fmuser.org -> Greek
ht.fmuser.org -> Haitin kreoli
iw.fmuser.org -> heprea
hi.fmuser.org -> Hindi
hu.fmuser.org -> Unkari
is.fmuser.org -> islanti
id.fmuser.org -> indonesia
ga.fmuser.org -> irlantilainen
it.fmuser.org -> Italian
ja.fmuser.org -> japani
ko.fmuser.org -> korea
lv.fmuser.org -> latvia
lt.fmuser.org -> Liettua
mk.fmuser.org -> makedonia
ms.fmuser.org -> malaiji
mt.fmuser.org -> maltalainen
no.fmuser.org -> Norja
fa.fmuser.org -> persia
pl.fmuser.org -> puola
pt.fmuser.org -> portugali
ro.fmuser.org -> Romania
ru.fmuser.org -> venäjä
sr.fmuser.org -> serbia
sk.fmuser.org -> slovakki
sl.fmuser.org -> Slovenian
es.fmuser.org -> espanja
sw.fmuser.org -> swahili
sv.fmuser.org -> ruotsi
th.fmuser.org -> Thai
tr.fmuser.org -> turkki
uk.fmuser.org -> ukraina
ur.fmuser.org -> urdu
vi.fmuser.org -> Vietnam
cy.fmuser.org -> kymri
yi.fmuser.org -> Jiddiš
Kahden viime vuoden aikana olemme huomanneet, että yhä useammat videosovellukset käyttävät m3u8-muotoista videota, koska se on yhteensopiva tietokoneiden ja mobiilipäätteiden kanssa. Verrattuna videolähteisiin, kuten mp4, m3u8 voi vähentää palvelimen painetta (kuormitus tarpeen mukaan). HLS on ensimmäisenä Applen ehdottama protokollastandardi, jota voidaan käyttää suorana lähetyksenä.
Näytä esittely Lataa lähdekoodi
m3u8 on HLS: ään (HTTP Live Streaming) perustuva tiedostovideomuoto, joka tallentaa pääasiassa koko videon perustiedot ja segmentit. Eri suurista mp4-tiedostoista, m3u8 koostuu sarjasta ts-tiedostoja. Yleensä ts-tiedosto kestää noin 5-10 sekuntia. Nämä ts-tiedostot indeksoidaan .m3u8-tiedostolla. Kun käyttäjä toistaa videota, hän voi vetää videon etenemistä haluamallaan tavalla, ja vastaavan edistymisen ts-tiedosto luetaan videon katselun jatkamiseksi odottamatta koko videon lataamista. Siksi m3u8: ta pelattaessa viive on hyvin pieni.
Esittelemme tekniset esimerkit HLS: n suorasta lähetyksestä ja m3u8-viipalointitekniikasta seuraavassa artikkelissa. Tässä artikkelissa kerrotaan vain HLS-pyynnöstä. Toisin kuin suorana lähetyksenä, on-demand tarkoittaa, että videotiedostoa on muokattu ja että sitä voidaan toistaa milloin tahansa.
Koska Apple ehdotti HLS: ää, voit käyttää sitä suoraan Safari-selaimen m3u8-muotoisten videotiedostojen toistamiseen iOS-tietokoneella tai matkapuhelimella. Muiden selainten on käytettävä hls.js-tiedostoa ollakseen yhteensopiva m3u8: n kanssa.
Käyttämällä hls.js-tiedostoa ei tarvita mitään mukautettua soitinta, vain elementti voi pelata m3u8.
Lataa js ja toista elementtejä
Lisää videoelementti ja hls.js-tiedosto sivun kohtaan, johon video on sijoitettava.
Soita hls.js
Selvitä ensin, tukeeko selain hls-tiedostoja, jos se tukee, ilmentää uudet Hls (), lataa m3u8-lähde ja toista sitten. Jos hls-tiedostoa ei tueta, mutta Applen natiivisovellusta tuetaan, toistetaan toinen m3u8-lähde.
var video = document.getElementById ('video');
if (Hls.isSupported ()) {
var hls = uusi Hls ();
hls.loadSource('https://yunqivedio.alicdn.com/2017yq/v2/0x0/96d79d3f5400514a6883869399708e11/96d79d3f5400514a6883869399708e11.m3u8');
hls.attachMedia (video);
hls.on (Hls.Events.MANIFEST_PARSED, funktio () {
video.play ();
});
} else if (video.canPlayType ('application / vnd.apple.mpegurl')) {
video.src = 'https: //video-dev.github.io/streams/x36xhzz/x36xhzz.m3u8';
video.addEventListener ('ladatut tiedot', function () {
video.play ();
});
}
Suorita se, yritä käyttää sitä PC-selaimella ja matkapuhelimella, huomaat, että m3u8 toistaa hyvin sujuvasti.
Käytä hue.js-tiedostoa Vue-sivustossa
Opiskelijat, jotka käyttävät Vue-kehystä, voivat asentaa hls: n ensin npm: llä.
npm asenna --save hls.js
Lisää sitten komponentit.
Lopuksi asenna koodi:
tuo Hls osoitteesta 'hls.js';
vie oletus {
tiedot () {
paluu {
//
}
},
asennettu: toiminto () {
var hls = uusi Hls ();
hls.loadSource ('https://video-dev.github.io/streams/x36xhzz/x36xhzz.m3u8');
hls.attachMedia (tämä. $ refs.videoRef);
hls.on (Hls.Events.MANIFEST_PARSED, funktio () {
tämä. $ refs.videoRef.play ();
});
}
}
muut
Hls.js: n perusteella on kehitetty monia HTML5-soittimien laajennuksia, jotta nämä soittimet tukevat myös m3u8-formaatin toistoa.
Video.js käyttää videojs-contrib-hls.js-tiedostoa.
Flowplayer käyttää flowplayer-hlsjs-tiedostoa.
|
Kirjoita sähköpostiosoite saadaksesi yllätyksen
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> Afrikaans
sq.fmuser.org -> albania
ar.fmuser.org -> arabia
hy.fmuser.org -> Armenian
az.fmuser.org -> azerbaidžanilainen
eu.fmuser.org -> baski
be.fmuser.org -> valkovenäläinen
bg.fmuser.org -> Bulgaria
ca.fmuser.org -> katalaani
zh-CN.fmuser.org -> kiina (yksinkertaistettu)
zh-TW.fmuser.org -> Kiina (perinteinen)
hr.fmuser.org -> kroatia
cs.fmuser.org -> tšekki
da.fmuser.org -> tanska
nl.fmuser.org -> Dutch
et.fmuser.org -> viro
tl.fmuser.org -> filippiiniläinen
fi.fmuser.org -> suomi
fr.fmuser.org -> French
gl.fmuser.org -> galicialainen
ka.fmuser.org -> Georgian
de.fmuser.org -> saksa
el.fmuser.org -> Greek
ht.fmuser.org -> Haitin kreoli
iw.fmuser.org -> heprea
hi.fmuser.org -> Hindi
hu.fmuser.org -> Unkari
is.fmuser.org -> islanti
id.fmuser.org -> indonesia
ga.fmuser.org -> irlantilainen
it.fmuser.org -> Italian
ja.fmuser.org -> japani
ko.fmuser.org -> korea
lv.fmuser.org -> latvia
lt.fmuser.org -> Liettua
mk.fmuser.org -> makedonia
ms.fmuser.org -> malaiji
mt.fmuser.org -> maltalainen
no.fmuser.org -> Norja
fa.fmuser.org -> persia
pl.fmuser.org -> puola
pt.fmuser.org -> portugali
ro.fmuser.org -> Romania
ru.fmuser.org -> venäjä
sr.fmuser.org -> serbia
sk.fmuser.org -> slovakki
sl.fmuser.org -> Slovenian
es.fmuser.org -> espanja
sw.fmuser.org -> swahili
sv.fmuser.org -> ruotsi
th.fmuser.org -> Thai
tr.fmuser.org -> turkki
uk.fmuser.org -> ukraina
ur.fmuser.org -> urdu
vi.fmuser.org -> Vietnam
cy.fmuser.org -> kymri
yi.fmuser.org -> Jiddiš
FMUSER Wirless lähettää videota ja ääntä helpommin!
Ota yhteyttä
Osoite:
Nro 305 huone HuiLan-rakennus nro 273 Huanpu Road Guangzhou Kiina 510620
Kategoriat
Uutiskirje