Rumah  >  Artikel  >  hujung hadapan web  >  Adakah vedio menyokong rtmp dalam html5?

Adakah vedio menyokong rtmp dalam html5?

WBOY
WBOYasal
2022-09-05 16:41:232432semak imbas

Vedio dalam HTML5 tidak menyokong rtmp; rtmp ialah singkatan daripada "Protokol Pemesejan Masa Sebenar" dan merupakan satu set protokol siaran langsung video yang dibangunkan oleh Macromedia ini memerlukan penubuhan perkhidmatan penstriman RTMP khusus sebagai "Adobe Media Server" ”, dan hanya Flash boleh digunakan untuk melaksanakan pemain dalam penyemak imbas, jadi teg video dalam HTML5 tidak boleh memainkan video protokol RTMP.

Adakah vedio menyokong rtmp dalam html5?

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi HTML5, komputer Dell G3.

Vedio dalam HTML5 tidak menyokong rtmp

Protokol Pemesejan Masa Nyata (pendek kata RTMP) ialah satu set protokol siaran langsung video yang dibangunkan oleh Macromedia dan kini dimiliki oleh Adobe. Penyelesaian ini memerlukan membina perkhidmatan penstriman RTMP khusus seperti Adobe Media Server, dan hanya Flash boleh digunakan untuk melaksanakan pemain dalam penyemak imbas. Prestasi masa nyatanya sangat baik dan kelewatannya sangat kecil, tetapi kelemahannya ialah ia tidak dapat menyokong main balik WEB mudah alih.

Di bahagian penyemak imbas, teg video HTML5 tidak boleh memainkan video protokol RTMP, yang boleh dicapai melalui video.js.

Projek vue menggunakan vue-video-player. Lapisan bawah sebenarnya menggunakan videojs, yang merupakan pemalam untuk vue Pertama, kita perlu memasang pemalam dalam projek vue npm install vue-video- player

Kemudian, kita boleh menggunakan pemain secara terus dalam komponen HelloWorld

class="vjs-custom-skin videoPlayer"
:options="playerOptions"
>
import "@/video-js.css";
import { videoPlayer } from "vue-video-player";
import "videojs-flash";
export default {
components: {
videoPlayer,
},
data() {
return {
playerOptions: {
height: "300",
sources: [
{
type: "rtmp/mp4",
src: "rtmp://192.168.12.187:1935/live/1",
},
],
techOrder: ["flash"],
autoplay: false,
controls: true,
},
};
},
};

(Mempelajari perkongsian video: tutorial video css, tutorial video html )

Atas ialah kandungan terperinci Adakah vedio menyokong rtmp dalam html5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn