XML/HTML Code復制內容到剪貼板
- <!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('video');
- 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('Reeeejected!', e);
- });
- </script>
- <html>
-
以上這篇h5調用攝像頭的實現方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持。