Skip to content

Conversation

@gabriel-jt
Copy link
Contributor

@gabriel-jt gabriel-jt commented Aug 6, 2021

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

Merge the virtual background feature onto master

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

Gabe Espinosa and others added 16 commits June 10, 2021 08:47
VIDEO-5730 | Moved more menu to the center of the menu bar
…and unit tests (#6)

Added background option to More Menu, selection dialog, and unit tests
Co-authored-by: Gabe Espinosa <[email protected]>
…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]>
VIDEO-5733 | added rimraf and copyfiles dependency to package.json
Added background selection UI

Co-authored-by: Gabe Espinosa <[email protected]>
Co-authored-by: timmydoza <[email protected]>
Implemented blur background feature (useBackgroundSettings hook and tests)
Co-authored-by: Gabe Espinosa <[email protected]>
Added virtual background feature and unit tests
Co-authored-by: Gabe Espinosa <[email protected]>
add isSupported check and unit test
Co-authored-by: Gabe Espinosa <[email protected]>
* wait to load image before removing processor
Co-authored-by: Gabe Espinosa <[email protected]>
VIDEO-6399 | Update twilio-video sdk
@gabriel-jt gabriel-jt requested review from charliesantos and timmydoza and removed request for timmydoza August 6, 2021 19:52
charliesantos
charliesantos previously approved these changes Aug 6, 2021
Copy link
Collaborator

@charliesantos charliesantos left a comment

Choose a reason for hiding this comment

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

Let's get @timmydoza 's +1 before merging.

Copy link
Contributor

@timmydoza timmydoza left a comment

Choose a reason for hiding this comment

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

Nearly there! Just some quick changes needed...

<Grid style={{ flex: 1 }}>
<Grid container justifyContent="flex-end">
<Menu />
<Grid container justify="flex-end">
Copy link
Contributor

Choose a reason for hiding this comment

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

This should be justifyContent="flex-end". There's a warning in the console about it (but only when when browser width is reduced to show the mobile styles).

image

package.json Outdated
"@types/lodash.throttle": "^4.1.6",
"@types/node": "^12.12.26",
"@types/react": "^16.9.19",
"@types/react": "17.0.11",
Copy link
Contributor

Choose a reason for hiding this comment

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

Let's keep React at ^16.9.19

CHANGELOG.md Outdated

### New Feature

- This release adds a virtual background feature. This feature allows users to blur their background or apply a background image from the background selection window. The virtual backgrounds are applied to the video tracks using the [Twilio Video Processors SDK](https://www.twilio.com/docs/video/video-processors). For more information, please view this [blog post](https://www.twilio.com/blog/introducing-virtual-backgrounds-browser-based-video-applications).
Copy link
Contributor

@timmydoza timmydoza Aug 6, 2021

Choose a reason for hiding this comment

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

Nice description! Let's add a link to the PR at the end of the description:

Suggested change
- This release adds a virtual background feature. This feature allows users to blur their background or apply a background image from the background selection window. The virtual backgrounds are applied to the video tracks using the [Twilio Video Processors SDK](https://www.twilio.com/docs/video/video-processors). For more information, please view this [blog post](https://www.twilio.com/blog/introducing-virtual-backgrounds-browser-based-video-applications).
- This release adds a virtual background feature. This feature allows users to blur their background or apply a background image from the background selection window. The virtual backgrounds are applied to the video tracks using the [Twilio Video Processors SDK](https://www.twilio.com/docs/video/video-processors). For more information, please view this [blog post](https://www.twilio.com/blog/introducing-virtual-backgrounds-browser-based-video-applications). [#574](https://github.com/twilio/twilio-video-app-react/pull/574)

### New Feature

- This release adds a virtual background feature. This feature allows users to blur their background or apply a background image from the background selection window. The virtual backgrounds are applied to the video tracks using the [Twilio Video Processors SDK](https://www.twilio.com/docs/video/video-processors). For more information, please view this [blog post](https://www.twilio.com/blog/introducing-virtual-backgrounds-browser-based-video-applications).

Copy link
Contributor

Choose a reason for hiding this comment

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

Also here let's add information about the package upgrades that happened in #568.

### Dependency Upgrades
-`@material-ui/core` has been updated from 4.9.1. to 4.12.3. [#568](https://github.com/twilio/twilio-video-app-react/pull/568)
-`@material-ui/icons` has been updated from 4.9.1. to 4.11.12. [#568](https://github.com/twilio/twilio-video-app-react/pull/568)
-`@twilio/conversations` has been updated from 1.1.0. to 1.2.3. [#568](https://github.com/twilio/twilio-video-app-react/pull/568)

@timmydoza
Copy link
Contributor

Also, when I run npm install, there is a change made to package-lock.json. Let's commit that change.

@charliesantos charliesantos merged commit 26204a6 into master Aug 9, 2021
@charliesantos charliesantos deleted the feature/virtualbackground branch August 9, 2021 16:31
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.

4 participants