Używanie kamery zarówno dla aplikacji natywnej, jak i internetowej za pomocą Ionic/AngularJS i Cordova

Question

Próbuję użyć kamery i chciałbym się dowiedzieć, czy masz jakiś przykład, jak sprawić, by działała ona zarówno w Internecie, jak i natywnie.

Mam ten fragment kodu, pożyczone od NG-Cordova Doc:

$scope.takePicture = function() { 
     var options = { 
      quality: 75, 
      destinationType: Camera.DestinationType.DATA_URL, 
      sourceType: Camera.PictureSourceType.CAMERA, 
      allowEdit: true, 
      encodingType: Camera.EncodingType.JPEG, 
      targetWidth: 100, 
      targetHeight: 100, 
      popoverOptions: CameraPopoverOptions, 
      saveToPhotoAlbum: false 
     }; 

     $cordovaCamera.getPicture(options).then(function(imageData) { 
      // Success! Image data is here 
     }, function(err) { 
      // An error occured. Show a message to the user 
     }); 
    } 

Kiedy go używać, to działa dobrze z moim urządzeniem, ale złapać błąd z wersji internetowej

ReferenceError: Camera is not defined 

Dlatego pytam, czy masz dobry sposób na zrobienie tego. Mogłabym zasymulować kliknięcie ukrytego wejścia, ale nie wygląda to ładnie. Jeśli masz jakiś pomysł :)

Answer 1

Możesz zapewnić implementację dostępu do kamery zarówno dla Cordova, jak i standardowej przeglądarki. Standardowa realizacja przeglądarka może być realizowana za pomocą tego

http://www.html5rocks.com/en/tutorials/getusermedia/intro/

W3 draft

i sprawdzić, czy używasz w aplikacji lub w przeglądarce, można użyć

ionic.Platform.platform() 

udokumentowane here