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
