FMUSER Wirless Mengirim Video Dan Audio Lebih Mudah!
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> Afrikans
sq.fmuser.org -> Albania
ar.fmuser.org -> Arab
hy.fmuser.org -> Armenia
az.fmuser.org -> Azerbaijan
eu.fmuser.org -> Basque
be.fmuser.org -> Belarusia
bg.fmuser.org -> Bulgaria
ca.fmuser.org -> Catalan
zh-CN.fmuser.org -> Cina (Sederhana)
zh-TW.fmuser.org -> Mandarin (Tradisional)
hr.fmuser.org -> Kroasia
cs.fmuser.org -> Ceko
da.fmuser.org -> Denmark
nl.fmuser.org -> Belanda
et.fmuser.org -> Estonia
tl.fmuser.org -> Filipina
fi.fmuser.org -> Finlandia
fr.fmuser.org -> Perancis
gl.fmuser.org -> Galicia
ka.fmuser.org -> Georgia
de.fmuser.org -> Jerman
el.fmuser.org -> Yunani
ht.fmuser.org -> Kreol Haiti
iw.fmuser.org -> Ibrani
hi.fmuser.org -> Hindi
hu.fmuser.org -> Hongaria
is.fmuser.org -> Islandia
id.fmuser.org -> Bahasa Indonesia
ga.fmuser.org -> Irlandia
it.fmuser.org -> Italia
ja.fmuser.org -> Jepang
ko.fmuser.org -> Korea
lv.fmuser.org -> Latvia
lt.fmuser.org -> Lithuania
mk.fmuser.org -> Makedonia
ms.fmuser.org -> Melayu
mt.fmuser.org -> Malta
no.fmuser.org -> Norwegia
fa.fmuser.org -> Persia
pl.fmuser.org -> Polandia
pt.fmuser.org -> Portugis
ro.fmuser.org -> Rumania
ru.fmuser.org -> Rusia
sr.fmuser.org -> Serbia
sk.fmuser.org -> Slowakia
sl.fmuser.org -> Slovenia
es.fmuser.org -> Spanyol
sw.fmuser.org -> Swahili
sv.fmuser.org -> Swedia
th.fmuser.org -> Thailand
tr.fmuser.org -> Turki
uk.fmuser.org -> Ukraina
ur.fmuser.org -> Urdu
vi.fmuser.org -> Vietnam
cy.fmuser.org -> Welsh
yi.fmuser.org -> Yiddish
Dalam dua tahun terakhir, kami telah menemukan bahwa semakin banyak aplikasi video menggunakan video format m3u8 karena kompatibel dengan PC dan terminal seluler. Dibandingkan dengan sumber video seperti mp4, m3u8 dapat mengurangi tekanan server (memuat sesuai permintaan). HLS adalah standar protokol yang pertama kali diusulkan oleh Apple, yang dapat digunakan untuk siaran langsung.
Lihat demo Unduh kode sumber
m3u8 adalah format file video berdasarkan HLS (HTTP Live Streaming), yang terutama menyimpan informasi dasar dan segmen dari keseluruhan video. Berbeda dari file mp4 besar, m3u8 terdiri dari serangkaian file ts. Umumnya, file ts membutuhkan waktu sekitar 5-10 detik. File ts ini diindeks oleh file .m3u8. Saat pengguna memutar video, dia dapat menyeret progres video sesuka hati, dan file ts dari progres yang sesuai akan terbaca untuk melanjutkan menonton video tanpa harus menunggu untuk mengunduh video lengkap. Oleh karena itu, saat memainkan m3u8, hanya ada sedikit lag.
Kami akan memperkenalkan contoh teknis siaran langsung HLS dan teknologi pengiris m3u8 di artikel berikut. Artikel ini hanya menjelaskan HLS sesuai permintaan. Tidak seperti siaran langsung, sesuai permintaan berarti file video telah diedit dan dapat diputar kapan saja.
Sejak HLS diusulkan oleh Apple, Anda dapat langsung menggunakan dari browser Safari untuk memutar file video format m3u8 di komputer iOS atau ponsel. Browser lain perlu menggunakan hls.js agar kompatibel dengan m3u8.
Menggunakan hls.js, tidak diperlukan pemutar yang disesuaikan, hanya elemen bisa memainkan m3u8.
Muat js dan mainkan elemen
Tambahkan elemen video dan file hls.js ke posisi halaman tempat video perlu ditempatkan.
Hubungi hls.js
Pertama-tama tentukan apakah browser mendukung hls, jika ya, buat Hls baru (), muat sumber m3u8, dan kemudian putar. Jika hls tidak didukung, tetapi aplikasi asli Apple didukung, sumber m3u8 lain dimainkan.
var video = document.getElementById ('video');
if (Hls.isSupported ()) {
var hls = new Hls ();
hls.loadSource('https://yunqivedio.alicdn.com/2017yq/v2/0x0/96d79d3f5400514a6883869399708e11/96d79d3f5400514a6883869399708e11.m3u8');
hls.attachMedia (video);
hls.on (Hls.Events.MANIFEST_PARSED, fungsi () {
video.play ();
});
} lain jika (video.canPlayType ('application / vnd.apple.mpegurl')) {
video.src = 'https: //video-dev.github.io/streams/x36xhzz/x36xhzz.m3u8';
video.addEventListener ('loadedmetadata', function () {
video.play ();
});
}
Jalankan, coba akses dengan browser PC dan ponsel, Anda akan menemukan bahwa m3u8 dimainkan dengan sangat lancar.
Gunakan hls.js di Vue
Siswa yang menggunakan Vue framework dapat menggunakan npm untuk menginstal hls terlebih dahulu.
npm instal --save hls.js
Kemudian tambahkan komponen.
Terakhir pasang kode:
import Hls from'hls.js ';
ekspor default {
data() {
kembali {
//
}
},
dipasang: function () {
var hls = new Hls ();
hls.loadSource ('https://video-dev.github.io/streams/x36xhzz/x36xhzz.m3u8');
hls.attachMedia (ini. $ refs.videoRef);
hls.on (Hls.Events.MANIFEST_PARSED, fungsi () {
ini. $ refs.videoRef.play ();
});
}
}
lain
Berdasarkan hls.js, banyak plug-in untuk pemutar html5 telah dikembangkan, sehingga pemutar ini juga mendukung pemutaran format m3u8.
Video.js menggunakan videojs-contrib-hls.js.
Flowplayer menggunakan flowplayer-hlsjs.
|
Masukkan email untuk mendapatkan kejutan
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> Afrikans
sq.fmuser.org -> Albania
ar.fmuser.org -> Arab
hy.fmuser.org -> Armenia
az.fmuser.org -> Azerbaijan
eu.fmuser.org -> Basque
be.fmuser.org -> Belarusia
bg.fmuser.org -> Bulgaria
ca.fmuser.org -> Catalan
zh-CN.fmuser.org -> Cina (Sederhana)
zh-TW.fmuser.org -> Mandarin (Tradisional)
hr.fmuser.org -> Kroasia
cs.fmuser.org -> Ceko
da.fmuser.org -> Denmark
nl.fmuser.org -> Belanda
et.fmuser.org -> Estonia
tl.fmuser.org -> Filipina
fi.fmuser.org -> Finlandia
fr.fmuser.org -> Perancis
gl.fmuser.org -> Galicia
ka.fmuser.org -> Georgia
de.fmuser.org -> Jerman
el.fmuser.org -> Yunani
ht.fmuser.org -> Kreol Haiti
iw.fmuser.org -> Ibrani
hi.fmuser.org -> Hindi
hu.fmuser.org -> Hongaria
is.fmuser.org -> Islandia
id.fmuser.org -> Bahasa Indonesia
ga.fmuser.org -> Irlandia
it.fmuser.org -> Italia
ja.fmuser.org -> Jepang
ko.fmuser.org -> Korea
lv.fmuser.org -> Latvia
lt.fmuser.org -> Lithuania
mk.fmuser.org -> Makedonia
ms.fmuser.org -> Melayu
mt.fmuser.org -> Malta
no.fmuser.org -> Norwegia
fa.fmuser.org -> Persia
pl.fmuser.org -> Polandia
pt.fmuser.org -> Portugis
ro.fmuser.org -> Rumania
ru.fmuser.org -> Rusia
sr.fmuser.org -> Serbia
sk.fmuser.org -> Slowakia
sl.fmuser.org -> Slovenia
es.fmuser.org -> Spanyol
sw.fmuser.org -> Swahili
sv.fmuser.org -> Swedia
th.fmuser.org -> Thailand
tr.fmuser.org -> Turki
uk.fmuser.org -> Ukraina
ur.fmuser.org -> Urdu
vi.fmuser.org -> Vietnam
cy.fmuser.org -> Welsh
yi.fmuser.org -> Yiddish
FMUSER Wirless Mengirim Video Dan Audio Lebih Mudah!
Kontak
Alamat:
No.305 Kamar HuiLan Building No.273 Huanpu Road Guangzhou China 510620
Kategori
Buletin