Heim  >  Artikel  >  Web-Frontend  >  HTML5-Beispielcode-Freigabe zum Aufrufen der Kamera

HTML5-Beispielcode-Freigabe zum Aufrufen der Kamera

黄舟
黄舟Original
2017-03-20 15:39:212871Durchsuche

Der folgende Editor bietet Ihnen eine Implementierungsmethode zum Aufrufen der Kamera in h5. Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Kommen Sie vorbei und werfen Sie einen Blick mit der Redaktion

<!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>

Das obige ist der detaillierte Inhalt vonHTML5-Beispielcode-Freigabe zum Aufrufen der Kamera. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn