All throughout Chapter 8, Building an audio recorder, we designed a dual-purpose custom NativeScript Waveform view, which taps into various native libraries for iOS and Android, specifically to enrich our composition's track listing view. Let's proceed by reusing our versatile Waveform view for our track listing view. This will also give us a way to display mixing slider controls (often referred to in audio production and sound engineering as a Fader) alongside our tracks to allow the user to mix each track's volume level in the overall composition. Let's set up our ListView
of TrackListComponent
with the ability to provide the user with two different ways to view and work with their tracks, each with their own unique utility. While we're at it, we'll also take this opportunity to finally wire up the mute
switch on our tracks.
Let's make the following modifications to app/modules/player/components/track-list/track-list.component.html
:
<...