---
title: App Usage
description: A reference on how to use the app.
---

import PhotoSwipe from "../../../components/PhotoSwipe.astro";
import { Steps } from "@astrojs/starlight/components";

Here's a short usage guide on the recording app. This uses the iOS version of the app, but it works similiar
for Android, Linux, macOS and Windows.

<Steps>

1.  When you open the app you will be greeted with the `Xiao Connector` screen. Tap on `Connect` to connect to the microcontroller.

    <PhotoSwipe imageFolder="xiao_app_screenshots" image="IMG_0377.PNG" />

2.  To conserve power, the microcontroller enters a low-power mode upon Bluetooth connection, preventing automatic
    acceleration data recording. To access a live feed, manually activate it by tapping on `Open Live Feed`.

    <PhotoSwipe imageFolder="xiao_app_screenshots" image="IMG_0376.PNG" />

3.  This is what the feed looks like when you are connected.

    <PhotoSwipe imageFolder="xiao_app_screenshots" image="IMG_0378.PNG" />

    A tap on `Sync Clocks` can be used to manually sync the clocks between the recording device and the microcontroller.

    To start recording, enter a name and then tap on the start button at the bottom of the screen.

    <PhotoSwipe imageFolder="xiao_app_screenshots" image="IMG_0379.PNG" />

    To stop the recording, tap on the button at the bottom of the screen again.

4.  Now you can switch to the `Recordings` screen by tapping on the `Recordings` icon in the navbar.
    You'll see your newly created recording that was stored on your device.

    <PhotoSwipe imageFolder="xiao_app_screenshots" image="IMG_0380.PNG" />

    Tap on it to see the details of the recording and to access the `Export` functionality.

    <PhotoSwipe imageFolder="xiao_app_screenshots" image="IMG_0381.PNG" />

5.  The exported files will be stored in the documents of your device. Here we used an iPhone and we can
    find the exported recording data as a CSV file in the app's folder in Files.

    <PhotoSwipe imageFolder="xiao_app_screenshots" image="IMG_0382.PNG" />

</Steps>
