O'Reilly logo

NativeScript for Angular Mobile Development by Nathanael J. Anderson, Nathan Walker

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating the Recorder View layout

When the user taps on Record in the top right corner of the app, it prompts the user to authenticate, after which the app routes to the record view. Additionally, it would be nice to reuse this record view in a modal popup to show when the composition contains tracks, so the user doesn't feel like they are leaving the composition while recording. However, when the composition is new, it's fine to navigate to the record view via routing. We will show how this can be done, but let's first set up our layout using the new fancy Waveform view and our powerful new RecordModel.

Add the following to app/modules/recorder/components/record.component.html:

<ActionBar title="Record" icon="" class="action-bar"> <NavigationButton ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required