메인메뉴 바로가기

HOME으로 가기


Javascript

HTML5 | html5에서 녹음기능 - navigator.getUserMedia

본문

웹에서 시스템의 마이크자원을 접근하려면 웹에서의 본인인증을 요구하는 ssl이 필요합니다. 반드시 https://로 접근 해야 함.

(input태그를 사용하여 시스템의 마이크자원 접근)
<input type="file" accept="audio/*;capture=microphone">


getUserMedia()는 Chrome 21, Opera 18, Firefox 17 이후 버전에서 지원됩니다.

(브라우저 지원 체크)
function hasGetUserMedia() {
  return !!(navigator.getUserMedia || navigator.webkitGetUserMedia ||
            navigator.mozGetUserMedia || navigator.msGetUserMedia);
}

if (hasGetUserMedia()) {
  // Good to go!
} else {
  alert('getUserMedia() is not supported in your browser');
}

(사용법 참조)
http://www.html5rocks.com/ko/tutorials/getusermedia/intro/
  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기