Add caption renderer

[timmydoza]

Contributing to Twilio

All third party contributors acknowledge that any contributions they provide will be made under the same open source license that the open source project is provided under.

• I acknowledge that all my contributions will be made under the project's license.

Pull Request Details

JIRA link(s):

• VIDEO-9277

Description

This PR adds a CaptionsRenderer to the video app. This can be enabled by clicking on the Show Captions button in the More menu:

With this enabled, captions will be rendered on the screen.

Burndown

Before review

• Updated CHANGELOG.md if necessary
• Added unit tests if necessary
• Updated affected documentation
• Verified locally with npm test
• Manually sanity tested running locally
• Included screenshot as PR comment (if needed)
• Ready for review

Before merge

• Got one or more +1s
• Re-tested if necessary

[olipyskoty]

I think this looks good! Just a comment about changing the useTracks() hook name to something like useParticipantTracks() like we discussed.

[Geczy]

can this get merged?

[lovedota]

I tried this code, but it doesn't work ? Do we need a new api key for transcription ?