You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

51 lines
1.6 KiB

8 years ago
8 years ago
8 years ago
8 years ago
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>proves de so</title>
  6. <!--Let browser know website is optimized for mobile-->
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  8. <!--Import Google Icon Font-->
  9. <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  10. <!--Import materialize.css-->
  11. <link type="text/css" rel="stylesheet" href="bower_components/materialize/dist/css/materialize.min.css" media="screen,projection"/>
  12. <style>
  13. .video,
  14. .canvas {
  15. /*margin-left: 100px;
  16. margin-top: 35px;*/
  17. position: absolute;
  18. }
  19. </style>
  20. </head>
  21. <body>
  22. <div class="row">
  23. <div class="col s6">
  24. <video id="video" class="video" width="600" height="450" preload autoplay loop muted controls></video>
  25. <canvas id="canvas" class="canvas" width="600" height="450"></canvas>
  26. <a class="waves-effect waves-light btn" onclick="silence()"><i class="material-icons left">volume_off</i> silenci</a>
  27. </div>
  28. <div class="col s6">
  29. </div>
  30. </div>
  31. <!--Import jQuery before materialize.js-->
  32. <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
  33. <script type="text/javascript" src="bower_components/materialize/dist/js/materialize.min.js"></script>
  34. <script src="bower_components/tracking/build/tracking-min.js"></script>
  35. <script src="bower_components/pizzicato/distr/Pizzicato.js"></script>
  36. <script src="colorTracking.js"></script>
  37. </body>
  38. </html>