• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1<!DOCTYPE html>
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4    <title></title>
5    <link rel="stylesheet" href="/css/default.css" />
6    <script src="/js/AdvancedCapture.js"></script>
7</head>
8<body>
9    <div data-win-control="SdkSample.ScenarioInput">
10        <p>
11            This scenario shows how to enumerate cameras in the system.
12            Choose a camera from the list to start previewing from that camera. You can add additional effect
13            using the dropdown provided.
14        </p>
15        <select id="cameraSelect" aria-labelledby="listLabel"></select>
16        <button id="btnStartDevice" disabled="disabled">Start Device</button>
17        <button id="btnStartPreview" disabled="disabled">Start Preview</button>
18        <select id="videoEffect" disabled="disabled">
19            <option>Preview</option>
20            <option>Grayscale</option>
21            <option>Canny</option>
22            <option>Sobel</option>
23            <option>Histogram</option>
24        </select>
25    </div>
26    <div data-win-control="SdkSample.ScenarioOutput">
27        <table>
28            <tr>
29                <td>Preview</td>
30            </tr>
31            <tr>
32                <td>
33                    <video width="320" height="240" id="previewVideo" style="border: 1px solid black">
34                    </video>
35                </td>
36            </tr>
37        </table>
38    </div>
39</body>
40</html>
41