vedio는 html5에서 rtmp를 지원합니까?

HTML5의 Vedio는 rtmp를 지원하지 않습니다. rtmp는 "Real Time Messaging Protocol"의 약어이며 Macromedia에서 개발한 비디오 라이브 방송 프로토콜 집합입니다. 이 솔루션을 사용하려면 "Adobe Media"와 같은 전문적인 RTMP 스트리밍 서비스 구축이 필요합니다. Server", Flash에서만 브라우저에서 플레이어를 구현하는 데 사용할 수 있으므로 HTML5의 비디오 태그는 RTMP 프로토콜 비디오를 재생할 수 없습니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, HTML5 버전, Dell G3 컴퓨터.

HTML5의 Vedio는 rtmp를 지원하지 않습니다.

실시간 메시징 프로토콜(RTMP)은 Macromedia에서 개발한 일련의 비디오 라이브 방송 프로토콜로 현재는 Adobe에 속합니다. 이 솔루션을 사용하려면 Adobe Media Server와 같은 전문적인 RTMP 스트리밍 서비스를 구축해야 하며 브라우저에서 플레이어를 구현하는 데는 Flash만 사용할 수 있습니다. 실시간 성능이 매우 좋고 지연도 매우 적지만, 모바일 WEB 재생을 지원하지 못한다는 단점이 있습니다.

브라우저 측에서 HTML5 비디오 태그는 video.js를 통해 달성할 수 있는 RTMP 프로토콜 비디오를 재생할 수 없습니다.

vue 프로젝트는 vue-video-player를 사용합니다. 맨 아래 레이어는 실제로 vue용 플러그인인 videojs를 사용합니다. 먼저 vue 프로젝트 npm install vue-video-에 플러그인을 설치해야 합니다. player

그런 다음 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,
},
};
},
};

에서 직접 플레이어를 사용합니다. (동영상 공유 학습: css 동영상 튜토리얼, html 동영상 튜토리얼)

위 내용은 vedio는 html5에서 rtmp를 지원합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!