Thunkable Docs
Build an AppDrag and Drop DocsSnap to Place DocsAcademy
Drag and Drop
Drag and Drop
  • What is Thunkable?
  • 🗺️Getting Started
    • Getting Started Guide
    • Keyboard Shortcuts
    • Undo Redo
    • Thunkable Account
      • Account Management
    • Preview and Test your App
    • Versioning
    • Data Sources
      • Google Sheets Data Source
      • Airtable Data Source
      • Webflow Data Source
      • Local Table Data Source
    • Project Collaboration
      • Organizations
    • 🎓Sample Apps & Tutorials
      • Thunkable Community Forums
      • Sample Apps
      • Video Tutorials
        • Thunkable Live App
          • How to Test and Troubleshoot with Thunkable Live App
        • Data Source Tutorials
          • Connecting to Data Sources
            • Google Sheets
            • Local Table
          • Create Data in a Thunkable Data Source
          • Read Data in a Thunkable Data Source
          • Update Data in a Thunkable Data Source
          • Delete Data in a Thunkable Data Source
        • User Auth & Management
          • Firebase
            • User Sign-Up, Sign-In, and Auth
            • User Sign Out and Password Reset
          • Google
            • User Sign-Up, Sign-In, Sign-Out, and Auth
          • Apple
            • User Sign-Up, Sign-In, Sign-Out, and Auth
        • Projects
          • How to Save Versions of Your Thunkable Project
          • How to Copy and Customize Public or Sample Thunkable Projects
        • User Interface & Design
          • Screens
            • Save and Reuse Thunkable Screens
            • Change Thunkable Screens with a Button Click
            • Create Scrollable Screens in Your Thunkable App
          • Navigators
            • How to Use the Thunkable Stack Navigator
            • How to Use Thunkable Top and Bottom Tab Navigators
            • How to Use the Thunkable Drawer Navigator
            • Combine Figma Frames with Thunkable Navigators
          • Components
            • How to Use the Visibility Property to Create Modals in Thunkable
          • Data Visualization
            • Customize a Data Viewer
          • Text
            • Implement Text Input Validation
        • Alerts & Notifications
          • Display Alert Messages in Your Thunkable App
          • How to Create Three-Button Alert Messages
        • Files
          • Cloudinary
            • Store and Access Cloudinary Files in Your Thunkable App
        • Camera
          • How to Use the Device’s Camera
          • How to Use the Device’s Video Camera
          • Use the Device’s Camera as a QR or Barcode Scanner
        • Realtime Databases
          • Firebase
            • How to Read Data in a Firebase Realtime Database
            • How to Update Data in a Firebase Realtime Database
        • Advanced Blocks
          • Connect Your Thunkable App to a Web API
        • Thunkable Academy
          • Building Your First Thunkable App
            • Getting Started with Thunkable
            • How to Design a Thunkable App
            • How to Connect a Thunkable App to a Data Source
            • How to Make A Thunkable App Interactive with Blocks
          • Thunkable No Code App Creation Basics
            • Thunkable UI Components and App Features
            • Understanding Thunkable's Drag and Drop Block Builder
            • Design, Develop, Debug, and Deploy Your App
        • Hour of Code
          • 2021 - Build an Informational App
          • 2022 - Build a Scavenger Hunt App
          • 2023 - Build a Translator and Text-to-Speech App
        • App Building
          • How to Build a Translation App in Thunkable
          • How to Create an Image Recognition App with Thunkable
          • How to Create a Text-to-Speech App in Thunkable
  • 🎨App Design
    • User Interface (UI) Components
      • Basic Components
        • Button Component
        • Label Component
        • Rich Text Component
        • Image Component
        • Text Input Component
        • Layout Component
        • Group Component
      • Data Components
        • Simple List Component
        • Data Viewer Components
          • Data Viewer List Component
          • Data Viewer Grid Component
          • Custom Data Viewer
      • Input Components
        • Switch Component
        • Slider Component
        • Checkbox Component
        • Date Input Component
        • Time Input Component
      • Media Components
        • Animation Component
        • Video Component
        • Loading Icon Component
      • Embed Components
        • Web Viewer Component
        • Map Component
        • Canvas Component
        • PDF Reader Component
        • Rating Component
      • Modules
        • Introduction
        • User Guide
      • Generative AI
    • Screens
      • Save and Reuse Screens
      • Improve Thunkable Load Time
    • Navigators
      • Top Tab Navigator
      • Bottom Tab Navigator
      • Drawer Navigator
      • Stack Navigator
    • Figma Integration
  • 🛠️Blocks
    • Thunkable Blocks Overview
    • Core Blocks
      • Control Blocks
      • Logic Blocks
      • Math Blocks
      • Text Blocks
      • Lists Blocks
      • Color Blocks
      • Device Blocks
      • Objects Blocks
      • Variables Overview
        • Connect a Firebase Realtime Database
        • Variables Blocks
      • Functions Blocks
    • App Features Blocks
      • Speech Blocks
      • Sound Blocks
      • Share Blocks
      • Camera Blocks
      • Files Blocks
      • Sign In Blocks
        • User Sign Up, Sign In, and Authentication with Firebase
        • User Sign Up, Sign In, and Authentication with Google
        • User Sign Up, Sign In, and Authentication with Apple
      • Location Blocks
      • Push Notification Blocks
      • In-App Purchase Blocks (with RevenueCat)
      • Data Sources Blocks
      • Alerts Blocks
      • Timer Blocks
      • Sensors Blocks
        • Gyroscope
        • Magnetometer
        • Accelerometer
        • Location Sensor
      • Ads by AdMob
    • Advanced Blocks
      • Web APIs Blocks
        • CORS Policy
        • 🆓No Auth APIs
          • Update Data in a Data Source
          • CRUD Operations
          • Setting Headers
        • 📊Charting APIs
          • Create a chart template
          • Charting in Thunkable
      • Bluetooth Low Energy Blocks
      • OpenAI Services ChatGPT Integration Blocks
      • "Any Component" Blocks
      • JavaScript Web Bridge
  • ⚙️Settings
    • App Settings
      • Tablet View
    • Assets
    • Cloud Variable Viewer
    • Manage your Projects
      • My Projects Page
      • Thunkable Projects
      • Duplicate Project
      • Share Your App
      • Download Your App
        • Download Your App on iOS
        • Download Your App on Android
      • Add to Home Screen
      • Managing Project Storage
      • App Data Privacy
      • Delete Project
  • 📱Publishing
    • Overview
    • Publish to the Apple App Store
      • User Guide
      • Troubleshooting
      • Review Process
      • Tracking Usage Description
    • Publish to Google Play Store
      • User Guide
      • Troubleshooting
      • Review Process
    • Publish as a Web App
      • User Guide
      • Custom Domains
      • Troubleshooting
    • Testing
      • Testing on iOS via TestFlight
      • Testing on Android
    • Troubleshooting
      • Publishing Checklist
      • Generate Screenshots
  • 🎮Gaming
    • Gaming Overview
      • Canvas Label
      • Sprites
      • Sprite Gallery
    • Gaming Blocks
      • Events
      • Motion
      • Looks
      • Direction
      • Sensing
      • Add & Remove
      • Stage
  • 🗃️Additional Resources
    • Release Notes
      • Release Notes 2024
      • Release Notes 2023
    • Troubleshooting
      • Can't Sign in to Thunkable?
      • FAQs
    • Minimum Requirements
    • Bugs and Product Feedback
    • App Services and Emulators
Powered by GitBook
On this page
  • Overview
  • Advanced Blocks
  • Outputs
  • Photo from Camera
  • Regular Block
  • Advanced Block
  • Video Tutorial
  • Image Recognition
  • Regular Block
  • Advanced Block
  • Video Tutorial
  • Barcode or QR Code Scanner
  • Regular Block
  • Advanced Block
  • Video Tutorial
  • Record Timed Video
  • Regular Block
  • Advanced Block
  • Record Untimed Video
  • Regular Block
  • Advanced Block
  • Video Tutorial

Was this helpful?

Export as PDF
  1. Blocks
  2. App Features Blocks

Camera Blocks

PreviousShare BlocksNextFiles Blocks

Last updated 7 months ago

Was this helpful?

Overview

The camera blocks provide functionalities to interact with the device's camera. These blocks enable users to capture images or record videos directly within the app.

Advanced Blocks

Each block in the camera blocks drawer has a regular and advanced block. To access the advanced version of a block:

  1. Add the block to your workspace.

  2. Right-click on it.

  3. Select Show advanced block.

Outputs

The advanced blocks return an "error" output block. If there is an error when executing the block, the error block will return an error message. If not, the error block will return a null value.

Photo from Camera

The "photo from camera" block opens the device's camera and allows the user to take a photo. The photo can then be used in the app.

Regular Block

Advanced Block

Output Name
Data Type
Function

photo

image

If a photo was taken, returns the photo.

was cancelled

true/false

Returns whether the user cancelled taking the photo.

error

text

If there was an error, returns the error.

Video Tutorial

How to Use the Device’s Camera in a Thunkable App

In this tutorial, you’ll use Thunkable camera app features to create an app that takes a photo with the device's camera.

Image Recognition

The "description of image from" block generates a description of a given image. This block requires internet access.

Regular Block

Advanced Block

Output
Data Type
Function

description

text

Description of the image.

tags

list of text

Returns tags used to identify the image.

confidence level

number between 0 and 1

Returns calculated confidence level that the given description is accurate.

error

text

If there was an error, returns the error.

Video Tutorial

How to Create an Image Recognition App with Thunkable

In this tutorial, you’ll use Thunkable camera app features to create an app that takes a photo with the device's camera and utilizes image recognition functionality to identify the photo’s content.

Some more examples:

Connect the photo from photo library block to the description of image from block to allow users to browse and select any image stored on their device's photo library.

Connect the photo from camera block to the description of image from block to let users take a picture from their device's camera and upload it instantly.

Connect the image file from device block to the description of image from block for a more universal option that works on Android, iOS, and even in web apps, allowing users to upload any image file from their device, no matter the platform.

Barcode or QR Code Scanner

The "barcode scanned using camera" block scans a barcode or QR code and returns its value.

Regular Block

Advanced Block

Output
Data Type
Function

value

text

Value of scanned barcode/QR code.

type

text

Returns whether it was a barcode or QR code that was scanned.

was cancelled

true/false

Returns whether the user cancelled scanning a code.

error

text

If there was an error, returns the error.

Video Tutorial

How to Use the Device’s Camera as a QR or Barcode Scanner in a Thunkable App

In this tutorial, we’ll add the functionality to scan a barcode or QR code with the device's camera.

Template App

  1. Click Copy Project in the upper right.

Record Timed Video

The "video file from [5] second recording using [back] camera" block opens the device's camera and films from the selected camera for the chosen amount of time and then returns the video file.

Regular Block

Advanced Block

Input
Data Type
Function

Number of Seconds

Number

Set how long to record for.

Using [...] Camera

Select from menu

Select camera to record with (front or back).

Output
Data Type
Function

videoFile

Video file

The recorded video footage.

error

Text

If there is an error, returns the error. Else returns NULL.

Record Untimed Video

The "video file from recording using [back] camera" block opens the device's camera and films from the selected camera until the user ends the recording using the controls on the device's camera. It returns the video file.

Regular Block

Advanced Block

Input
Data Type
Function

Using [...] Camera

Select from menu

Select a camera to record with (front or back).

Output
Data Type
Function

video file

Video file

Returns the recorded video footage.

Error

Text

If there is an error, returns the error. Else returns NULL.

Video Tutorial

How to Use the Device’s Video Camera in a Thunkable App

In this tutorial, you’ll use Thunkable camera app features to create an app that records a video with the device's camera.

This component is powered by . You can get your own server URL and subscription key for Microsoft Azure . You can add these details to your app in the , which you can access by clicking on your app icon.

Click:

🛠️
https://x.thunkable.com/projectPage/65316fd3f5f2ffa55473cc9a
Microsoft Azure
here
Project Settings panel