FMUSER Wirless Transmet vídeo i àudio més fàcil!
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> afrikaans
sq.fmuser.org -> Albanès
ar.fmuser.org -> Àrab
hy.fmuser.org -> Armeni
az.fmuser.org -> Azerbaidjanès
eu.fmuser.org -> basc
be.fmuser.org -> bielorús
bg.fmuser.org -> Bulgària
ca.fmuser.org -> català
zh-CN.fmuser.org -> Xinès (simplificat)
zh-TW.fmuser.org -> Xinès (tradicional)
hr.fmuser.org -> croata
cs.fmuser.org -> txec
da.fmuser.org -> Danès
nl.fmuser.org -> Holandès
et.fmuser.org -> estonià
tl.fmuser.org -> filipí
fi.fmuser.org -> finès
fr.fmuser.org -> Francès
gl.fmuser.org -> gallec
ka.fmuser.org -> georgià
de.fmuser.org -> alemany
el.fmuser.org -> Grec
ht.fmuser.org -> crioll haitià
iw.fmuser.org -> Hebreu
hi.fmuser.org -> Hindi
hu.fmuser.org -> Hungarian
is.fmuser.org -> islandès
id.fmuser.org -> indonesi
ga.fmuser.org -> irlandès
it.fmuser.org -> Italià
ja.fmuser.org -> japonès
ko.fmuser.org -> coreà
lv.fmuser.org -> Letó
lt.fmuser.org -> Lituània
mk.fmuser.org -> macedoni
ms.fmuser.org -> Malai
mt.fmuser.org -> maltès
no.fmuser.org -> Noruega
fa.fmuser.org -> persa
pl.fmuser.org -> Polonès
pt.fmuser.org -> Portuguès
ro.fmuser.org -> Romanès
ru.fmuser.org -> rus
sr.fmuser.org -> serbi
sk.fmuser.org -> Eslovac
sl.fmuser.org -> Eslovènia
es.fmuser.org -> Castellà
sw.fmuser.org -> Suahili
sv.fmuser.org -> Suec
th.fmuser.org -> Tai
tr.fmuser.org -> turc
uk.fmuser.org -> ucraïnès
ur.fmuser.org -> urdú
vi.fmuser.org -> Vietnamita
cy.fmuser.org -> gal·lès
yi.fmuser.org -> Yiddish
En els darrers dos anys, hem comprovat que cada vegada hi ha més aplicacions de vídeo que utilitzen vídeo en format m3u8 perquè és compatible amb terminals de PC i mòbils. En comparació amb fonts de vídeo com mp4, m3u8 pot reduir la pressió del servidor (càrrega sota demanda). HLS és un protocol estàndard proposat per primera vegada per Apple, que es pot utilitzar per a transmissions en directe.
Veure demostració Baixeu el codi font
m3u8 és un format de vídeo de fitxer basat en HLS (HTTP Live Streaming), que emmagatzema principalment la informació bàsica i els segments de tot el vídeo. A diferència dels grans fitxers mp4, m3u8 es compon d'una sèrie de fitxers ts. Generalment, un fitxer ts triga uns 5-10 segons. Aquests fitxers ts estan indexats per un fitxer .m3u8. Quan l'usuari reprodueix un vídeo, pot arrossegar el progrés del vídeo a voluntat i es llegirà el fitxer ts del progrés corresponent per continuar veient el vídeo sense haver d'esperar a descarregar el vídeo complet. Per tant, quan es reprodueix m3u8, hi ha molt poc retard.
Introduirem els exemples tècnics de tecnologia de transmissió en directe HLS i m3u8 en el següent article. Aquest article només explica HLS sota demanda. A diferència de la transmissió en directe, la demanda significa que el fitxer de vídeo s'ha editat i es pot reproduir en qualsevol moment.
Atès que Apple va proposar HLS, podeu utilitzar directament el fitxer del navegador Safari per reproduir fitxers de vídeo en format m3u8 a l’ordinador iOS o al telèfon mòbil. Altres navegadors han d’utilitzar hls.js per ser compatibles amb m3u8.
Amb hls.js, no cal cap reproductor personalitzat, només el fitxer element pot jugar m3u8.
Carregueu elements js i play
Afegiu l'element de vídeo i el fitxer hls.js a la posició de la pàgina on s'ha de col·locar el vídeo.
Truqueu a hls.js
Primer determineu si el navegador admet hls, si ho fa, instancieu Hls nou (), carregueu la font m3u8 i, a continuació, reproduïu. Si no s'admet hls, però és compatible amb l'aplicació nativa d'Apple, es reproduirà una altra font m3u8.
var video = document.getElementById ('video');
if (Hls.isSupported ()) {
var hls = Hls nou ();
hls.loadSource('https://yunqivedio.alicdn.com/2017yq/v2/0x0/96d79d3f5400514a6883869399708e11/96d79d3f5400514a6883869399708e11.m3u8');
hls.attachMedia (vídeo);
hls.on (Hls.Events.MANIFEST_PARSED, function () {
video.play ();
});
} else if (video.canPlayType ('application / vnd.apple.mpegurl')) {)
video.src = 'https: //video-dev.github.io/streams/x36xhzz/x36xhzz.m3u8';
video.addEventListener ('loadedmetadata', function () {
video.play ();
});
}
Executeu-lo, intenteu accedir-hi amb el navegador de l'ordinador i el telèfon mòbil; trobareu que m3u8 funciona molt bé.
Utilitzeu hls.js a Vue
Els estudiants que utilitzen el framework Vue poden utilitzar npm per instal·lar primer hls.
npm install --save hls.js
A continuació, afegiu components.
Finalment munteu el codi:
importar Hls des d'hls.js ';
exporta per defecte {
dades () {
tornar {
//
}
},
muntat: function () {
var hls = Hls nou ();
hls.loadSource ('https://video-dev.github.io/streams/x36xhzz/x36xhzz.m3u8');
hls.attachMedia (this. $ refs.videoRef);
hls.on (Hls.Events.MANIFEST_PARSED, function () {
això. $ refs.videoRef.play ();
});
}
}
un altre
Basat en hls.js, s’han desenvolupat molts connectors per a reproductors html5, de manera que aquests reproductors també admeten la reproducció en format m3u8.
Video.js utilitza videojs-contrib-hls.js.
Flowplayer utilitza flowplayer-hlsjs.
|
Introduïu el correu electrònic per obtenir una sorpresa
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> afrikaans
sq.fmuser.org -> Albanès
ar.fmuser.org -> Àrab
hy.fmuser.org -> Armeni
az.fmuser.org -> Azerbaidjanès
eu.fmuser.org -> basc
be.fmuser.org -> bielorús
bg.fmuser.org -> Bulgària
ca.fmuser.org -> català
zh-CN.fmuser.org -> Xinès (simplificat)
zh-TW.fmuser.org -> Xinès (tradicional)
hr.fmuser.org -> croata
cs.fmuser.org -> txec
da.fmuser.org -> Danès
nl.fmuser.org -> Holandès
et.fmuser.org -> estonià
tl.fmuser.org -> filipí
fi.fmuser.org -> finès
fr.fmuser.org -> Francès
gl.fmuser.org -> gallec
ka.fmuser.org -> georgià
de.fmuser.org -> alemany
el.fmuser.org -> Grec
ht.fmuser.org -> crioll haitià
iw.fmuser.org -> Hebreu
hi.fmuser.org -> Hindi
hu.fmuser.org -> Hungarian
is.fmuser.org -> islandès
id.fmuser.org -> indonesi
ga.fmuser.org -> irlandès
it.fmuser.org -> Italià
ja.fmuser.org -> japonès
ko.fmuser.org -> coreà
lv.fmuser.org -> Letó
lt.fmuser.org -> Lituània
mk.fmuser.org -> macedoni
ms.fmuser.org -> Malai
mt.fmuser.org -> maltès
no.fmuser.org -> Noruega
fa.fmuser.org -> persa
pl.fmuser.org -> Polonès
pt.fmuser.org -> Portuguès
ro.fmuser.org -> Romanès
ru.fmuser.org -> rus
sr.fmuser.org -> serbi
sk.fmuser.org -> Eslovac
sl.fmuser.org -> Eslovènia
es.fmuser.org -> Castellà
sw.fmuser.org -> Suahili
sv.fmuser.org -> Suec
th.fmuser.org -> Tai
tr.fmuser.org -> turc
uk.fmuser.org -> ucraïnès
ur.fmuser.org -> urdú
vi.fmuser.org -> Vietnamita
cy.fmuser.org -> gal·lès
yi.fmuser.org -> Yiddish
FMUSER Wirless Transmet vídeo i àudio més fàcil!
Contacte
Adreça:
No.305 Room HuiLan Building No.273 Huanpu Road Guangzhou Xina 510620
Categories
Newsletter