Comunic/ComunicWeb
1
0
Fork 0
mirror of https://github.com/pierre42100/ComunicWeb synced 2024-12-24 18:08:50 +00:00
Code Issues Projects Releases Wiki Activity

Improve script

Browse Source
This commit is contained in:
Pierre HUBERT 2021-01-30 19:21:39 +01:00
parent cc3bdd1b0a
commit 7df6e5b3bf
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
assets/js/components/calls/window.js
View File

@ -924,19 +924,18 @@ class CallWindow extends CustomEvents {
if(!this.isOpen)
return
// If streaming video stream, allow to blur background
if(includeVideo)
{
// Create capture
const videoTarget = document.createElement("video");
videoTarget.muted = true;
videoTarget.srcObject = stream;
videoTarget.play()
const canvasTarget = document.createElement("canvas");
const canvas = canvasTarget.getContext("2d");
document.body.appendChild(videoTarget) // TODO : remove
document.body.appendChild(canvasTarget) // TODO : remove
bodyPix.load({
multiplier: 0.75,
stride: 32,
@ -945,28 +944,29 @@ document.body.appendChild(canvasTarget) // TODO : remove
(async () => {
try {
//await new Promise((res) => setTimeout(() => res(), 3000));
// Wait for video to be ready
await new Promise((res, rej) => videoTarget.addEventListener("loadeddata", e => res(), {once: true}));
alert("do it");
videoTarget.width = this.mainStream.getVideoTracks()[0].getSettings().width
videoTarget.height = this.mainStream.getVideoTracks()[0].getSettings().height
const videoTrack = this.mainStream.getVideoTracks()[0];
// Fix size
videoTarget.width = videoTrack.getSettings().width
videoTarget.height = videoTrack.getSettings().height
canvasTarget.width = videoTarget.width;
canvasTarget.height = videoTarget.height;
while(true) // TODO : Find something better
while(videoTrack.readyState == "live")
{
const segmentation = await net.segmentPerson(videoTarget);
const backgroundBlurAmount = 6;
const edgeBlurAmount = 2;
const flipHorizontal = true;
console.info(
canvasTarget, videoTarget, segmentation, backgroundBlurAmount,
edgeBlurAmount, flipHorizontal);
bodyPix.drawBokehEffect(
canvasTarget, videoTarget, segmentation, backgroundBlurAmount,
edgeBlurAmount, flipHorizontal);
console.log("track update");
}
}
catch(e)