Raspberry Pi의 카메라에서 비디오를 스트리밍하는 방법과 다음과 같은 URL을 사용하여 브라우저에서 비디오를 수신하고 보는 방법을 알아 냈습니다.
http://picamhq:8080/?action=stream
비디오 유형은 M-JPEG이고 mjpeg-streamer에 대한 정보는 여기 .
이제 브라우저가이 비디오 스트림을 재생할 수 있으므로 HTML 웹 페이지 내에서도 작동해야합니다. 장점은 이러한 웹 페이지에 스 트리머를 시작 및 중지하고 카메라 설정과 같은 매개 변수를 변경하는 일부 버튼을 추가로 표시 할 수 있다는 것입니다.
HTML에 스트리밍 비디오 (rtmp)를 포함하는 방법 과 같은 몇 가지 질문에 대한 답변을 살펴 보았지만 HTML 페이지에 비디오를 포함하는 것은 아닙니다.
다음과 같은 비디오 태그로 시도했습니다.
<video width="320" height="240" autoplay controls>
<source src="http://picamhq:8080/?action=stream" type="video/mjpeg">
Your browser does not support the video tag.
</video>
불행히도 이것은 작동하지 않습니다. 웹 페이지는 비디오가 재생되어야하는 어두운 직사각형을 보여 주며, 스트림이 끝나지 않기 때문에 전체 스트림을로드하는 데 시간이 오래 걸리는 것 같습니다. 게다가, 나는 낮은 대기 시간을 원합니다 :-)
그런 다음 많은 복잡한 내용에 대해 이야기하는 라이브 HTML 스트리밍에 대한이 질문 과 같은 정보를 살펴 보았습니다 . 그것은 멋지고 간단한 mjpeg-streamer가 html video 태그와 호환되는 스트림을 만들 수 없다는 것을 의미합니까? 그리고 브라우저가 재생할 수있는 스트림이 반드시 html 페이지 내에서 작동하지 않을까요?
사용중인 솔루션은 실제로 스트리밍 비디오가 아니라 개별 JPEG 이미지 스트림을 전송하는 것입니다.
문서에서 :
MJPEG_Streamer에 대한 데모 사이트를 보면 스트림의 출력이 'video'태그가 아닌 'img'태그로 표시되므로 이것을 볼 수 있습니다.
<p id="streamwrap" class="xform-p">
<img id="streamimage" class="xform" src="/?action=stream">
</p>
( 출처 : http://hashey.dip.jp:8090/stream.html- 데모는 작성 시점에 스트림을 전송하지 않는 것으로 보입니다).
이 스트림을 비디오로 변환하거나 요구 사항에 따라 스트림에서 현재 이미지를 가져 오기위한 요청을 시작하고 중지하는 컨트롤을 추가해야 할 수도 있습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다