New audio recording

Tapping on either “While using the app” or “Only this time” takes the user this interface.
User can record up to 5 minutes of audio.

Todo

New Audio Recording - Start

• Display screen as designed
• Display counter at 00:00
• Display text Record up to 5 minutes
• Display red circle record button, when tapped start recording as New Audio Recording - In Progress

New Audio Recording - In Progress

• Display countdown of minutes left to the recording, starting at 5mins
• Update the red circle record button to the recording button, as designed
• To display the progress in color - the record screen “fills up” with blue, e.g. a horizontal block of blue starts at the bottom of the screen and slowly expands to fill the screen until the entire screen is blue at 5 minutes. !!! SWM team - can you let me know if that logic makes sense or need more details?

New Audio Recording - 60-second Alert

• When Audio Recording reaches 60-seconds left, brighten the blue to Mapeo Blue

Stop recording button

• Tapping the “Stop” button, ends the Audio Recording and displays the Playback interface

Playback interface

• Tapping the “X” button, attaches the audio to Observation Draft and takes user to “Success” confirmation.
• Display audio progress bar
• Display Total length and the length in minutes
• Display Play button, to replay audio
• Display Trash Can button, when clicks takes to the Delete screen

Success Confirmation

• Display screen as designed
• Display Success green icon with Success! text
• Display Return to editor button, when clicked redirects to the New / Edit Obvservation
• Display Record Another button, when clicked go to New Audio Recording - Start

Tech Notes

Design

https://www.figma.com/design/1Knqv1NrijUuqMo1pvYyF7/Tracks-and-Audio-(Share)?node-id=529-856&t=V0vmc8SZM3TxMGuM-0