Repository: cordova-plugin-camera Updated Branches: refs/heads/master af566264e -> 1ffb14d76
Added support for the browser Project: http://git-wip-us.apache.org/repos/asf/cordova-plugin-camera/repo Commit: http://git-wip-us.apache.org/repos/asf/cordova-plugin-camera/commit/b2403c60 Tree: http://git-wip-us.apache.org/repos/asf/cordova-plugin-camera/tree/b2403c60 Diff: http://git-wip-us.apache.org/repos/asf/cordova-plugin-camera/diff/b2403c60 Branch: refs/heads/master Commit: b2403c607652d2db21d778b39102e57652f813a8 Parents: d53a777 Author: Suraj Pindoria <suraj.pindo...@yahoo.com> Authored: Fri Aug 29 15:14:41 2014 -0700 Committer: Suraj Pindoria <suraj.pindo...@yahoo.com> Committed: Fri Aug 29 15:14:41 2014 -0700 ---------------------------------------------------------------------- plugin.xml | 13 +++++ src/browser/CameraProxy.js | 104 ++++++++++++++++++++++++++++++++++++++++ 2 files changed, 117 insertions(+) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/cordova-plugin-camera/blob/b2403c60/plugin.xml ---------------------------------------------------------------------- diff --git a/plugin.xml b/plugin.xml index 1bb7b57..9f3bfad 100644 --- a/plugin.xml +++ b/plugin.xml @@ -218,4 +218,17 @@ </platform> + <!-- browser --> + <platform name="browser"> + <config-file target="config.xml" parent="/*"> + <feature name="Camera"> + <param name="browser-package" value="Camera" /> + </feature> + </config-file> + + <js-module src="src/browser/CameraProxy.js" name="CameraProxy"> + <runs /> + </js-module> + </platform> + </plugin> http://git-wip-us.apache.org/repos/asf/cordova-plugin-camera/blob/b2403c60/src/browser/CameraProxy.js ---------------------------------------------------------------------- diff --git a/src/browser/CameraProxy.js b/src/browser/CameraProxy.js new file mode 100644 index 0000000..5756c48 --- /dev/null +++ b/src/browser/CameraProxy.js @@ -0,0 +1,104 @@ +/* + * + * Licensed to the Apache Software Foundation (ASF) under one + * or more contributor license agreements. See the NOTICE file + * distributed with this work for additional information + * regarding copyright ownership. The ASF licenses this file + * to you under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance + * with the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, + * software distributed under the License is distributed on an + * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY + * KIND, either express or implied. See the License for the + * specific language governing permissions and limitations + * under the License. + * + */ + +function takePicture(success, error, opts) { + if (opts && opts[2] === 1) { + capture(success); + } else { + var input = document.createElement('input'); + input.type = 'file'; + input.name = 'files[]'; + + input.onchange = function(inputEvent) { + var canvas = document.createElement('canvas'); + + var reader = new FileReader(); + reader.onload = function(readerEvent) { + input.parentNode.removeChild(input); + + return success(readerEvent.target.result.replace('data:image/png;base64,', '')); + } + + reader.readAsDataURL(inputEvent.target.files[0]); + }; + + document.body.appendChild(input); + } +} + +function capture(success) { + var localMediaStream; + + var video = document.createElement('video'); + var button = document.createElement('button'); + + video.width = 320; + video.height = 240; + button.innerHTML = 'Capture!'; + + button.onclick = function() { + // create a canvas and capture a frame from video stream + var canvas = document.createElement('canvas'); + canvas.getContext('2d').drawImage(video, 0, 0, 320, 240); + + // convert image stored in canvas to base64 encoded image + var imageData = canvas.toDataURL('img/png'); + imageData = imageData.replace('data:image/png;base64,', ''); + + // stop video stream, remove video and button + localMediaStream.stop(); + video.parentNode.removeChild(video); + button.parentNode.removeChild(button); + + return success(imageData); + } + + document.body.appendChild(video); + document.body.appendChild(button); + + navigator.getUserMedia = navigator.getUserMedia || + navigator.webkitGetUserMedia || + navigator.mozGetUserMedia || + navigator.msGetUserMedia; + + var successCallback = function(stream) { + localMediaStream = stream; + video.src = window.URL.createObjectURL(localMediaStream); + video.play(); + } + + var errorCallback = function(e) { + console.log('Error: ' + e); + } + + if (navigator.getUserMedia) { + navigator.getUserMedia({video: true, audio: true}, successCallback, errorCallback); + } else { + alert('Browser does not support camera :('); + } +} + +module.exports = { + takePicture: takePicture, + cleanup: function(){} +}; + +require("cordova/exec/proxy").add("Camera",module.exports);
