AdvancedCapture.html 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  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>