nokhwa 0.10.11

A Simple-to-use, cross-platform Rust Webcam Capture Library
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120

import init, { requestPermissions, queryConstraints, queryCameras, NokhwaCamera, CameraConstraints, CameraConstraintsBuilder, CameraFacingMode, CameraResizeMode } from 'nokhwa';

async function start() {
    await init();
}
start();

const requestStatus = document.getElementById("requestStatus");
const requestButton = document.getElementById("requestButton");

requestButton.addEventListener("click", function (event) {
    requestPermissions().then(
        ok => {
            requestStatus.innerHTML = "Granted :D";
        },
        err => {
            requestStatus.innerHTML = "Denied :( due to " + err.toString();
        }
    )
});

const constraintList = document.getElementById("constraintList");
const constraintButton = document.getElementById("constraintButton");

constraintButton.addEventListener("click", function (event) {
    constraintList.innerHTML = "";
    queryConstraints().forEach((element) => {
        var new_list_element = document.createElement("li");
        new_list_element.innerHTML = element.toString();
        constraintList.appendChild(new_list_element);
    })
});

const deviceLabel = document.getElementById("deviceLabel");
const deviceList = document.getElementById("deviceList");
const deviceButton = document.getElementById("deviceButton");
const deviceDropdown = document.getElementById("deviceDropdown");

deviceButton.addEventListener("click", function (event) {
    deviceList.innerHTML = "";
    deviceDropdown.innerHTML = "";
    queryCameras().then(
        ok => {
            ok.forEach((element) => {
                var new_list_element = document.createElement("li");
                new_list_element.innerHTML = "Name: " + element.HumanReadableName;
                deviceList.appendChild(new_list_element);

                var new_option = document.createElement("option");
                new_option.value = element.MiscString;
                new_option.innerHTML = element.HumanReadableName;
                deviceDropdown.appendChild(new_option);
            })
        },
        err => {
            deviceLabel.innerHTML = "device list: error: " + err.toString();
         }
    )
});

const deviceOpenButton = document.getElementById("deviceOpenButton");
const streamPlayLabel = document.getElementById("streamPlayLabel");
const streamPlayArea = document.getElementById("streamPlayArea");
var nokhwaCamera = undefined;

deviceOpenButton.addEventListener("click", function(event) {
    streamPlayArea.innerHTML = "";
    let constraints = (new CameraConstraintsBuilder()).buildCameraConstraints();
    nokhwaCamera = new NokhwaCamera(constraints).catch((err) => {console.error(err); return});
    nokhwaCamera = nokhwaCamera.then(
        (ok) => {
            nokhwaCamera = ok;
            nokhwaCamera.attachToElement("streamPlayArea", true);
            streamPlayLabel.innerHTML = "Stream Get!";
        },
        (err) => {
            console.error(err); 
            streamPlayLabel.innerHTML = "Error: " + err.toString();
            return;
        }
    );
});

const streamStopButton = document.getElementById("streamStopButton");

streamStopButton.addEventListener("click", function(event) {
    if (nokhwaCamera !== undefined) {
        nokhwaCamera.detachCamera().then(
            (ok) => {
                nokhwaCamera = undefined;
                streamPlayArea.innerHTML = "";
                streamPlayLabel.innerHTML = "Stream Detached...";
            },
            (err) => {
                console.error(err); 
                streamPlayLabel.innerHTML = "Error: " + err.toString();
                return;
            }
        )
    }
});

const streamCaptureImageButton = document.getElementById("streamCaptureImageButton");

function downloadURI(uri, name) {
    var link = document.createElement("a");
    link.download = name;
    link.href = uri;
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
}
  

streamCaptureImageButton.addEventListener("click", function(event) {
    if (nokhwaCamera !== undefined) {
        let uri = nokhwaCamera.captureImageURI("image/jpeg", 0.75);
        downloadURI(uri, "capture.jpg");
    }
});