Làm thế nào để truy cập vào webcam bằng javascript

Question

tôi cần phải mở webcam qua JavaScript Tôi biết nó có thể truy cập vào html5 bởi <video> nhưng cần truy cập webcam với tinh khiết JavaScript

Ai đó có thể giúp tôi hoặc cho tôi một số ý tưởng ?

Tôi chỉ cần truy cập webcam bằng JavaScript và xin lỗi vì tiếng Anh của tôi, tôi đang sử dụng dịch giả Google.

tôi không thể sử dụng từ khóa '< video>'

Answer 1

Như tôi đã nêu dưới dạng nhận xét, tôi nhầm lẫn về từ ngữ của bạn. Bạn nói rằng, bạn biết rằng "HTML5" có thể truy cập webcam, nhưng bạn cần nó bằng Javascript thuần túy.

Vâng, trong trường hợp bạn không biết, HTML5 giới thiệu như vậy gọi là WebRTC của đó là viết tắt của Real-Time Communications. Một phần của điều đó, một điều mới được gọi là navigator.getUserMedia() navigator.mediaDevices.getUserMedia(constraints) cũng được giới thiệu. Đó là, một đối tượng ECMAscript, cho phép bạn truy cập vào máy người dùng WebCam và Micrô thiết bị.

Như bạn có thể thấy, toàn bộ chương trình được nhúng trong giới thiệu/thông số HTML5, vì vậy chúng tôi không thể tách biệt Javascript khỏi HTML5 tại đây.

Tiếp tục đọc:

• https://developer.mozilla.org/en-US/docs/WebRTC
• https://developer.mozilla.org/en-US/docs/WebRTC/navigator.getUserMedia
• https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia

Answer 2

Có this great tutorial from HTML5rocks.

Về cơ bản, getUserMedia cho phép trình duyệt yêu cầu quyền và sau đó cho phép bạn sử dụng máy ảnh.

Bạn phải biết rằng nó vẫn được hỗ trợ kém và API có thể thay đổi một lần nữa, đặc biệt nếu bạn muốn gửi những luồng đó qua internet.

Answer 3

Có một vài thư viện javascript để thực hiện điều này ngay bây giờ.

• Script Cam: http://www.scriptcam.com/
• jQuery Webcam: http://www.xarg.org/project/jquery-webcam-plugin/

Answer 4

Đây là một thư viện js có sử dụng đèn flash chỉ trong một tình huống dự phòng HTML5:

https://github.com/jhuckaby/webcamjs

Từ mã mẫu:

<script src="webcam.js"></script> 

<div id="my_camera" style="width:320px; height:240px;"></div> 
<div id="my_result"></div> 

<script language="JavaScript"> 
    Webcam.attach('#my_camera'); 

    function take_snapshot() { 
     Webcam.snap(function(data_uri) { 
      document.getElementById('my_result').innerHTML = '<img src="'+data_uri+'"/>'; 
     }); 
    } 
</script> 

<a href="javascript:void(take_snapshot())">Take Snapshot</a>