The features Ive described are also implemented here, so you can access them if youre interested.Amazon Chime SDK with over 16 video sessions This article is also available here.(Japanese).
Amazon Chime How To Achieve AThis time, Ill show you how to achieve a feature that has recently been talked about in other video conferencing tools.What Im going to show you is how to use slides of Powerpoint or other as a virtual background. I think its a good way to add a sense of realism to a remote presentation. Amazon Chime Software To UseIt uses Amazon Chime SDK (js), so you dont need to install any software to use it. In addition to slides of Power point, you can also make all of your screen-shareable windows the background. So, for example, you can do live coding with speakers on an editor. How to send the camera footage with Amazon Chime SDK As we discussed in a previous article on virtual backgrounds, the Amazon Chime SDK shows you how to register a camera devices ID as a common method for sending camera footage in tutorials and samples. So, in fact, the Amazon Chime SDK is designed to be flexible enough to share anything as long as you can get a MediaStream. For example, you can get a MediaStream from HTMLCanvasElement. Because of this, you can draw something on HTMLCanvasElement and deliver it. In this article, Ill use it again to create a virtual background for the slide. Image acquisition of slides In Virtual Backgrounds, BodyPix was used to discriminate between a persons area and the background area of the camera image, and then the background area was replaced with the image of the specified background image and drawn in HTMLCanvasElement. This time, we will retrieve the background image from an application window, such as PowerPoint. We can retrieve the applications video as a MediaStream by calling the following. After setting this as the source of the HTMLVideoElement, we draw a frame on an HTMLCanvasElement of the same size as the camera footage. Devices.getDisplayMedia().then(media. The process flow can be summarized as follows. The upper part of the image is the normal process flow of the virtual background as described above. Virtual Foreground From what weve seen so far, you can see that Amazon Chime SDK can deliver a variety of processed videos. For example, the figure below is a line drawing of a person, or Ascii art. As you can see, the Amazon Chime SDK allows for a variety of extensions by accepting MediaStream for the cameras video delivery. Its fun. Demo Weve prepared a site that incorporates the same logic as the one weve presented here. React App Web site created using create-react-app flect-lab-web.s3-us-west-2.amazonaws.com NPM I also made an npm package for easy use.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |