브라우저에서 mjpeg-over-http 스트림을 html5로 시각화하십시오.

좋아요, http : //www.google.com/support/bin/answer.py?hl=ko&hl=ko motion-jpeg 스트림을 제공하는 서버가 있습니다. 내가 뭘하고 싶은지는 서버에 연결하고 브라우저에서 스트림을 가시화하는 것인데, 바람직하게는 canvas 요소 안에있다. 브라우저는 Safari Mobile이어야합니다.브라우저에서 mjpeg-over-http 스트림을 html5로 시각화하십시오.

XMLHttpRequest로 스트림을 가져 와서 단일 JPEG 이미지를 꺼내서 canvas 요소 안에 넣을 수 있습니까? 스트림은 생생하므로 끝이 없음을 명심하십시오.

출처

2012-03-06 janesconference

iOS 모바일 Safari는 기본적으로 http를 통해 MJPEG를 지원합니다. Canvas에 필요한 특별한 이유가 있습니까? 아이 패드/아이폰에 http://bridgecam2.halton.gov.uk/mjpg/video.mjpg?camera=1를 참조

출처

2012-03-28 23:24:39 placeboaddict

이 예제는 적어도 iOS6.1.3에서는 작동하지 않습니다. – Torchify

또한 iOS 7.0.2에서 작동하지 않습니다. –

오래된 주제를 부활 죄송하지만, 나는이 문제에 직면하고 있었고, 난 내가 내 비디오를 표시하는 한 가지 방법을 발견 단지 기본 HTML5 타 플레이어

를 사용하려면 didnt는 "포스터"속성이있는 html5

<video width="360" height="420" controls poster="/video" autoplay> 
     <source src="/audio.ogg" type="audio/ogg" /> 
</video>

예상 한대로 작동하지 않을 수 있습니다.

출처

2013-03-19 05:16:14 Daniel

이 대답은 심각한 상향 운동을 필요로합니다. 수 시간의 검색 후 내 문제를 해결했습니다. 트렌드 넷 ipcam에서 mjpg 스트림을 보여줍니다. 응답 헤더는 내 content-type이 multipart/x-mixed-replace라고 알려줍니다. 이것은 매력처럼 작동합니다. –

브라우저에서 mjpeg-over-http 스트림을 html5로 시각화하십시오.

답변

관련 문제