Skip to content
This repository has been archived by the owner on Nov 8, 2022. It is now read-only.
/ major-input Public archive

a novel iPad UI for reading WWDC session transcripts alongside the video/presentation context

License

Notifications You must be signed in to change notification settings

rlwimi/major-input

Repository files navigation

⚠️ Archived

In 2019, Apple added transcripts to WWDC session video webpages, as well as the interaction that clicking text in the transcript scrubs to the corresponding time in the video. Apple released the Developer.app a few months later including the same functionality.

While I do miss the one aspect of Major Input's UX design that Apple's is missing—that the video's time is locked in sync with the transcript's scroll offset—Apple's tap/click-based interaction is clearly and thoroughly "good enough". I'm so happy to be living in the future.


MajorInput icon

Major Input

a novel iPad UI for reading WWDC session transcripts alongside the video/presentation context

Tour GIF

Getting Started

Build Major Input yourself with Xcode 10.2 to your iPad running iOS 11 or higher, which of course requires use of your own developer account. Major Input will also run on the iPad simulator, but the UX is not designed for this purpose.

Note that sessions and transcripts from 2017 and earlier are bundled in the build, and 2018 sessions will remain missing until the content is more dynamically sourced.

  1. Get the code

    Clone the repo, or download a zip, depending on how you want to get future updates.

  2. Install dependencies

    cd <$SRCROOT>
    carthage bootstrap --no-build --no-use-binaries
    pod install
    
  3. Configure code signing

    Select the MajorInput project in the Project Navigator. For both Targets, MajorInput and MajorInputTests, select your own Development Team in the General tab's Signing section Team picker.

  4. Build and run

    Build the MajorInput scheme.

Usage

Select a session, wait for the video to download if it hasn't already, and consume it. The blue transformer to the right of the text aligns the sync point between the transcript text and the video time, as does the small blue triangle in the filmstrip.

Session selection:

  • Tap a session or its DOWNLOAD button to download the session.
  • Tap CANCEL during a download to cancel the download.
  • Tap DELETE to remove the downloaded video from the filesystem.
  • Tap a session with a downloaded video to consume the session.

Session consumption:

  • Drag either the transformer, the transcript, or the filmstrip to scrub the video.
  • Tap a caption in the transcript to scroll that caption to the transformer.
  • After dragging the transformer, you'll see a blue line indicating the transformer's anchor point. Tap the transformer to scroll it and the transcript back to the anchor point.
  • Tap-and-drag the transformer to move its anchor point.
  • Double tap the transformer to play/pause the video.
  • Tap the video to show the linear video scrubber and back button.

Putting it all together

  • Look at the filmstrip to quickly spot the video frame that provides the best presentation context for the transcript lines you're about to read.
  • Use the transformer to scrub the video to that frame, then read the transcript.
  • Tap the transformer to scroll things back to the anchor point (assuming it's still near the top).
  • Wash, rinse, repeat.

About

a novel iPad UI for reading WWDC session transcripts alongside the video/presentation context

Resources

License

Stars

Watchers

Forks

Packages

No packages published