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
[x] Display screen as designed
[x] Display counter at 00:00
[x] Display text Record up to 5 minutes
[x] Display red circle record button, when tapped start recording as New Audio Recording - In Progress
New Audio Recording - In Progress
[x] Display countdown of minutes left to the recording, starting at 5mins
[x] Update the red circle record button to the recording button, as designed
[x] 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
[x] When Audio Recording reaches 60-seconds left, brighten the blue to Mapeo Blue
Stop recording button
[x] 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.
[x] Display audio progress bar
[x] Display Total length and the length in minutes
[x] Display Play button, to replay audio
[x] Display Trash Can button, when clicks takes to the Delete screen
Success Confirmation
[x] Display screen as designed
[x] Display Success green icon with Success! text
[x] Display Return to editor button, when clicked redirects to the New / Edit Obvservation
[x] Display Record Another button, when clicked go to New Audio Recording - Start
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
New Audio Recording - In Progress
New Audio Recording - 60-second Alert
Stop recording button
Playback interface
Success Confirmation
Return to editor
button, when clicked redirects to the New / Edit ObvservationRecord Another
button, when clicked go to New Audio Recording - StartTech Notes
Design
https://www.figma.com/design/1Knqv1NrijUuqMo1pvYyF7/Tracks-and-Audio-(Share)?node-id=529-856&t=V0vmc8SZM3TxMGuM-0