简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > H5 튜토리얼 > 본문

카메라 호출을 위한 HTML5 샘플 코드 공유

黄舟
풀어 주다： 2017-03-20 15:39:21
원래의
2820명이 탐색했습니다.

다음 편집기는 h5에서 카메라를 호출하는 구현 방법을 제공합니다. 편집자님이 꽤 좋다고 생각하셔서 지금 공유하고 모두에게 참고용으로 드리고자 합니다. 에디터 따라가서 살펴볼까요

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>GetUserMedia实例</title>
</head>
<body>
<video id="video" autoplay><ideo>
</body>
<script type="text/javascript">
var getUserMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia);   
getUserMedia.call(navigator, {   
video: true,   
audio: true   
}, function(localMediaStream) {   
var video = document.getElementById(&#39;video&#39;);   
video.src = window.URL.createObjectURL(localMediaStream);   
video.onloadedmetadata = function(e) {   
console.log("Label: " + localMediaStream.label);   
console.log("AudioTracks" , localMediaStream.getAudioTracks());   
console.log("VideoTracks" , localMediaStream.getVideoTracks());   
};   
}, function(e) {   
console.log(&#39;Reeeejected!&#39;, e);   
});   
</script>
<html>
로그인 후 복사

위 내용은 카메라 호출을 위한 HTML5 샘플 코드 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
HTML5，摄像头
원천：php.cn
이전 기사：HTML5 및 CSS3와 이전 브라우저의 호환성 문제에 대한 자세한 설명 다음 기사：HTML5 드래그 앤 드롭을 구현하는 샘플 코드
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
FastAPI 및 OpenCV: 최첨단 비디오 스트리밍 애플리케이션 지원 웹캠의 비디오 스트림을 표시하는 HTML 페이지를 렌더링하려고 합니다. 그러나 다음 오류가 발생했습니다. 500ServerErrorTypeError:Templat...
에서 2023-10-26 19:57:54
0
1
327
React를 사용하여 데이터 전달 아래의 "CameraPage.tsx" 코드에서는 카메라 이미지를 검색하는 로직이 만들어졌습니다. 아주 간단하게 백엔드에 등록된 이미지를 검색합니...
에서 2023-09-14 20:43:08
0
1
245
React를 사용하여 이미지에 대화형 마커 배치 도와주세요. 홈 페이지에 표시되는 아래와 같은 이미지(더 큰 이미지)가 있습니다. "FORGE" 하우스에는 중앙에 검은색 화살표가 있는 흰색과 ...
에서 2023-09-08 21:25:41
0
1
379
반응으로 화면과 비디오를 동시에 녹화하는 방법은 무엇입니까? React-media-recorder를 사용하여 녹화하고 싶은 카메라 영상과 함께 화면을 녹화한 후 영상으로 변환하여 재생하고 싶습니다. 녹화했지만 두 가지 비디...
에서 2023-09-07 21:05:52
0
1
293
XHTML의 이미지 태그에서 닫는 슬래시 '/'를 제거합니다. 이미지를 저장하는 문자열 txt1이 있습니다. 해당 값은 XHTML 형식입니다. 즉, 요소가 닫혀 있습니다. 하지만 닫는 슬래시를 제거해야 HTML5와 같을 수 ...
에서 2023-09-06 12:15:38
0
1
240
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！