Como criar App com camera, gravar videos com React Native 🔥

  Рет қаралды 3,941

Sujeito programador

Sujeito programador

4 ай бұрын

Nesse video você vai aprender a criar um aplicativo com camera, como gravar videos, como salvar videos gravados, montar a camera dentro do app com React Native Vision Camera passo a passo.
🏆 Se você quer levar a sua carreira ao próximo nível, criar sistemas web, sites do zero a projetos profissionais e sair pronto para o mercado:
✅ Lembrando as vagas são LIMITADAS:
bit.ly/Fullsta...
👉 Aprenda desenvolver aplicativos do zero ao profissional:
bit.ly/fabricad...
👉 Curso completo UI e UX - Figma:
sujeitoprogram...
★ SEJA MEMBRO e tenha acesso a videos exclusivos e antecipados no canal:
/ @sujeitoprogramador
-------------------------------------
👉 Veja outros vídeos:
★ Criando primeiro projeto no React JS:
• CRIANDO PROJETO DO ZER...
★ Criando primeiro aplicativo com React Native:
• Criando um aplicativo ...

Пікірлер: 31
@silviosantosbr
@silviosantosbr 4 ай бұрын
Fala Mateus. Um desafio interessante: App de câmera que possibilite recortar a foto (fotografada ou da galeria) e fazer upload para um servidor, semelhante ao que se faz com a foto de perfil das redes sociais.!
@thiagohenrique0810
@thiagohenrique0810 18 күн бұрын
tou maratonando teus videos, me atualizando com o desenvolvimento mobile, antes era so desktop com no maximo um layout responsivo
@valeriadepaulo
@valeriadepaulo 4 ай бұрын
Matheus, comprei seu curso e foi a melhor coisa que fiz, consegui terminar meu TCC, que foi sobre o desenvolvimento de um roteirizador de entregas, entendi muitas coisas na criação de web app com as suas explicações...meu muito obrigada!
@Sujeitoprogramador
@Sujeitoprogramador 4 ай бұрын
Showw dmais gratidão 🔥🔥🔥
@BestRebolation
@BestRebolation 4 ай бұрын
adoro seus conteudos. Pratico, sem palavras dificeis para parecer superior igual a outros youtubers. Parabens!
@Domcasmurr0
@Domcasmurr0 4 ай бұрын
Ótima aula! Parabéns pelo conteúdo.
@johnbr3431
@johnbr3431 4 ай бұрын
Meu sonho é o Matheus começar a dar aulas de Flutter 🥺 eu aprenderia mt facil
@markus_dev_cwb
@markus_dev_cwb 4 ай бұрын
Fantástico mestre!
@Sujeitoprogramador
@Sujeitoprogramador 4 ай бұрын
Tamo junto demais 🔥🔥
@IcaroWuandson
@IcaroWuandson 4 ай бұрын
Estava mesmo precisando
@victorc.4532
@victorc.4532 4 ай бұрын
Mateus! muito obrigado pelo vídeo! tenho uma dúvida, se puder me esclarecer, ficarei muito grato: gostaria de criar um app nesse formato com a câmera, mas que dentro do app existissem tipo pastas que eu pudesse escolher para salvar essas fotos dentro do app. Por exemplo, eu tiro uma foto do meu caderno de história e eu jogo para uma biblioteca só de fotos de história no app. Isso é possível com o Reactive Native? Obrigado pela atenção.
@jefinhoribeiro6915
@jefinhoribeiro6915 4 ай бұрын
Muito bom. Você tem algum vídeo ensinando a desenvolver interface android estilo a netflix ?
@marcusnonato5011
@marcusnonato5011 4 ай бұрын
monstro!!
@TudoXbox
@TudoXbox Ай бұрын
Criei um app mais ele fecha quando abre o apk, notei que ele não aparece as permissão de uso de internet pasta, como ativo isso no expo e react
@matrixtiti2
@matrixtiti2 4 ай бұрын
Matheus, sobre o curso de aplicativo com react native, sera usado expo ou cli duranta as aulas?
@Sujeitoprogramador
@Sujeitoprogramador 4 ай бұрын
Dentro do curso ensinamos como seguir o curso tanto com CLI quanto com Expo 🔥
@alansillva5410
@alansillva5410 4 ай бұрын
Fala Mateus, precisa ter o Java instalado no PC? e a JDK?
@NetSolutionMogi
@NetSolutionMogi 4 ай бұрын
Mutio Show Video Tem Como Criar Video Ler QrCode Tbm
@Sujeitoprogramador
@Sujeitoprogramador 4 ай бұрын
Tem sim, confere aqui: react-native-vision-camera.com/docs/guides/code-scanning
@DroidGamerBR
@DroidGamerBR 4 ай бұрын
Qual seria a diferença entre esse e o Expo-camera?
@marcelorafael23
@marcelorafael23 4 ай бұрын
🔥🔥🔥
@marcosgiovanni9682
@marcosgiovanni9682 4 ай бұрын
Matheus boa tarde poderia me dar um suporte, estou fazendo um projeto de Iot com ESP32 e uma App em React Native para ligar um Led uma automação residencial, usando Websocket nativo o mesmo modelo usado nos Browser o padrão do React mas quando gero o APK pelo EXPO ela nao roda no Android fisico , mas funciona no emulador Web e no emulador Android com servidor EXPO tenho algum ajuste ou permissão para acessar a Rede Wifi ou Ethernet estou usando Websocket , ja tentei varias possibilidades e nao consegui nao quero desistir do projeto estou montando o peojeto com EXPO, quando usa o EXPO nao temos acesso ao arquivo manifest mas tentei colocar estas autenticaçoes no app.josn mas nao funciona , fora do servidor EXPO nao funciona mesmo gerando o .APK, desde ja agradeço.
@pedrolovatto1753
@pedrolovatto1753 2 ай бұрын
6:34 o meu sempre dá erro na hora de rodar o comando npx expo run: android usuario@usuario-A88 ~/Área de Trabalho/Tecnoamf/Projeto Reconhecimento Facial/React Native/app_face $ npx expo run:android › Building app... Configuration on demand is an incubating feature. > Configure project :expo Using expo modules - expo-asset (10.0.6) - expo-constants (16.0.1) - expo-file-system (17.0.1) - expo-font (12.0.5) - expo-keep-awake (13.0.2) - expo-modules-core (1.12.11) > Configure project :react-native-vision-camera [VisionCamera] Thank you for using VisionCamera ❤ [VisionCamera] If you enjoy using VisionCamera, please consider sponsoring this project: github.com/sponsors/mrousavy [VisionCamera] node_modules found at /home/usuario/Área de Trabalho/Tecnoamf/Projeto Reconhecimento Facial/React Native/app_face/node_modules [VisionCamera] VisionCamera_enableFrameProcessors is set to true! [VisionCamera] react-native-worklets-core not found, Frame Processors are disabled! [VisionCamera] VisionCamera_enableCodeScanner is set to false! > Task :expo-modules-core:compileDebugJavaWithJavac Note: Some input files use or override a deprecated API. Note: Recompile with -Xlint:deprecation for details. Note: Some input files use unchecked or unsafe operations. Note: Recompile with -Xlint:unchecked for details. > Task :react-native-vision-camera:compileDebugKotlin FAILED e: file:///home/usuario/%C3%81rea%20de%20Trabalho/Tecnoamf/Projeto%20Reconhecimento%20Facial/React%20Native/app_face/node_modules/react-native-vision-camera/android/src/main/java/com/mrousavy/camera/frameprocessors/VisionCameraProxy.kt:31:79 This API is provided only for React Native frameworks and not intended for general users. This API can change between minor versions in alignment with React Native frameworks and won't be considered a breaking change. e: file:///home/usuario/%C3%81rea%20de%20Trabalho/Tecnoamf/Projeto%20Reconhecimento%20Facial/React%20Native/app_face/node_modules/react-native-vision-camera/android/src/main/java/com/mrousavy/camera/frameprocessors/VisionCameraProxy.kt:36:19 This API is provided only for React Native frameworks and not intended for general users. This API can change between minor versions in alignment with React Native frameworks and won't be considered a breaking change. e: file:///home/usuario/%C3%81rea%20de%20Trabalho/Tecnoamf/Projeto%20Reconhecimento%20Facial/React%20Native/app_face/node_modules/react-native-vision-camera/android/src/main/java/com/mrousavy/camera/frameprocessors/VisionCameraProxy.kt:36:47 This API is provided only for React Native frameworks and not intended for general users. This API can change between minor versions in alignment with React Native frameworks and won't be considered a breaking change. e: file:///home/usuario/%C3%81rea%20de%20Trabalho/Tecnoamf/Projeto%20Reconhecimento%20Facial/React%20Native/app_face/node_modules/react-native-vision-camera/android/src/main/java/com/mrousavy/camera/frameprocessors/VisionCameraProxy.kt:75:73 This API is provided only for React Native frameworks and not intended for general users. This API can change between minor versions in alignment with React Native frameworks and won't be considered a breaking change. FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':react-native-vision-camera:compileDebugKotlin'. > A failure occurred while executing org.jetbrains.kotlin.compilerRunner.GradleCompilerRunnerWithWorkers$GradleKotlinCompilerWorkAction > Compilation error. See log for more details * Try: > Run with --stacktrace option to get the stack trace. > Run with --info or --debug option to get more log output. > Run with --scan to get full insights. > Get more help at help.gradle.org. BUILD FAILED in 17s 176 actionable tasks: 42 executed, 3 from cache, 131 up-to-date Error: /home/usuario/Área de Trabalho/Tecnoamf/Projeto Reconhecimento Facial/React Native/app_face/android/gradlew app:assembleDebug -x lint -x test --configure-on-demand --build-cache -PreactNativeDevServerPort=8081 -PreactNativeArchitectures=x86_64,arm64-v8a exited with non-zero code: 1 Error: /home/usuario/Área de Trabalho/Tecnoamf/Projeto Reconhecimento Facial/React Native/app_face/android/gradlew app:assembleDebug -x lint -x test --configure-on-demand --build-cache -PreactNativeDevServerPort=8081 -PreactNativeArchitectures=x86_64,arm64-v8a exited with non-zero code: 1 at ChildProcess.completionListener (/home/usuario/Área de Trabalho/Tecnoamf/Projeto Reconhecimento Facial/React Native/app_face/node_modules/@expo/spawn-async/build/spawnAsync.js:42:23) at Object.onceWrapper (node:events:629:26) at ChildProcess.emit (node:events:514:28) at maybeClose (node:internal/child_process:1105:16) at ChildProcess._handle.onexit (node:internal/child_process:305:5) ... at spawnAsync (/home/usuario/Área de Trabalho/Tecnoamf/Projeto Reconhecimento Facial/React Native/app_face/node_modules/@expo/spawn-async/build/spawnAsync.js:7:23) at spawnGradleAsync (/home/usuario/Área de Trabalho/Tecnoamf/Projeto Reconhecimento Facial/React Native/app_face/node_modules/@expo/cli/build/src/start/platforms/android/gradle.js:96:48) at assembleAsync (/home/usuario/Área de Trabalho/Tecnoamf/Projeto Reconhecimento Facial/React Native/app_face/node_modules/@expo/cli/build/src/start/platforms/android/gradle.js:74:18) at runAndroidAsync (/home/usuario/Área de Trabalho/Tecnoamf/Projeto Reconhecimento Facial/React Native/app_face/node_modules/@expo/cli/build/src/run/android/runAndroidAsync.js:45:37
@ronaldodametto480
@ronaldodametto480 2 ай бұрын
comigo tbem! Infelizmente
@kauaferreira6721
@kauaferreira6721 2 ай бұрын
@@ronaldodametto480 vcs conseguiram resolver?
@developerjs-jr8237
@developerjs-jr8237 Ай бұрын
Só por desencargo de consciência, tenta colocar a pasta Projeto Reconhecimento em documentos e alterar suas pastas que tem espaços por underline _
@sombrakey
@sombrakey 4 ай бұрын
Muito bom o vídeo! Mas essa lib tem muito bug :S
@Sujeitoprogramador
@Sujeitoprogramador 4 ай бұрын
Essa vision camera foi toda reescrita e ainda com algumas coisas da nova arquitetura do react native, pra camera e dentro do app é a mais completa no mercado o que acontece a maioria não são nem bugs são coisas chatinhas na configuração infelizmente haha
@zolldickillua2785
@zolldickillua2785 3 ай бұрын
Absurdo cara qte o conteúdo gratuito da de 10 q zero em muitos cursos
@MartJ527
@MartJ527 3 ай бұрын
Com essa câmera é possível leitura de código de barras e QRCode?
@Sujeitoprogramador
@Sujeitoprogramador 3 ай бұрын
Sim 🤟
5 React Native Tips to WOW Your Users
16:36
Simon Grimm
Рет қаралды 20 М.
React Native vs Flutter in 2024 - Make the RIGHT Choice (Difference Explained)
10:31
Daniel Dan | Tech & Data
Рет қаралды 163 М.
Stay on your way 🛤️✨
00:34
A4
Рет қаралды 31 МЛН
Harley Quinn lost the Joker forever!!!#Harley Quinn #joker
00:19
Harley Quinn with the Joker
Рет қаралды 24 МЛН
Get 10 Mega Boxes OR 60 Starr Drops!!
01:39
Brawl Stars
Рет қаралды 10 МЛН
Challenge matching picture with Alfredo Larin family! 😁
00:21
BigSchool
Рет қаралды 15 МЛН
Criar Gráficos no React Native de forma fácil 👌
26:04
Sujeito programador
Рет қаралды 2,5 М.
From React to React Native in 12 Minutes
12:33
Simon Grimm
Рет қаралды 10 М.
This UI component library is mind-blowing
8:23
Beyond Fireship
Рет қаралды 646 М.
Como manipular PDF com React Native de forma fácil 👌
22:44
Sujeito programador
Рет қаралды 2,4 М.
Aprenda useReducer de uma vez por todas com React JS🔥
32:30
Sujeito programador
Рет қаралды 6 М.
I forced EVERYONE to use Linux
22:59
NetworkChuck
Рет қаралды 346 М.
Criando tela de login + Animações com React Native
31:10
Sujeito programador
Рет қаралды 53 М.
GUIA COMPLETO EXPO ROUTER DO ZERO🔥#reactnative
29:21
Sujeito programador
Рет қаралды 13 М.
I built the same app 10 times // Which JS Framework is best?
21:58
Fireship
Рет қаралды 2,5 МЛН
Stay on your way 🛤️✨
00:34
A4
Рет қаралды 31 МЛН