Skip to content

Conversation

@timmydoza
Copy link
Contributor

@timmydoza timmydoza commented Oct 30, 2019

Displays the main speaker's video in the main section of the app.

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):

Description

This PR will display the main speaker's video. The 'main speaker' will be chosen in the following order:

  1. the dominant speaker
  2. the first speaker from the SpeakerStrip
  3. the local participant.

This behavior is modeled off of the existing VBT app.

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

@timmydoza
Copy link
Contributor Author

image

@timmydoza timmydoza self-assigned this Oct 30, 2019
<Container>
<ParticipantStrip />
<MainParticipantContainer>
<Participant participant={mainParticipant} disableAudio />
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is audio disabled by default in VBT?

Copy link
Contributor Author

@timmydoza timmydoza Oct 31, 2019

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

disableAudio prevents an <audio> element from being rendered for this participant. I'm doing this here because this participant's <audio> element is already rendered in the <ParticipantStrip /> component.

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Got it. Can you add a comment on this line and put what you just said?

@charliesantos charliesantos merged commit ebdc736 into development Oct 31, 2019
@charliesantos charliesantos deleted the AHOYAPPS-46-dominant-speaker-area branch October 31, 2019 19:33
timmydoza pushed a commit that referenced this pull request Mar 6, 2020
* Add new hooks and tests

* Add main participant to room component

* Move sidebar position to theme

* Lint

* Disable main participant's audio as it will already be rendered in the ParticipantStrip

* Typo

* Change import order

* Fix circleci

* Add comment
timmydoza pushed a commit that referenced this pull request Sep 30, 2020
uriasn pushed a commit to Mastermind-com/twilio-video-app-react that referenced this pull request Oct 6, 2020
* Add new hooks and tests

* Add main participant to room component

* Move sidebar position to theme

* Lint

* Disable main participant's audio as it will already be rendered in the ParticipantStrip

* Typo

* Change import order

* Fix circleci

* Add comment
uriasn pushed a commit to Mastermind-com/twilio-video-app-react that referenced this pull request Oct 6, 2020
* Add new hooks and tests

* Add main participant to room component

* Move sidebar position to theme

* Lint

* Disable main participant's audio as it will already be rendered in the ParticipantStrip

* Typo

* Change import order

* Fix circleci

* Add comment
gabriel-jt added a commit that referenced this pull request Jul 2, 2021
…ublic folder (#8)

* Added npm script to copy video processor sdk assets to public folder

* added postinstall npm script

Co-authored-by: Gabe Espinosa <[email protected]>
charliesantos pushed a commit that referenced this pull request Aug 9, 2021
* Moved more menu to the center of the menu bar

* VIDEO-5731 | Added background option to More Menu, selection dialog, and unit tests (#6)

Added background option to More Menu, selection dialog, and unit tests
Co-authored-by: Gabe Espinosa <[email protected]>

* VIDEO-5733 | Added npm script to copy video processor sdk assets to public folder (#8)

* Added npm script to copy video processor sdk assets to public folder

* added postinstall npm script

Co-authored-by: Gabe Espinosa <[email protected]>

* added rimraf and copyfiles dependency to package.json

* VIDEO-5732 | Added background selection UI (#7)

Added background selection UI

Co-authored-by: Gabe Espinosa <[email protected]>
Co-authored-by: timmydoza <[email protected]>

* VIDEO-5734/blur background feature (#550)

Implemented blur background feature (useBackgroundSettings hook and tests)
Co-authored-by: Gabe Espinosa <[email protected]>

* VIDEO-5735/Add virtual background feature (#557)

Added virtual background feature and unit tests
Co-authored-by: Gabe Espinosa <[email protected]>

* VIDEO-5735 | Add isSupported check and unit test (#560)

add isSupported check and unit test
Co-authored-by: Gabe Espinosa <[email protected]>

* VIDEO-6368 | wait to load image before removing processor (#570)

* wait to load image before removing processor
Co-authored-by: Gabe Espinosa <[email protected]>

* updated twilio-video sdk

* fixed breaking tests

* update package.json version and changelog

* update change log, package.json, and revisions

* Update CHANGELOG.md

Co-authored-by: Gabe Espinosa <[email protected]>
Co-authored-by: timmydoza <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants