2017-12-31 24 views
12

Bei https://developer.mozilla.org/en-US/docs/Web/API/MediaTrackConstraints gibt es einen Abschnitt namens "Eigenschaften von Bildspuren." Wie würde ich diese Einstellungen anpassen?Wie würde ich Bildspureinstellungen implementieren?

Wenn ich navigator.mediaDevices.getSupportedConstraints() laufen bekomme ich folgendes:

{ 
    "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 
} 

I „Eigenschaften von Videospuren“ unter video

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

einstellen kann, aber ich bin nicht sicher, wie Eigenschaften einzustellen wie focalLengthX oder exposureCompensation. Wo würde ich diese einstellen?

+0

Haben Sie versucht, die Eigenschaft und den Wert an der zu '.getUserMedia gebene Objekt Einstellung()'? – guest271314

Antwort

2

Von MSN habe ich einige Dokumente gefunden, die den Prozess beschreiben. Im Wesentlichen können Sie zulässige Min- und Max-Werte mit Min- und Max-Werten pro Einschränkung angeben. Nur Werte, die dem Constraint-Optionen-Objekt hinzugefügt wurden, werden geändert.

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

Verwandte Themen