Camera 3 sample

Compile, convierta sus modernas apps y juegos HTML en programas ejecutables sin dependencias para Microsoft Windows.

Los plugins oficiales de Apache Cordova se incluyen de serie y hay cientos de ellos disponibles para su uso.

¡Eche un vistazo a algunas de preguntas más frecuentes sobre nosotros y nuestros productos!

¡Eche un vistazo a nuestro canal de YouTube y suscríbase para recibir notificaciones sobre nuevos vídeos!

Ahorre dinero comprando nuestros paquetes de NeoPlugins. ¡Cinco, Diez e incluso nuestra colección entera a un precio increíble!

DecSoft HTML Compiler incluye un conveniente Compilador por línea de comandos para compilar sus apps desde la consola.

Cree apps multiplataforma con DecSoft App Builder, incluyendo Android e iOS, con la misma base de código.

DecSoft HTML Compiler es fácil de usar: personalize su proyecto y compile sus apps y sus juegos rápidamente.

Cree modernas apps y juegos HTML a otro nivel haciendo cosas que incluso las modernas apps y juegos HTML no pueden.

Ahorre tiempo, recursos y dinero creando apps para Android, iOS y más con la misma base de código.

DecSoft App Builder incluye un conveniente Compilador por línea de comandos para compilar sus apps desde la consola.

DecSoft App Builder integra un asistente de Open AI para ayudarle mientras desarrolla sus apps.

Los NeoPlugins de DecSoft tienen versiones "designtime" y "runtime" para reducir el tamaño de sus apps.

Cree apps y expanda sus capacidades usando el lenguaje más popular del mundo: Javascript.

DecSoft NeoPlugins pone sus proyectos de VisualNeo en otro nivel con +1.000 nuevas acciones para sus apps.

Diseñe para pantallas pequeñas y distribuya también (sin cambios) en dispositivos como tablets.

Peter Bradstreet

Hi David, I am at a point where I need to incorporate using a picked photo or taken photo from a phone in the app and am looking at the Camera 3 sample. I figured that I would throw the sample on my phone using Phonegap build to see what it looked like but Phonegap build is giving the error:

PhoneGap cli-9.0.0 not supported

. Do you think that this is a Phonegap build issue or an AB issue? Cheers, Pete

Peter Bradstreet

False alarm, I copied the sample code into my app and it compiled phonegap build with no issue and is working in my app. Cheers, Pete

DecSoft

Well... let us time to try to say something! But glad to know that you got it, Peter. :-)

Purchase one or more licenses of our products if they are useful to you!

DecSoft

May finally I can say something... but just for your information. Certainly the Camera plugin of Cordova works like a charm, but, if we can use an Input File... maybe it's enough... and doing this, our app can work (at least in this aspect) in all the platforms and browsers. But it's completely up to you and your needs, Peter.

Purchase one or more licenses of our products if they are useful to you!

Tinn Aphopchung

But Input File.. have a problem with photo orientation on many device (samsung,huawei,xiaomi,etc.).You need to fix by read exif data in photo to determine what the real orientation is.Camera have a problem too,but can be fix by config.

DecSoft

Hello Tin,

Certainly, sometimes the taken picture must be "fixed" in the server side, for example: I remember that we use some PHP code in order to do it, if anyone is interested, may I can copy it here. The Input file have the advantage of the multiplatform. If we "only" target platforms like Android and iOS, then certainly we can choose whatever we wanted: the Camera plugin or the Input file. Not to mention that we can may use both approaches, determining the platform in which our app is running.

Purchase one or more licenses of our products if they are useful to you!

Tinn Aphopchung

Yes, David. Please copy your server side solution too for other people who have the same problem.

For a solution on client side to show image as it expect is to use javascript 'load-image.js' by insert function before image show

var loadingImage = loadImage(
        image_up,
        function (img) {
          //console.log(img);
            //document.body.appendChild(img);
            $('#Image1').attr('src', img.toDataURL());
        },
        {
          maxWidth: 2000,
          maxHeight:2000,
         orientation:true
        }
    );

here is a js file that have loadImage function.

http://ultri.top/nfnIX

ref :

https://github.com/blueimp/JavaScript-Load-Image

https://output.jsbin.com/lozonuy/

DecSoft

Hello to all,

Thanks for sharing that stuff here, Tin. Here is a PHP function that can be used for uploaded images. Unfortunatelly I can't credit the author of the code. I did not remember where I get... or where I get the idea, at least... I remember I modify it a bit... :-(

/**
 * This function can be used when the app take the pictures from the
 * input file, and not the Cordova's Camera plugin.
 * 
 */
function correctImage($image_file_path) 
{
  $info = getimagesize($image_file_path);
  $mime = $info['mime'];
  
  switch ($mime) {
    case 'image/jpeg':
      $image_create_func = 'imagecreatefromjpeg';
      $image_save_func = 'imagejpeg';
      $new_image_ext = 'jpg';
      break;

    case 'image/png':
      $image_create_func = 'imagecreatefrompng';
      $image_save_func = 'imagepng';
      $new_image_ext = 'png';
      break;

    case 'image/gif':
      $image_create_func = 'imagecreatefromgif';
      $image_save_func = 'imagegif';
      $new_image_ext = 'gif';
      break;

    default: 
      return false;
  }

  $img = $image_create_func($image_file_path);
  
  $exif = exif_read_data($image_file_path);
  if (!empty($exif['Orientation'])) {
    switch ($exif['Orientation']) {
      case 3:
        $img = imagerotate($img, 180, 0);
        break;
      case 6:
        $img = imagerotate($img, -90, 0);
        break;
      case 8:
        $img = imagerotate($img, 90, 0);
        break;
    }
  }          
  
  list($width, $height) = getimagesize($image_file_path);
  $tmp = imagecreatetruecolor($width, $height);
  imagecopyresampled($tmp, $img, 0, 0, 0, 0, $width, $width, $width, $height);

  return $image_save_func($tmp, $image_file_path);
}

Purchase one or more licenses of our products if they are useful to you!

Todo el mundo puede leer el foro de soporte de DecSoft para aprender del mismo, sin embargo, sólo los clientes de DecSoft pueden abrir nuevos hilos. Compre una o más licencias de productos de DecSoft y obtendrá este y otros beneficios.