nativescript camera plus

Nativescript Camera Plus

Uma câmera Nativescript com todos os sinos e assobios que podem ser incorporados dentro de uma vista. Este plugin foi patrocinado pela Liveshopper

Você precisa de assistência no seu projeto ou plugin? Entre em contato com a equipe do NSTUDIO a qualquer momento em [email protected] para se atualizar com as melhores práticas no desenvolvimento de aplicativos móveis e da Web.

---

Instalação

tns plugin add @nstudio/nativescript-camera-plus

Nota:- Android, adicione o seguinte ao seu app.gradle

 android {
.. .
 compileOptions {
       sourceCompatibility JavaVersion . VERSION_1_8
       targetCompatibility JavaVersion . VERSION_1_8
   }
}

Amostra

Sim, a câmera é girada porque é uma webcam para um emulador e é assim que a vida funciona

Demonstração

Os aplicativos de demonstração funcionam melhor quando são executados em um dispositivo real. Você pode iniciá -los no simulador/emulador, no entanto, a câmera não funciona nos simuladores iOS. Os emuladores do Android trabalharão com câmeras se você habilitar sua webcam.

Nota do emulador Android

A câmera da sua webcam usada nos emuladores provavelmente será girada de lado (incorretamente). A saída da câmera real será orientada corretamente, é apenas a visualização dos emuladores que apresentam a visualização incorretamente. Esse problema não deve estar presente em dispositivos reais devido à orientação da câmera corretamente no dispositivo vs. uma webcam em um computador.

Execute uma demonstração de baunilha

Conecte o dispositivo em então:

npm run demo.ios
// or...
npm run demo.android

Execute uma demonstração angular

Conecte o dispositivo em então:

npm run demo.ng.ios
// or...
npm run demo.ng.android

Propriedades

Nome	Tipo	Padrão	Descrição
depurar	booleano	falso	Se os logs verdadeiros serão emitidos no console para ajudar a depurar os eventos da câmera Plus.
Confirmphotos	booleano	verdadeiro	Se True, o evento de fotografia padrão apresentará uma caixa de diálogo de confirmação antes de salvar.
ConfirmretakeText	corda	'Retomar'	Ao confirmar a captura, este texto será apresentado ao usuário para retomar a foto.
confirmsaveText	corda	'Salvar'	Ao confirmar a captura, este texto será apresentado ao usuário para salvar a foto.
SaveTogallery	booleano	verdadeiro	Se TRUE, o evento de fotografia padrão salvará na galeria de dispositivos.
GalleryPickermode	corda	'múltiplo'	O modo de seleção da galeria/biblioteca. 'Single' permite que uma imagem seja selecionada. 'Múltiplo' permite várias imagens.
Showflashicon	booleano	verdadeiro	Se true, o ícone/botão de alternância do flash padrão será exibido no layout da câmera Plus.
ShowToggleicon	booleano	verdadeiro	Se True, o botão do ícone da câmera padrão (frontal/traseiro) será exibido na câmera Plus Layout.
ShowCaptureiCon	booleano	verdadeiro	Se true o ícone/botão de captura padrão (retire a foto) será exibido no layout da câmera Plus.
Showgalleryicon	booleano	verdadeiro	Se true a escolha do ícone/Botão da Galeria/Biblioteca será exibida no layout da câmera Plus.
EnableVideo	booleano	Fale	Se True, a instância de CameraPlus pode gravar vídeos e vídeos forem mostrados na galeria.

Propriedades estáticas

NOTA: Essas propriedades precisam definir antes da inicialização da câmera. Os usuários devem defini -los em um construtor de componentes antes que sua visualização crie o componente se o desejo de alterar os valores padrão. No caso do EnableVideo, isso será verdadeiro se a propriedade estática ou a propriedade componente for verdadeira.

Nome	Tipo	Descrição
EnableVideo	booleano	Suporte ao vídeo (desligado por padrão). Pode redefini -lo antes de usar em vistas diferentes se quiserem ir/sair entre foto/câmera e vídeo/câmera
DefaultCamera	Cameratipos	Padrão a câmera corretamente no lançamento. 'rear' padrão. 'front' ou 'rear'

Android apenas propriedades

Nome	Tipo	Descrição
flashonicon	corda	Nome de app_resource desenhado para o botão de imagem nativa quando o flash estiver ligado (ativado).
flashofficon	corda	Nome de app_resource desenhado para o botão de imagem nativa quando o flash estiver desativado (desativado).
TogGleCameraicon	corda	Nome de app_resource desenhado para o botão de câmera alternância.
Takeicicon	corda	Nome do App_Resource Drawable para o botão Take Picture (Capture).
Gallero	corda	Nome de app_resource desenhado para o botão Open Gallery (biblioteca de imagens).
foco automático	booleano	Se True, a câmera usará foco contínuo quando a câmera detectar alterações do alvo.

apenas propriedades do iOS

Nome	Tipo	Descrição
Doubletapcameraswitch	booleano	Ative/desative o gesto de toque duplo para trocar de câmera. (habilitado)

Métodos públicos de plataforma cruzada

Método	Descrição
iscameraavilable ()	Retorna true se o dispositivo tiver pelo menos uma câmera.
Toggleflash ()	Atrave o modo flash na câmera ativa.
TogGleCamera ()	Alterna a câmera ativa no dispositivo.
Escolha Fromlibrary (OPTS?: ichooseoptions)	Abre a galeria de dispositivos (biblioteca de imagens) para selecionar imagens.
TakePicture (Opts?: IcapTureOptions)	Tira uma foto da visualização atual no CameraPlus.
getFlashMode (): String	Android: Várias Strings Possíveis: https://developer.android.com/reference/android/hardware/camera.parameters.html#getflashmode () iOS: ou 'on' ou 'off'
Registro (Opts?: Ivideoootions)	Começa a gravar um vídeo.
parar()	Pare a gravação de vídeo, quando interrompida, o evento videoRecordingReadyEvent será emitido.

Android apenas métodos públicos

Método	Descrição
RequestCameRapermissions (ExplicationText?: String)	Solicita ao usuário conceder permissão de tempo de execução para usar a câmera do dispositivo. Retorna uma promessa.
HascameraPermission ()	Retorna true se o aplicativo tiver recebido acesso à câmera do dispositivo.
RequestStoragePermissions (ExplicationText?: String)	Solicita que o usuário conceda permissão de tempo de execução para usar o armazenamento externo para salvar e abrir imagens da galeria de dispositivos. Retorna uma promessa.
HasStorageperMissions ()	Retorna true se o aplicativo tiver recebido acesso ao armazenamento do dispositivo.
GetNumberOfcameras ()	Retorna o número de câmeras no dispositivo.
Hasflash ()	Retorna true se a câmera ativa tiver um modo de flash.

Eventos

Nome	Descrição
ErroRevent	Executa quando um erro é emitido da CameraPlus
fotocapptureEvent	Executa quando uma foto é tirada.
TogGleCameraEvent	Executa quando a câmera do dispositivo é alternada.
ImagesselectedEvent	Executa quando as imagens são selecionadas na biblioteca/galeria do dispositivo.
videorecordingingstartEdEvent	Executa quando o vídeo começa a gravar.
videorecordingfinishedEvent	Executa quando o vídeo para de gravar, mas ainda não processou.
videorEcordingingReadyEvent	Executa quando o vídeo é concluído e está pronto para ser usado.
ConfirmsCreensHowowevent	Executa quando a imagem confirma a caixa de diálogo é mostrada ..
ConfirmCreendismissisEdEvent	Executa quando a imagem Confirme a caixa de diálogo é descartada pelo botão Retom ou salvar.

Interfaces de opção

 export interface ICameraOptions {
  confirm ?: boolean ;
  saveToGallery ?: boolean ;
  keepAspectRatio ?: boolean ;
  height ?: number ;
  width ?: number ;
  autoSquareCrop ?: boolean ;
  confirmRetakeText ?: string ;
  confirmSaveText ?: string ;
} 

 export interface IChooseOptions {
  width ?: number ;
  height ?: number ;
  keepAspectRatio ?: boolean ;
  showImages ?:  boolean ;
  showVideos ?: boolean ;
} 

 export interface IVideoOptions {
  quality ?: CameraVideoQuality ;
  confirm ?: boolean ;
  saveToGallery ?: boolean ;
  height ?: number ;
  width ?: number ;
  disableHEVC ?: boolean ;
  androidMaxVideoBitRate ?: number ;
  androidMaxFrameRate ?: number ;
  androidMaxAudioBitRate ?: number ;
}

Contribuindo

1. Garfo e clonar o repositório.
2. Execute npm run dev.setup na raiz do repo em seu clone.
3. Execute npm run demo.android ou npm run demo.ios para iniciar o aplicativo Demo na plataforma fornecida. Se você tiver um dispositivo conectado ao seu computador, ele deve iniciar o aplicativo no dispositivo. Caso contrário, um emulador/simulador deve iniciar.
4. Por fim, você poderá fazer alterações nos arquivos de origem no diretório src do plug -in e alterações sincronizadas com o seu aplicativo de demonstração em execução.