-
WebRTC: 비디오 캡쳐화면 보여주기Streaming Media/Media Tools 2013. 3. 12. 17:51
MediaStream
MediaStream API는 동기화된 미디어 스트림을 나타낸다. 예를 들면, 캡코더와 마이크로부터 입력받은 스트림은 동기화된 비디오와 오디오 트랙을 가진다.
http://www.w3.org/TR/mediacapture-streams/#stream-api
<video> 태그
<video> 태그는 HTML5에 소개된 것으로, 동영상이나 미디어 스트림과 같은 비디오를 표현하는데 사용한다.
http://www.w3schools.com/tags/tag_video.asp
<!DOCTYPE html><html><head><metacharset="utf-8"/><title>WebRTC: Video Capture Demo</title></head><body><videoautoplay></video><script>var onFailSoHard = function(e) {console.log('Rejected!', e);};window.URL = window.URL || window.webkitURL;navigator.getUserMedia = (navigator.getUserMedia|| navigator.webkitGetUserMedia|| navigator.mozGetUserMedia|| navigator.msGetUserMedia);var video = document.querySelector('video');if (navigator.getUserMedia) {navigator.getUserMedia({audio: true, video: true},function(stream) {video.src = window.URL.createObjectURL(stream);},onFailSoHard);}else {alert('getUserMedia() is not supported in your browser');}</script></body></html>출처: http://www.html5rocks.com/en/tutorials/getusermedia/intro/
'Streaming Media > Media Tools' 카테고리의 다른 글
FFmpeg으로 재생하는 프로그램 만들기 (1) 2013.06.20 FFmpeg으로 미디어 스트림 열기 (1) 2013.06.19 FFmpeg 데이타 흐름 다이어그램 (0) 2013.06.17 FFmpeg 기본 자료형 - AVFifoBuffer (0) 2013.06.10 FFmpeg 소개 (0) 2012.11.02