camera.js 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. /*
  2. * Licensed to the Apache Software Foundation (ASF) under one
  3. * or more contributor license agreements. See the NOTICE file
  4. * distributed with this work for additional information
  5. * regarding copyright ownership. The ASF licenses this file
  6. * to you under the Apache License, Version 2.0 (the
  7. * "License"); you may not use this file except in compliance
  8. * with the License. You may obtain a copy of the License at
  9. *
  10. * http://www.apache.org/licenses/LICENSE-2.0
  11. *
  12. * Unless required by applicable law or agreed to in writing,
  13. * software distributed under the License is distributed on an
  14. * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  15. * KIND, either express or implied. See the License for the
  16. * specific language governing permissions and limitations
  17. * under the License.
  18. *
  19. */
  20. document.addEventListener('DOMContentLoaded', function () {
  21. document.getElementById('back').onclick = function () {
  22. window.qnx.callExtensionMethod('cordova-plugin-camera', 'cancel');
  23. };
  24. window.navigator.webkitGetUserMedia(
  25. { video: true },
  26. function (stream) {
  27. var video = document.getElementById('v'),
  28. canvas = document.getElementById('c'),
  29. camera = document.getElementById('camera');
  30. video.autoplay = true;
  31. video.width = window.innerWidth;
  32. video.height = window.innerHeight - 100;
  33. video.src = window.webkitURL.createObjectURL(stream);
  34. camera.onclick = function () {
  35. canvas.width = video.videoWidth;
  36. canvas.height = video.videoHeight;
  37. canvas.getContext('2d').drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
  38. window.qnx.callExtensionMethod('cordova-plugin-camera', canvas.toDataURL('img/png'));
  39. };
  40. },
  41. function () {
  42. window.qnx.callExtensionMethod('cordova-plugin-camera', 'error', 'getUserMedia failed');
  43. }
  44. );
  45. });