2015-03-18 21:31:27 +08:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<title></title>
|
|
|
|
|
|
<link rel="stylesheet" href="/css/default.css" />
|
|
|
|
|
|
<script src="/js/AdvancedCapture.js"></script>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<div data-win-control="SdkSample.ScenarioInput">
|
|
|
|
|
|
<p>
|
|
|
|
|
|
This scenario shows how to enumerate cameras in the system.
|
|
|
|
|
|
Choose a camera from the list to start previewing from that camera. You can add additional effect
|
|
|
|
|
|
using the dropdown provided.
|
|
|
|
|
|
</p>
|
|
|
|
|
|
<select id="cameraSelect" aria-labelledby="listLabel"></select>
|
|
|
|
|
|
<button id="btnStartDevice" disabled="disabled">Start Device</button>
|
|
|
|
|
|
<button id="btnStartPreview" disabled="disabled">Start Preview</button>
|
2015-03-18 22:37:42 +08:00
|
|
|
|
<select id="videoEffect" disabled="disabled">
|
|
|
|
|
|
<option>Preview</option>
|
|
|
|
|
|
<option>Grayscale</option>
|
|
|
|
|
|
<option>Canny</option>
|
|
|
|
|
|
<option>Sobel</option>
|
|
|
|
|
|
<option>Histogram</option>
|
|
|
|
|
|
</select>
|
2015-03-18 21:31:27 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div data-win-control="SdkSample.ScenarioOutput">
|
|
|
|
|
|
<table>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td>Preview</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td>
|
|
|
|
|
|
<video width="320" height="240" id="previewVideo" style="border: 1px solid black">
|
|
|
|
|
|
</video>
|
|
|
|
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
</table>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
