2011-04-11 8 views
15

PC에 뿌리를 둔 웹캠이나 카메라에서 찍은 라이브 비디오를 방송하는 방법을 찾고 있습니다. 브로드 캐스트는 태그를 사용하여 HTML5 페이지에 표시되어야합니다 (rtp를 지원하고 rtsp라고 생각합니다).HTML5에서 실시간 동영상을 스트리밍하는 방법은 무엇인가요?

스트림을 보는 사용자는 QuickTime과 같은 플러그인이나 비디오 플레이어를 설치하지 않아도됩니다. RTSP :

나는 같은 MP4 포맷으로 비디오를 필요 //www.mywebsite/streaming/video.mp4

이 내가 HTML5 비디오의 SRC로두고했던 링크가 될 것입니다 꼬리표.

가능한지, 그런 일을 할 수있는 옵션이 무엇인지 알고 싶습니다.

+0

하위 집합 http://stackoverflow.com/questions/1735933/streaming-via-rtsp-or-rtp-in-html5 –

답변

2

가능합니다. 그러나 크로스 브라우저 지원을 원한다면 큰 문제가 발생할 것입니다. HTML5 비디오를 지원하는 브라우저에 HTML5 비디오를 제공 한 다음 지원하지 않는 브라우저에 QuickTime을 제공 할 수 있습니다.

<video src="stream.mp4"> 

    <!-- Don't support <video> --> 
    <object> 
     <param name="src" value="video.mp4" /> 
     
 <param name="autoplay" value="true" /> 
     
 <param name="type" value="video/quicktime" height="256" width="320" /> 
     
 
 <embed src="video.mp4" height="256" width="320" autoplay="true" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/" /> 
    </object> 

</video> 

또한 참조 : Streaming via RTSP or RTP in HTML5

+0

크로스 브라우저 문제는 IE9 만 지원하므로 문제가되지 않습니다. 나는 당신이 보낸 링크를 이미 읽었지만 스트림을 서버로 보내는 방법에 대해서는별로 유용하지 않다. 스트림을 녹화하고, 서버로 보내고, 실시간 스트림에 대한 rtp 경로를 얻는 방법을 보여주는 단계별 가이드를 알고 있습니까 (비디오 태그의 내 src가 될 것입니다) – user702470

+0

그렇다면 일반 H.264 스트림에는 문제가 없습니다. –

+0

예, 이미 지원되는 파일 형식에 대한 정보를 대부분 찾았습니다. 하지만 서버 측에서 도움이 필요합니다. 웹캠에서 서버로 스트리밍하는 방법, 경로를 검색하여 HTML 5 비디오 태그로 표시하는 방법. 지금까지 스트리밍 서버에서 플래시 서버 스트리밍 스트리밍을 제공하는 일부 회사가 있습니다. (필요한 것은 아닙니다) 플래시 또는 퀵타임 플러그인을 사용하지 않고 비디오 태그에 라이브 스트림이어야합니다 – user702470

1

나는 ".MP4"파일에 라이브 비디오 스트림을 캡슐화하기 위해 HTML5 브라우저를 "속임수"하는 것이 가능하다고 생각하지 않습니다.HTML5는 가까운 장래에 라이브 비디오 지원을 고려할 것입니다. 할 수있는 일은 기다리는 것입니다. :)

0

최대 호환성을 위해 다음은 당사 비디오 워크 플로우의 모습입니다 MP4 컨테이너에서 H.264 기준 비디오 및 AAC "낮은 복잡성"오디오를 사용하는 하나의 버전 만들기 & WebM을 사용하는 다른 버전 만들기 (VP8 + Vorbis) 또는 Theora 비디오 및 Vorbis 오디오를 Ogg 컨테이너에 저장합니다. 이 조합은 귀하의 문제를 해결할 것이라고 생각합니다. & 대부분의 브라우저에서 재생됩니다. 모든 브라우저에서 적어도 두 가지 버전의 비디오를 재생해야합니다.

관련 문제