> 웹 프론트엔드 > 프런트엔드 Q&A > HTML5에서 푸시 스트리밍을 구현하는 방법

HTML5에서 푸시 스트리밍을 구현하는 방법

藏色散人
풀어 주다: 2023-01-28 10:44:31
원래의
2517명이 탐색했습니다.

HTML5에서 스트리밍을 구현하는 방법: 1. "npm insatll node-media-server --save"를 통해 "node-media-server"를 설치합니다. 2. "new nodeMediaServer(config)"를 초기화합니다. 3. "node app"을 실행합니다. .js"; 4. HTML5 측에서 "if(flvjs.isSupported()) {...}" 메서드를 사용합니다.

HTML5에서 푸시 스트리밍을 구현하는 방법

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

html5에서 푸시 스트리밍을 구현하는 방법은 무엇입니까? ONode + OBS + HTML5는 푸시 흐름 라이브 방송을 실현합니다.

노드 끝: 1. node-media-server

npm insatll node-media-server --save
로그인 후 복사

2를 설치합니다.

R
const nodeMediaServer = require("node-media-server")
const config = {
    rtmp: {
        port: 1935,
        chunk_size: 60000,
        gop_cache: true,
        ping: 60,
        ping_timeout: 30
    },
    http: {
        port: 8000,
        allow_origin: '*'
    }
}
var nms = new nodeMediaServer(config)
nms.run();
로그인 후 복사
E

3.

HTML5 터미널:

node app.js
로그인 후 복사
권장 학습: "

HTML5 동영상 튜토리얼

"

위 내용은 HTML5에서 푸시 스트리밍을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿