feat(ux): Use query params to link to words and phrases

[noman-land]

Description

As a user, I want to be able to share links to particular fragments of episodes so that my friends can hear and read the fragment I'm referring to.

Acceptance Criteria

• Ability to highlight a fragment of text and create a shareable link to that fragment
• Upon landing on the page, the fragment should scroll into view with an audio player queued to the moment with a play button.
• Sharing the link will show an embedded audio player that will show the transcript of just the fragment and play the audio of just the fragment
• [Stretch goal] Buttons in embedded player to continue listening to the episode or start from the beginning.

Notes

Transcripts change over time because

• Sometimes words or phrases are wrong and they get corrected
• Sometimes episodes are re-transcribed when the ads fall off after a couple weeks

These things lead to the timestamps of all words potentially changing when this happens, thereby breaking all previous links.

Questions

• What goes in the URL? If it's timestamps or word indices, they could change.
• What if someone wants to link to a part of the audio where there are no words?
• Is it feasible or desirable to use the existing text fragments standard?
  • IIRC the JS on the page does not have access to the text fragment in the URL and therefore can't "do" anything like highlight the text or scroll to the place.