Bind the Middle Mouse Button to Dragging the Screenflow Timeline Using Karabiner

John Lindquist
InstructorJohn Lindquist
Share this video with your friends

Social Share Links

Send Tweet
Published 4 years ago
Updated 3 years ago

The second most common action is dragging around the timeline. We can use karabiner for this sequence with the :afterup hook to make sure it switches back to our arrow once we're done dragging.

Instructor: [0:00] My other main scenario is dragging the timeline around, which can be accomplished by dragging the slider, or by clicking over here, hitting hand, and dragging it. Then you'd have to go back to A to select and edit.

[0:13] I like to keep my mouse right in this area, so hitting H and then A seems to be the best solution for that, but that's a couple more keys than I want to hit. So, in Karabiner, let's set up a rule where I want to hit the pointer key of Button 3, which is also known as the middle mouse button.

[0:33] I want to map that to a sequence of hitting the H key to switch to hand, and then the pointer key of Button 1, or left-click. Then this won't have any conditions, so I can put nil, but in my config I have a variable which lets me disable and enable these sorts of shortcuts, which I call through. I'll just say, when it's not through.

[0:51] Then, finally, after up allows me to switch it back to the key of A, meaning back to the arrow mode. Now when I switch back to ScreenFlow, and I middle-click, I can just drag it around. I middle-click, drag, middle-click, drag, middle-click, drag.

[1:07] You can see it switching from the hand to the arrow, hand to the arrow, and allowing me to interact with the timeline in the exact way that I want.

egghead
egghead
~ 5 minutes ago

Member comments are a way for members to communicate, interact, and ask questions about a lesson.

The instructor or someone from the community might respond to your question Here are a few basic guidelines to commenting on egghead.io

Be on-Topic

Comments are for discussing a lesson. If you're having a general issue with the website functionality, please contact us at support@egghead.io.

Avoid meta-discussion

  • This was great!
  • This was horrible!
  • I didn't like this because it didn't match my skill level.
  • +1 It will likely be deleted as spam.

Code Problems?

Should be accompanied by code! Codesandbox or Stackblitz provide a way to share code and discuss it in context

Details and Context

Vague question? Vague answer. Any details and context you can provide will lure more interesting answers!

Markdown supported.
Become a member to join the discussionEnroll Today