Adakah vedio menyokong rtmp dalam html5?

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.

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!