My Online Teaching Setup (High-Tech Edition)

When school let out in March, I wrote My Very Straightforward and Very Successful Setup for Teaching Virtual Private Lessons. The impetus for this post, and its snarky title, was an overwhelming number of teachers I saw on Facebook fussing about what apps and hardware they should use to teach online when all you really need is a smartphone, FaceTime, and maybe a tripod.

I stand by that post. But there are also reasons to go high-tech. I have had a lot of time this summer to reflect on the coming fall teaching semester. I have been experimenting with software and hardware solutions that are going to make my classes way more engaging.

Zoom

I have been hesitant about Zoom. I still have reservations about their software. Yet, it is hard to resist how customizable their desktop version is. I will be using Google Meet for my public school classes in September, but for my private lessons, I have been taking advantage of Zoom’s detailed features and settings.

For example, it’s easier to manage audio ins and outs. Right from the chat window, I can change if my voice input is going through my Mac’s internal microphone or my studio microphone, or if video is coming from my laptop webcam or my external Logitech webcam. This will also be useful for routing audio from apps into the call (we will get to that in a moment).

<div class="
      image-block-outer-wrapper
      layout-caption-below
      design-layout-inline
      combination-animation-none
      individual-animation-none
      individual-text-animation-none
    ">




    <figure class="
          sqs-block-image-figure
          intrinsic
        " style="max-width:2500px">







      <div class="image-block-wrapper">
        <div class="sqs-image-shape-container-element



          has-aspect-ratio
        " style="position: relative;padding-bottom:42.20000076293945%;overflow: hidden">







            <img src="https://images.squarespace-cdn.com/content/v1/5595df9ce4b0ce9ff9ecd1a8/1597075201184-OOWEFIAO8PYDRTX1UOAT/CleanShot+2020-08-10+at+11.02.33.png" alt="Zoom allows you to choose the audio/video input from right within the call." width="2500" height="1055" style="display:block;object-fit: cover;width: 100%;height: 100%;object-position: 50% 50%" loading="lazy">

        </div>
      </div>






      <figcaption class="image-caption-wrapper">
        <div class="image-caption"><p class="">Zoom allows you to choose the audio/video input from right within the call.</p></div>
      </figcaption>


    </figure>


</div>

Zoom also allows you to AirPlay the screen of an iOS device to the student as a screen sharing option. This is the main reason I have been experimenting with Zoom. Providing musical feedback is challenging over an internet-connected video call. Speaking slowly helps to convey thoughts accurately, but it helps a lot more when I say “start at measure 32” and the student sees me circle the spot I want them to start in the music, right on their phone.

You can get really detailed by zooming in and out of scores and annotating as little as a single note. If you are wondering, I am doing all of this on a 12.9 inch iPad Pro with Apple Pencil, using the forScore app. A tight feedback loop of “student performance—>teacher feedback—>student adjustment” is so important to good teaching, and a lot of it is lost during online lessons. It helps to get some of it back through the clarity and engagement of annotated sheet music.

<div class="
      image-block-outer-wrapper
      layout-caption-below
      design-layout-inline
      combination-animation-none
      individual-animation-none
      individual-text-animation-none
    ">




    <figure class="
          sqs-block-image-figure
          intrinsic
        " style="max-width:2500px">







      <div class="image-block-wrapper">
        <div class="sqs-image-shape-container-element



          has-aspect-ratio
        " style="position: relative;padding-bottom:42.20000076293945%;overflow: hidden">







            <img src="https://images.squarespace-cdn.com/content/v1/5595df9ce4b0ce9ff9ecd1a8/1597075253336-3D35PXRK7I734NAHHIN8/CleanShot+2020-08-10+at+11.03.17.png" alt="Selecting AirPlay as a screen sharing option." width="2500" height="1055" style="display:block;object-fit: cover;width: 100%;height: 100%;object-position: 50% 50%" loading="lazy">

        </div>
      </div>






      <figcaption class="image-caption-wrapper">
        <div class="image-caption"><p class="">Selecting AirPlay as a screen sharing option.</p></div>
      </figcaption>


    </figure>


</div>





















































<div class="
      image-block-outer-wrapper
      layout-caption-below
      design-layout-inline
      combination-animation-none
      individual-animation-none
      individual-text-animation-none
    ">




    <figure class="
          sqs-block-image-figure
          intrinsic
        " style="max-width:2500px">







      <div class="image-block-wrapper">
        <div class="sqs-image-shape-container-element



          has-aspect-ratio
        " style="position: relative;padding-bottom:42.20000076293945%;overflow: hidden">







            <img src="https://images.squarespace-cdn.com/content/v1/5595df9ce4b0ce9ff9ecd1a8/1597075390118-QA7W16X26KDSA9LT8512/CleanShot+2020-08-10+at+11.05.43.png" alt="AirPlaying annotated sheet music to the Zoom call using the iPad Pro and forScore app." width="2500" height="1055" style="display:block;object-fit: cover;width: 100%;height: 100%;object-position: 50% 50%" loading="lazy">

        </div>
      </div>






      <figcaption class="image-caption-wrapper">
        <div class="image-caption"><p class="">AirPlaying annotated sheet music to the Zoom call using the iPad Pro and forScore app.</p></div>
      </figcaption>


    </figure>


</div>

As much as I love this, I still think Zoom is pretty student hostile, particularly with the audio settings. Computers already try to normalize audio by taking extreme louds and compressing them. Given that my private lessons are on percussion instruments, this is very bad. Zoom is the worst at it of all the video apps I have used. To make it better, you have to turn on an option in the audio settings called “Use Original Audio” so that the host hears the student’s raw sound, not Zoom’s attempt to even it out. Some of my students report that they have to re-choose this option in the “Meeting Settings” of each new Zoom call.

If this experiment turns out to be worth it for the sheet music streaming, I will deal with it. But this is one of the reasons why I have been using simple apps like FaceTime up until this point.

<div class="
      image-block-outer-wrapper
      layout-caption-below
      design-layout-inline
      combination-animation-none
      individual-animation-none
      individual-text-animation-none
    ">




    <figure class="
          sqs-block-image-figure
          intrinsic
        " style="max-width:846px">







      <div class="image-block-wrapper">
        <div class="sqs-image-shape-container-element



          has-aspect-ratio
        " style="position: relative;padding-bottom:83.4515380859375%;overflow: hidden">







            <img src="https://images.squarespace-cdn.com/content/v1/5595df9ce4b0ce9ff9ecd1a8/1597075436502-FDUP81Z8871SX3BIW12H/CleanShot+2020-08-10+at+11.06.34.png" alt="My Zoom audio settings." width="846" height="706" style="display:block;object-fit: cover;width: 100%;height: 100%;object-position: 50% 50%" loading="lazy">

        </div>
      </div>






      <figcaption class="image-caption-wrapper">
        <div class="image-caption"><p class="">My Zoom audio settings.</p></div>
      </figcaption>


    </figure>


</div>





















































<div class="
      image-block-outer-wrapper
      layout-caption-below
      design-layout-inline
      combination-animation-none
      individual-animation-none
      individual-text-animation-none
    ">




    <figure class="
          sqs-block-image-figure
          intrinsic
        " style="max-width:846px">







      <div class="image-block-wrapper">
        <div class="sqs-image-shape-container-element



          has-aspect-ratio
        " style="position: relative;padding-bottom:83.4515380859375%;overflow: hidden">







            <img src="https://images.squarespace-cdn.com/content/v1/5595df9ce4b0ce9ff9ecd1a8/1597075450831-VP9MUJ5NAEJPOQ11E9A1/CleanShot+2020-08-10+at+11.06.38.png" alt="My Zoom advanced audio settings." width="846" height="706" style="display:block;object-fit: cover;width: 100%;height: 100%;object-position: 50% 50%" loading="lazy">

        </div>
      </div>






      <figcaption class="image-caption-wrapper">
        <div class="image-caption"><p class="">My Zoom advanced audio settings.</p></div>
      </figcaption>


    </figure>


</div>

Sending App Audio Directly to the Call

I have been experimenting with a few apps by Rogue Amoeba that give me more control over how audio is flowing throughout my hardware and software.

Last Spring, I would often play my public school students YouTube videos, concert band recordings from Apple Music, and warm-up play-alongs that were embedded in Keynote slides. I was achieving this by having the sound of these sources come out of my computer speakers and right back into the microphone of my laptop. It actually works. But not for everyone. And not well.

Loopback is an app by Rogue Amoeba that allows you to combine the audio input and output of your various microphones, speakers, and apps, into new single audio devices that can be recognized by the system. I wrote about it here. My current set up includes a new audio device I created with Loopback which combines my audio interface and a bunch of frequently used audio apps into one. The resulting device is called Interface+Apps. If I select it as the input in my computer’s sound settings, then my students hear those apps and any microphone plugged into my audio interface directly. The audio quality of my apps is therefore more pure and direct, and there is no risk of getting an echo or feedback effect from my microphone picking up my computer speaker’s sound.

<div class="
      image-block-outer-wrapper
      layout-caption-below
      design-layout-inline
      combination-animation-none
      individual-animation-none
      individual-text-animation-none
    ">




    <figure class="
          sqs-block-image-figure
          intrinsic
        " style="max-width:1112px">







      <div class="image-block-wrapper">
        <div class="sqs-image-shape-container-element



          has-aspect-ratio
        " style="position: relative;padding-bottom:90.28776550292969%;overflow: hidden">







            <img src="https://images.squarespace-cdn.com/content/v1/5595df9ce4b0ce9ff9ecd1a8/1597075481531-T3RND7H6QZK7U88DPYPF/CleanShot+2020-08-10+at+11.07.26.png" alt="A Loopback device I created which combines the audio output of many apps with my audio interface into a new, compound device called “Interface+Apps.”" width="1112" height="1004" style="display:block;object-fit: cover;width: 100%;height: 100%;object-position: 50% 50%" loading="lazy">

        </div>
      </div>






      <figcaption class="image-caption-wrapper">
        <div class="image-caption"><p class="">A Loopback device I created which combines the audio output of many apps with my audio interface into a new, compound device called “Interface+Apps.”</p></div>
      </figcaption>


    </figure>


</div>





















































<div class="
      image-block-outer-wrapper
      layout-caption-below
      design-layout-inline
      combination-animation-none
      individual-animation-none
      individual-text-animation-none
    ">




    <figure class="
          sqs-block-image-figure
          intrinsic
        " style="max-width:780px">







      <div class="image-block-wrapper">
        <div class="sqs-image-shape-container-element



          has-aspect-ratio
        " style="position: relative;padding-bottom:78.20512390136719%;overflow: hidden">







            <img src="https://images.squarespace-cdn.com/content/v1/5595df9ce4b0ce9ff9ecd1a8/1597075501814-75OMM2CT6NQU8BBM81BQ/CleanShot+2020-08-10+at+11.08.54.png" alt="I can select this compound device from my Mac’s Sound settings." width="780" height="610" style="display:block;object-fit: cover;width: 100%;height: 100%;object-position: 50% 50%" loading="lazy">

        </div>
      </div>






      <figcaption class="image-caption-wrapper">
        <div class="image-caption"><p class="">I can select this compound device from my Mac’s Sound settings.</p></div>
      </figcaption>


    </figure>


</div>

Now I can do the following with a much higher level of quality…

• Run a play-along band track and have a private student drum along
• Play examples of professional bands for my band class on YouTube
• Run Keynote slides that contain beats, tuning drones, and other play-along/reference tracks
• and…

Logic Pro X

Logic Pro X is one of my apps routing through to the call via Loopback. I have a MIDI keyboard plugged into my audio interface and a Roland Octopad electronic drum pad that is plugged in as an audio source (though it can be used as a MIDI source too).

The sounds on the Roland Octopad are pretty authentic. I have hi-hat and bass drum foot pedal triggers so I can play it naturally. So in Logic, I start with an audio track that is monitoring the Octopad, and a software instrument track that is set to a piano (or marimba or xylophone, whatever is relevant). This way, I can model drum set or mallet parts for students quickly without leaving my desk. The audio I produce in Logic is routed through Loopback directly into the call. My students say the drum set, in particular, sounds way better in some instances than the quality of real instruments over internet-connected calls. Isn’t that something…