Làm cách nào để triển khai cài đặt theo dõi hình ảnh

Question

Tại https://developer.mozilla.org/en-US/docs/Web/API/MediaTrackConstraints có một phần được gọi là “Thuộc tính của bản nhạc.” Tôi sẽ điều chỉnh các cài đặt này như thế nào?

Khi tôi chạy navigator.mediaDevices.getSupportedConstraints() tôi nhận được như sau:

{ 
    "aspectRatio": true, 
    "brightness": true, 
    "channelCount": true, 
    "colorTemperature": true, 
    "contrast": true, 
    "depthFar": true, 
    "depthNear": true, 
    "deviceId": true, 
    "echoCancellation": true, 
    "exposureCompensation": true, 
    "exposureMode": true, 
    "facingMode": true, 
    "focalLengthX": true, 
    "focalLengthY": true, 
    "focusMode": true, 
    "frameRate": true, 
    "groupId": true, 
    "height": true, 
    "iso": true, 
    "latency": true, 
    "pointsOfInterest": true, 
    "sampleRate": true, 
    "sampleSize": true, 
    "saturation": true, 
    "sharpness": true, 
    "torch": true, 
    "videoKind": true, 
    "volume": true, 
    "whiteBalanceMode": true, 
    "width": true, 
    "zoom": true 
} 

Tôi có thể điều chỉnh “Properties của track video” dưới video

navigator.mediaDevices.getUserMedia({ 
    video: { 
    aspectRatio: 1.5, 
    width: 1280, 
    }, 
}) 

Nhưng tôi không chắc chắn làm thế nào để điều chỉnh các thuộc tính như focalLengthX hoặc exposureCompensation. Tôi sẽ điều chỉnh chúng ở đâu?

Answer 1

Từ MSN Tôi tìm thấy một số tài liệu mô tả quy trình. Về cơ bản, bạn có thể chỉ định các giá trị nhỏ nhất và có thể chấp nhận được với các giá trị nhỏ nhất và tối đa cho mỗi ràng buộc. Chỉ các giá trị được thêm vào đối tượng tùy chọn ràng buộc mới được thay đổi.

const constraints = { 
    width: {min: 640, ideal: 1280, max: 1920}, 
    height: {min: 480, ideal: 720} 
}; 

navigator.mediaDevices.getUserMedia({ video: true }) 
.then(mediaStream => { 
    const track = mediaStream.getVideoTracks()[0]; 
    track.applyConstraints(constraints) 
    .then(() => { 
    // Do something with the track such as using the Image Capture API. 
    } 
    .catch(e => { 
    // The constraints could not be satisfied by the available devices. 
    } 
} 

https://developer.mozilla.org/en-US/docs/Web/API/MediaStreamTrack/applyConstraints