0

Estou tentando fazer um "Hello World" em cordova, trata-se de uma tela com um botão que aciona a camera, não é necessario fazer nada a mais, basta acionar a camera. os passos que segui.

  1. cordova create hello com.bruno.hello hello
  2. cd hello
  3. cordova plataforms add android
  4. cordova build
  5. npm install cordova-plugin-camera
  6. editei o index.html como mostro no trecho abaixo
 <script type="text/javascript">
    function teste(){
       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('Failed because: ' + message);
      }
 </script>
  <button onclick="teste(); ">TESTAR</button>
  1. cordova run android

O emulador e carregado com o botão, mas quando aperto, nada acontece

tentei seguir o exemplho do link https://cordova.apache.org/docs/en/1.6.1/cordova/camera/camera.getPicture.html

sem sucesso

estou usando o Windows 10 64bits

8
  • Uma dúvida, já tentou rodar em um dispositivo real? Tive problemas com o Cordova rodando na máquina virtual da SDK. Plugue o dispositivo, habilite a depuração por USB e tenha os drivers instalados, depois rode cordova run android
    – user35937
    3/12/2015 às 0:23
  • @RenanCavalieri tentei sim, porem com o phonegap developer, nao sei se é a mesma coisa, mas rodou o app com o mesmo problema 3/12/2015 às 0:27
  • Nesse caso então resta saber se você colocou permissões pro seu aplicativo, cheque esses arquivos e veja se possuem as seguintes linhas cordova.apache.org/docs/en/2.5.0/cordova/camera/camera.html
    – user35937
    3/12/2015 às 0:31
  • @RenanCavalieri isso é no AndroidManifest???? 3/12/2015 às 0:50
  • Sim, apesar dessa documentação estar desatualizada, os caminhos são os mesmos, ao menos eram até a versão 4.0 que foi a qual eu utilizei.
    – user35937
    3/12/2015 às 0:59

2 Respostas 2

1

Ao invés de usar o parâmetro Camera.DestinationType.DATA_URL use Camera.DestinationType.FILE_URI por problemas de memoria já conhecido. ai ficaria assim:

function onSuccess(uriSrc) {
   var image = document.getElementById('myImage');
   image.src = uriSrc;
}

2
  • exato, eu estou iniciando, e deconhecia a estrutura basica, depois de um tempo maior estudando eu encontrei, muito obrigado pela ajuda 18/12/2015 às 0:49
  • Que bom que deu certo. 18/12/2015 às 11:43
0

Se você está usando a versão mais recente do Cordova, verifique no index.html se consta a seguinte linha:

<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; media-src  *">

Esse recurso foi introduzido nas últimas versões, e serve para evitar acessos indesejados ao seu aplicativo. Tive esse mesmo problema, e quando excluí a linha funcionou normalmente.

Nesse link tem uma descrição melhor sobre o assunto: http://www.raymondcamden.com/2015/05/25/important-information-about-cordova-5

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .