Home / Cordova Dersleri / Cordova – Kamera Eklentisi (Camera)

Cordova – Kamera Eklentisi (Camera)

Cordova’da kamerayı kontrol etmeniz ya da Resimler Klasörüne erişmeniz (Image Gallery) mümkündür.

Cordova Camera Plugin Kurulumu

İçerik

Aşağıdaki komutla kurulumu gerçekleştirebilirsiniz.

C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-camera

Button ve Resim eklemek için aşağıdaki yapıyı kullanın. (HTML Dosyasında)

<button id = "cameraTakePicture">Fotoğraf Çek</button>
<img id = "myImage"></img>

Event Listener ekleyerek Fotoğraf Çekme İşlemini tetikleyelim. (javascript uzantılı dosyamızın onDeviceReady fonksiyonun içerisine yazıyoruz)

document.getElementById("cameraTakePicture").addEventListener
   ("click", cameraTakePicture);

Cordova ile Fotoğraf Çekme

Şimdi esas Fotoğraf çekme fonksiyonunu yazacağız. Yukarıda dikkat ettiyseniz cameraTekePicture fonksiyonunu çağırmıştık. Sıra fonksiyonu yazmaya geldi. Ana fonksiyona ek olarak onSuccess ve onFaid fonksiyonlarına dikkat edin.

function cameraTakePicture() {
   navigator.camera.getPicture(onSuccess, onFail, { 
      quality: 50,
      destinationType: Camera.DestinationType.DATA_URL
   });

   function onSuccess(imageData) {
      var image = document.getElementById('myImage');
      image.src = "data:image/jpeg;base64," + imageData;
   }

   function onFail(message) {
      alert('Fotoğraf Çekmede Hata Meydana Geldi Çünkü: ' + message);
   }
}

Evet bu kadar kolay mı? Cordova ile kolay 🙂

Şimdi Ek parametrelere göz atalım.

Cordova Kamera Eklentisi Parametreleri

SN Parameter & Details
1 quality

Kalite aralığı belirler. 0-100 arası değer alır. Default 50’dir.

2 destinationType

DATA_URL veya 0 base64 encoded string olarak dönüş yapar.

FILE_URI veya 1 resim dosyası URI geri döndürür.

NATIVE_URI veya Native resim dosyası URI’sini geri döndürür.

3 sourceType

PHOTOLIBRARY veya 0 photo library’i açar.

CAMERA veya 1 cihazınızın native kamerasını açar.

SAVEDPHOTOALBUM veya 2 kaydedilmiş resimler albümünü açar

4 allowEdit

Resim düzenlemeye izin verir

5 encodingType

JPEG veya 0 JPEG olarak encode eder.

PNG veya 1 PNG olarak encode eder

6 targetWidth

Resmin genişliğini ayarlar

 

7 targetHeight

Resmin yüksekliğini ayarlar

8 mediaType

PICTURE veya 0 Resim çekme

VIDEO veya 1 Video çekme

ALLMEDIA veya 2 Tüm media türlerini destekler

9 correctOrientation

 

10 saveToPhotoAlbum

Çekilen resmi Fotoğraf Albümüne Kaydeder.

 

11 popoverOptions

iOS popover locasyonunu belirler

 

12 cameraDirection

FRONT veya 0 ön kamerayı seçer.

BACK veya 1 arka kamerayı seçer.

ALLMEDIA

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir