🔗 Handwriting Note App, GoodNotes, Gets Collaboration Features

From David Sparks…

GoodNotes Releases Collaboration Update — MacSparky:

With GoodNotes, it’s easy to mix drawing and writing. It’s also easy to write in a magnified view while the words simultaneously appear in a normal size on the page behind it.

And with yesterday’s version 5.5 update, GoodNotes is now also able to collaborate.

I use Apple Notes for most mixed media note taking (text, checklists, images, web links) and DEVONthink for my archiving needs (long term file, email, web archiving). But most notes I write by hand go in GoodNotes. It is nice to see any app add collaboration as a feature. I am not sure if I would use this in GoodNotes but it will be fun to try.

The other thing I use GoodNotes for every day (when school is meeting in person) is for annotating my custom-made seating charts to keep track of student data. You can read about that on this article I wrote for SBO Magazine. What makes GoodNotes so convenient for annotating PDFs like this is that it treats them as a paper style instead of fillable PDF, so you don’t need to go into any kind of annotation ‘mode’ to begin marking it up with the Apple Pencil.

<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:442px">







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



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







            <img src="https://images.squarespace-cdn.com/content/v1/5595df9ce4b0ce9ff9ecd1a8/1598790226380-VMQCDR7PIZUYMR0BC8K0/CleanShot+2020-08-30+at+08.22.49%402x.png" alt="CleanShot 2020-08-30 at 08.22.49@2x.png" width="442" height="152" style="display:block;object-fit: cover;width: 100%;height: 100%;object-position: 50% 50%" loading="lazy">

        </div>
      </div>






    </figure>


</div>

Eliminating Canvas Stress by Writing Content in Markdown

Left: A draft of a Canvas page, written in a text file on my computer. I used the Markdown syntax for headings, lists, and links. Right: What the Canvas page looks like once the text on the left is imported into the course page as HTML.

Left: A draft of a Canvas page, written in a text file on my computer. I used the Markdown syntax for headings, lists, and links. Right: What the Canvas page looks like once the text on the left is imported into the course page as HTML.

My district’s LMS of choice is Canvas, which is pretty stressful to work with. From most accounts I hear about other LMS software, Canvas is far from the worst. “You go to war with the LMS you have” I once heard.

Lately, I am writing my Canvas content in Markdown and storing it as text files on my computer.

Why?

Canvas is littered with user-hostile behaviors. Each class is a separate container. All files, pages, and assignments are quarantined, requiring multi-step procedures for sharing between courses. On top of this, the organizing tools are a mess. I am never 100 percent sure where to go. Even when I do, I have to wait for the internet to load each new thing I click on.

<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:61.119998931884766%;overflow: hidden">







            <img src="https://images.squarespace-cdn.com/content/v1/5595df9ce4b0ce9ff9ecd1a8/1597866028922-HBRQ0FDXB4AE8F1L2EUI/CleanShot+2020-08-19+at+15.38.50%402x.png" alt="Instead of one file repository that all courses pull from, each class has its own separate Files area." width="2500" height="1528" 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="">Instead of one file repository that all courses pull from, each class has its own separate Files area.</p></div>
      </figcaption>


    </figure>


</div>

Canvas is equally difficult for students. All of the course pages and content are just sort of floating in space. It’s up to the teacher to link the material together meaningful, but the tools to do so are inelegant and unintuitive. My music program has resorted to a website for communicating most general information since it exposes the hierarchy of its structure to our viewers. In other words, we control where every page lives, and our students can get to any part of our site from the navigation bar at the top of the page.

The WYSIWYG web editors you see within most Canvas pages, assignments, and announcements are equally frustrating. They are clunky, the text field is tiny, the buttons for all the tools are ambiguous, and I lose my data if the page refreshes itself or I lose connection. Additionally, it’s hard to anticipate what my formatting will look like before actually clicking the save button.

Lately, I am writing my Canvas content in Markdown and storing it as text files on my computer. By editing in Markdown, I can create content in third-party apps, work with data offline, control where files are organized, search them from the Spotlight, and quickly export as HTML for input into the Canvas HTML editor when I am ready to publish.

Using Mac and iOS Native Apps

I like native applications because the good ones feel designed to look like the computing platform. For example, the forScore app on iOS uses similar navigation buttons and fonts to Apple’s own Mail, Keynote, Pages, and Notes. This way, I don’t feel like I am learning new software.

Native apps that deal with documents store files on my hard drive. I can easily organize them into my own folder system, work on them without an internet connection, open the same file in different applications, and search them from the Spotlight. Document-based apps update your file as you edit your data. Websites often lose your data when they run into issues.

I don’t write anything longer than a sentence or two into the text field of a website. Instead, I draft them inDrafts and move my work to iAWriter for longer projects. Both of these apps can preview Markdown.

What is Markdown?

Markdown is a shorthand syntax for HTML. It empowers me to draft web content without actually writing code. Skim this Markdown syntax guide to see what I mean. You can learn the basics in five minutes.

Drafts and iA Writer have one-button shortcuts to convert Markdown to formatted text or HTML. Here is an example of Markdown, and what it would look like once converted to rich text or HTML.

# Blog Post Title
Here are *three things* I want to do today.
1. Work out
2. Sit in the hot tub
3. Grill some chicken

Let me tell you more about them.

## Work out
Today I will work out on my bike. My wife once said, and I quote:
> The earlier in the day you aim to do it, the more likely it is to happen.

## Sit in the hot tub
This will be relaxing. Maybe I will listen to a podcast there. Here are some recent favorites...
- Sound Expertise
- Sticky Notes
- Upgrade

My favorite podcast player is [Overcast](https://overcast.fm).

Once an app like Drafts or iA Writer converts the Markdown to rich text, it would look like this:

<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:1536px">







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



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







            <img src="https://images.squarespace-cdn.com/content/v1/5595df9ce4b0ce9ff9ecd1a8/1597864448247-LZ511PWF8U5IKLA96WGX/CleanShot+2020-08-19+at+14.44.57%402x.png" alt="A good Markdown app like iA Writer will convert the syntax to rich text for you and copy it so that you can paste it into an application like Google Docs, Microsoft Word, or your website." width="1536" height="1830" 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 good Markdown app like iA Writer will convert the syntax to rich text for you and copy it so that you can paste it into an application like Google Docs, Microsoft Word, or your website.</p></div>
      </figcaption>


    </figure>


</div>

I could have just as easily exported the resulting rich text to a Word document or Google Doc and all of the formatting would have been properly executed.

iAWriter can also export my Markdown as HTML like this:

<h1>Blog Post Title</h1>

<p>Here are <em>three things</em> I want to do today.</p>

<ol>
<li>Work out</li>
<li>Sit in the hot tub</li>
<li>Grill some chicken</li>
</ol>

<p>Let me tell you more about them.</p>

<h2>Work out</h2>

<p>Today I will workout on my bike. My wife once said, and I quote:</p>

<blockquote>
<p>The earlier in the day you aim to do it, the more likely it is to happen.</p>
</blockquote>

<h2>Sit in the hot tub</h2>

<p>This will be relaxing. Maybe I will listen to a podcast there. Here are some recent favorites...</p>

<ul>
<li>Sound Expertise</li>
<li>Sticky Notes</li>
<li>Upgrade</li>
</ul>

<p>My favorite podcast player is <a href="https://overcast.fm">Overcast</a>.</p>

Because Markdown can be converted to HTML automatically, I have found it less stressful to actually write my Canvas pages, announcements, and messages to parents in Markdown and then pasting the resulting HTML into the HTML editor of Canvas. I store my Markdown files in a folder of text files, with subfolders for each course. I have favorited these folders so that they are always accessible in the iA Writer sidebar. These folders are easily accessible. Because I am writing in plaintext, the result feels much more like writing in a simple note app than it does a word processor.

<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:2372px">







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



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







            <img src="https://images.squarespace-cdn.com/content/v1/5595df9ce4b0ce9ff9ecd1a8/1597864486248-5J9W1DWCB7H44XERKZW5/CleanShot+2020-08-19+at+14.45.57%402x.png" alt="iA Writer links to folders of text files on your hard drive. But it looks like a simple note app." width="2372" height="1858" 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="">iA Writer links to folders of text files on your hard drive. But it looks like a simple note app.</p></div>
      </figcaption>


    </figure>


</div>

Here is an example of a Canvas announcement intended to be shared with one of my band classes early this fall. It contains an embedded Google Form families sign as an agreement to our policies. Markdown and HTML can be written in the same document and iA Writer treats it all as HTML when you export it.

I got the HTML embed straight from the Share menu of the Google Form setup. I didn’t need to know any code to make this message!

<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:62.519996643066406%;overflow: hidden">







            <img src="https://images.squarespace-cdn.com/content/v1/5595df9ce4b0ce9ff9ecd1a8/1597866399217-9I7XOHMYA9C68EXRFUBS/CleanShot+2020-08-19+at+15.46.06%402x.png" alt="On the left: a Markdown document that contains HTML code for a Google Form embed. On the right: pasting that as HTML into the HTML editor in Canvas." width="2500" height="1563" 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="">On the left: a Markdown document that contains HTML code for a Google Form embed. On the right: pasting that as HTML into the HTML editor in Canvas.</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:76.95999908447266%;overflow: hidden">







            <img src="https://images.squarespace-cdn.com/content/v1/5595df9ce4b0ce9ff9ecd1a8/1597864190944-J0QAE339L9AL7Q519LPF/iVBORw0KGgoAAAANSUhEUgAAC50AAAjwCAYAAAAKgq9xAAAACXBIWXMAAAsTAAALEwEAmpwYAAAM+3.png" alt="How the resulting announcement appears to students." width="2500" height="1924" 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="">How the resulting announcement appears to students.</p></div>
      </figcaption>


    </figure>


</div>

EDIT: When I wrote this post, I fogtot to add one benefit to having all of these files on your computer
 even though Canvas messages don’t support formatting like headings and bold, I draft those in iAWriter too. It is SO much easier to find and re-use old emails I have sent to parents when they are searchable from my computer. Have you ever tried to search your Canvas ‘Sent’ folder? It’s terrible! Local computer copies for the win!

Learn OmniFocus Workflow Guest: October 3, 2020

I am thrilled to announce that I will be joining Learn OmniFocus as a Workflow Guest on October 3rd, 2020.

Learn OmniFocus is a website dedicated to helping others live a fulfilling and productive life with OmniFocus, complementary productivity apps, and services.

You can learn a ton from their free resources, including basics like organizing tasks into projects and assigning tags to them. They also have information on advanced features like project templating and automation.

<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:1280px">





      <a class="
            sqs-block-image-link



          " href="https://learnomnifocus.com/live/2020-10-03-omnifocus-workflows-with-robby-burns/?ref=24" target="_blank">

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



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







            <img src="https://images.squarespace-cdn.com/content/v1/5595df9ce4b0ce9ff9ecd1a8/1597265880013-7CHNWGC9UX3GDB7U5GJX/2020-10-03+-+OmniFocus+Workflows+with+Robby+Burns+-+Promo.jpeg" alt="2020-10-03 - OmniFocus Workflows with Robby Burns - Promo.jpeg" width="1280" height="720" style="display:block;object-fit: cover;width: 100%;height: 100%;object-position: 50% 50%" loading="lazy">

        </div>
      </div>

      </a>




    </figure>


</div>

My session will be all about how I use OmniFocus and complementary productivity apps to keep my life as a teacher and musician together. Here is the session description:

Teacher, musician, and technologist, Robby Burns will be joining us from Ellicott City, Maryland to share how he uses OmniFocus and complementary productivity apps to keep his active life on track.

Robby has been using OmniFocus since 2010. He has a long history with Apple technologies and was originally drawn to OmniFocus’ deep integration with Apple’s operating systems. He especially appreciates that the Omni Group is quick to add support for new Apple technologies.

During the LIVE session, Robby will share details of his OmniFocus setup and workflows, including:

  • How and when he uses OmniFocus on his iPhone, iPad, and Mac.

  • Adjustments that he’s made to his use of OmniFocus and complementary productivity apps since switching from in-person to virtual teaching.

  • His strategy for using tags.

  • How he uses the Forecast perspective to keep his calendar lined up with his commitments.

  • How he uses defer dates to relieve the stress of seeing too many things at once.

  • Custom perspectives that help him hone in on his most important tasks, including his “Top 3” perspective that narrows his focus to only three items.

  • How he creates OmniFocus projects based on templates stored in Drafts.

Read more and register here. The session will have a live Q/A and members can interact and share ideas. I hope to see you there!

You can become a member of Learn OmniFocus here. They have educator and student discounts. It is worth checking out if you wish to be more productive!

A free recording of the video will be made available to everyone by October 10.

My Online Teaching Setup (High-Tech Edition)

My studio computer and associated hardware.

My studio computer and associated hardware.

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…

<div class="sqs-video-wrapper" data-provider-name="YouTube" data-html="
“>

Multiple Camera Angles

Obviously, there is a reason I have previously recommended a set up as simple as a smartphone and a tripod stand. Smartphones are very portable and convenient. And simple smartphone apps like FaceTime and Google Duo make a lot of good default choices about how to handle audio without the fiddly settings some of the more established “voice conference” platforms are known for.

Furthermore, I can’t pick up my desk and move it to my timpani or marimba if I need to model something. So I have begun experimenting with multiple camera angles. I bought a webcam back in March (it finally just shipped). I can use this as a secondary camera to my laptop’s camera (Command+Shift+N in Zoom to change cameras).

Alternatively, I can share my iPhone screen via AirPlay and turn on the camera app. Now I can get up from my desk and go wherever I need to. The student sees me wherever I go. This option is sometimes laggy.

Alternatively, I can log in to the call separately on the iPhone and Mac. This way, there are two instances of me, and if I need to, I can mute the studio desk microphone, and use the phone microphone so that students can hear me wherever I go. I like this option the best because it has the added benefit of showing me what meeting participants see in Zoom.

<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:1296px">







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



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







            <img src="https://images.squarespace-cdn.com/content/v1/5595df9ce4b0ce9ff9ecd1a8/1597075560578-KQFGYGMPES39PW5D9RUH/CleanShot+2020-08-10+at+11.52.56.png" alt="Logging in to the Zoom call on the Mac and iPhone gives me two different camera angles." width="1296" height="910" 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="">Logging in to the Zoom call on the Mac and iPhone gives me two different camera angles.</p></div>
      </figcaption>


    </figure>


</div>

SoundSource

This process works well once it is set up. But it does take some fiddling around with audio ins and outs to get it right. SoundSource is another app by Rogue Amoeba that takes some of the fiddly-ness out of the equation. It replaces the sound options in your Mac’s menubar, offering your more control and more ease at the same time.

<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:900px">







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



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







            <img src="https://images.squarespace-cdn.com/content/v1/5595df9ce4b0ce9ff9ecd1a8/1597075591782-MZ968HO7PMIVGLQ0KSH1/CleanShot+2020-08-10+at+11.54.42.png" alt="This app is seriously great." width="900" height="676" 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="">This app is seriously great.</p></div>
      </figcaption>


    </figure>


</div>

This app saved me from digging into the audio settings of my computer numerous times. In addition to putting audio device selection at a more surface level, it also lets you control the individual volume level of each app, apply audio effects to your apps, and more. One thing I do with it regularly is turn down the volume of just the Zoom app when my students play xylophone.

Rogue Amoeba’s apps will cost you, but they are worth it for those who want more audio control on the Mac. Make sure you take advantage of their educator discount.

EDIT: My teaching set up now includes the use of OBS and an Elago Stream Deck. Read more here.

Conclusion

I went a little overboard here. If this is overwhelming to you, don’t get the idea that you need to do it all. Anyone of these tweaks will advance your setup and teaching.

This post is not specific about the hardware I use. If you care about the brands and models of my gear, check out My Favorite Technology to read more about the specific audio equipment in my setup.