댓글 : HTML5를 기반으로 구현 된 슈퍼 쿨 카메라 (HTML5 웹캠) 사진 기능. 알아야 할 친구는 그것을 언급 할 수 있습니다
WEBRTC는 내년에 가장 인기있는 HTML5 표준 일 수 있으며 Mozilla는 카메라, 마이크 또는 가속 미터와 같은 하드웨어를 제어하는 데 도움이되는 API 세트를 개발했습니다. 다른 플러그인에 의존하지 않고 필요한 기본 하드웨어 장치를 호출 할 수 있습니다.
오늘이 기사에서는 Wolfram Hempel이 개발 한 Photobooth.js를 소개합니다. 이 라이브러리를 사용하면 카메라 기능을 신속하게 호출 할 수 있으며 웹 사이트에 카메라 기능을 쉽게 추가 할 수 있습니다. 그리고 그것은 빠르게 사진을 찍는 데 도움이 될 것입니다. 이 기능을 사용하여 사용자의 큰 헤드 샷을 달성 할 수 있습니다. 아주 좋지 않습니까?
주요 기능 : 대비 설정, 색상 설정, 밝기 설정, 톤 설정, 사진 버튼은 최신 크롬, 파이어 폭스, 오페라 및 기타 브라우저를 지원하여 jQuery 플러그인 및 JavaScript 코드 방법을 지원합니다.Chrome으로 온라인 데모를 열면 브라우저가 브라우저가 다음과 같이 카메라를 호출 할 수 있는지 확인하십시오.
자바 스크립트 코드 :$ ( '#webcam'). photobooth (). on ( "image", function (event, dataurl) {
$ ( '. nopic'). hide ();
$ ( "#pictures") .prepend ( '<img src = "' + dataurl + '">');
});
위의 코드는 생성 된 이미지 데이터를 ID = Picture를 사용하여 태그로 전달합니다. 자세한 내용은 관련 API를 참조하십시오.
소스 코드 다운로드
모두 가이 온라인 데모와 우리가 제공하는 데모를 좋아하기를 바랍니다. 질문이 있으시면 메시지를 남겨주세요. 감사합니다!