Poor playback w/ vMix input & Shaka output

[iameli]

Input is vMix, outputting 29.97fps 1080p. pcap dump is here: https://github.com/livepeer/internal-project-tracking/issues/414

Output is Shaka player, using just their default debug player.

Transcoding settings:

 [
  {
    "fps": 30,
    "gop": "2.0",
    "name": "720p",
    "width": 1280,
    "height": 720,
    "bitrate": 2000000
  },
  {
    "fps": 30,
    "gop": "2.0",
    "name": "480p",
    "width": 854,
    "height": 480,
    "bitrate": 1000000
  },
  {
    "fps": 30,
    "gop": "2.0",
    "name": "360p",
    "width": 640,
    "height": 360,
    "bitrate": 500000
  },
  {
    "fps": 30,
    "gop": "2.0",
    "name": "234p",
    "width": 416,
    "height": 234,
    "bitrate": 315000
  },
  {
    "fps": 30,
    "gop": "2.0",
    "name": "432p",
    "width": 768,
    "height": 432,
    "bitrate": 1000000
  },
  {
    "fps": 30,
    "gop": "2.0",
    "name": "540p",
    "width": 960,
    "height": 540,
    "bitrate": 1600000
  },
  {
    "fps": 30,
    "gop": "2.0",
    "name": "1080p",
    "width": 1920,
    "height": 1080,
    "bitrate": 6700000
  }
]

Output looks pretty bad:

source.mov

That's this grid:

[ Shaka with source ] [ Shaka with transcoded ]
[ HLS.js with source ] [ HLS.js with transcoded ]

The transcoded rendition refuses to play at all. The source rendition is out of sync. HLS.js works fine in all cases.