virtual-background:有关将虚拟背景添加到浏览器中的实时视频流的演示-源码

上传者: 42134097 | 上传时间: 2021-06-28 15:44:45 | 文件大小: 19.45MB | 文件类型: ZIP
虚拟背景 在浏览器中向实时视频流添加虚拟背景的演示。 :backhand_index_pointing_right: 目录 实施细节 在此演示中,您可以在2种不同的ML预训练细分模型之间进行切换: 和 。 体素 对于此演示的简单背景图像用例,BodyPix中提供的绘图工具未经过优化。 这就是为什么我不习惯使用API​​中的或方法来获得更高的帧速率。 不使用BodyPix API的方法。 而是使用配置属性,并设置根据分段蒙版混合不同的图层。 结果在笔记本电脑上提供了有趣的帧速率(Chromebook在MacBook Pro 2017上约为20 FPS),但在移动设备上却不可用(Chrome在Pixel 3上约为8 FPS)。 与Meet分割模型相比,在这两种设备上,分割均缺乏精度。 注意:BodyPix依赖于设备的默认TensorFlow.js后端(即通常为webgl )。 对于此型号, 似乎较慢,至少在MacBook Pro上如此。 Me

文件下载

资源详情

[{"title":"( 84 个子文件 19.45MB ) virtual-background:有关将虚拟背景添加到浏览器中的实时视频流的演示-源码","children":[{"title":"virtual-background-main","children":[{"title":".github","children":[{"title":"workflows","children":[{"title":"ci.yml <span style='color:#111;'> 498B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"public","children":[{"title":"manifest.json <span style='color:#111;'> 492B </span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'> 2.68KB </span>","children":null,"spread":false},{"title":"models","children":[{"title":"segm_lite_v681.tflite <span style='color:#111;'> 397.69KB </span>","children":null,"spread":false},{"title":"segm_full_v679.tflite <span style='color:#111;'> 397.70KB </span>","children":null,"spread":false}],"spread":true},{"title":"robots.txt <span style='color:#111;'> 67B </span>","children":null,"spread":false},{"title":"favicon.ico <span style='color:#111;'> 3.78KB </span>","children":null,"spread":false},{"title":"images","children":[{"title":"woman-5883428_1280.jpg <span style='color:#111;'> 161.08KB </span>","children":null,"spread":false},{"title":"doctor-5871743_640.jpg <span style='color:#111;'> 37.21KB </span>","children":null,"spread":false},{"title":"girl-919048_1280.jpg <span style='color:#111;'> 94.71KB </span>","children":null,"spread":false}],"spread":true},{"title":"logo512.png <span style='color:#111;'> 9.44KB </span>","children":null,"spread":false},{"title":"videos","children":[{"title":"Doctor - 26732.mp4 <span style='color:#111;'> 3.07MB </span>","children":null,"spread":false},{"title":"Dance - 32938.mp4 <span style='color:#111;'> 11.37MB </span>","children":null,"spread":false},{"title":"Thoughtful - 35590.mp4 <span style='color:#111;'> 677.34KB </span>","children":null,"spread":false}],"spread":true},{"title":"backgrounds","children":[{"title":"shibuyasky-4768679_1280.jpg <span style='color:#111;'> 215.72KB </span>","children":null,"spread":false},{"title":"architecture-5082700_1280.jpg <span style='color:#111;'> 340.82KB </span>","children":null,"spread":false},{"title":"saxon-switzerland-539418_1280.jpg <span style='color:#111;'> 284.26KB </span>","children":null,"spread":false},{"title":"porch-691330_1280.jpg <span style='color:#111;'> 437.05KB </span>","children":null,"spread":false}],"spread":true},{"title":"tflite","children":[{"title":"tflite-simd.js <span style='color:#111;'> 20.10KB </span>","children":null,"spread":false},{"title":"tflite.js <span style='color:#111;'> 20.05KB </span>","children":null,"spread":false},{"title":"tflite-simd.wasm <span style='color:#111;'> 2.09MB </span>","children":null,"spread":false},{"title":"tflite.wasm <span style='color:#111;'> 1.56MB </span>","children":null,"spread":false}],"spread":true},{"title":"logo192.png <span style='color:#111;'> 5.22KB </span>","children":null,"spread":false}],"spread":false},{"title":"yarn.lock <span style='color:#111;'> 514.98KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"index.tsx <span style='color:#111;'> 548B </span>","children":null,"spread":false},{"title":"pipelines","children":[{"title":"webgl2","children":[{"title":"jointBilateralFilterStage.ts <span style='color:#111;'> 4.82KB </span>","children":null,"spread":false},{"title":"backgroundBlurStage.ts <span style='color:#111;'> 3.03KB </span>","children":null,"spread":false},{"title":"softmaxStage.ts <span style='color:#111;'> 2.60KB </span>","children":null,"spread":false},{"title":"webgl2Pipeline.ts <span style='color:#111;'> 5.21KB </span>","children":null,"spread":false},{"title":"backgroundImageStage.ts <span style='color:#111;'> 6.50KB </span>","children":null,"spread":false},{"title":"resizingStage.ts <span style='color:#111;'> 2.56KB </span>","children":null,"spread":false}],"spread":true},{"title":"canvas2d","children":[{"title":"canvas2dPipeline.ts <span style='color:#111;'> 4.87KB </span>","children":null,"spread":false}],"spread":true},{"title":"helpers","children":[{"title":"webglHelper.ts <span style='color:#111;'> 2.60KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"shared","children":[{"title":"components","children":[{"title":"ImageButton.tsx <span style='color:#111;'> 522B </span>","children":null,"spread":false},{"title":"TumbnailButton.tsx <span style='color:#111;'> 1.28KB </span>","children":null,"spread":false},{"title":"SelectionButton.tsx <span style='color:#111;'> 1.28KB </span>","children":null,"spread":false},{"title":"VideoButton.tsx <span style='color:#111;'> 972B </span>","children":null,"spread":false},{"title":"SelectionIconButton.tsx <span style='color:#111;'> 932B </span>","children":null,"spread":false}],"spread":true},{"title":"helpers","children":[{"title":"thumbnailHelper.ts <span style='color:#111;'> 928B </span>","children":null,"spread":false}],"spread":true},{"title":"hooks","children":[{"title":"useVideoThumbnail.ts <span style='color:#111;'> 831B </span>","children":null,"spread":false},{"title":"useImageThumbnail.ts <span style='color:#111;'> 726B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"core","children":[{"title":"components","children":[{"title":"OutputViewer.tsx <span style='color:#111;'> 2.77KB </span>","children":null,"spread":false},{"title":"ViewerCard.tsx <span style='color:#111;'> 2.44KB </span>","children":null,"spread":false},{"title":"SourceConfigCard.tsx <span style='color:#111;'> 1.84KB </span>","children":null,"spread":false},{"title":"SegmentationConfigCard.tsx <span style='color:#111;'> 5.44KB </span>","children":null,"spread":false},{"title":"BackgroundConfigCard.tsx <span style='color:#111;'> 1.76KB </span>","children":null,"spread":false},{"title":"PostProcessingConfigCard.tsx <span style='color:#111;'> 5.14KB </span>","children":null,"spread":false},{"title":"SourceViewer.tsx <span style='color:#111;'> 3.47KB </span>","children":null,"spread":false}],"spread":true},{"title":"helpers","children":[{"title":"segmentationHelper.ts <span style='color:#111;'> 536B </span>","children":null,"spread":false},{"title":"backgroundHelper.ts <span style='color:#111;'> 319B </span>","children":null,"spread":false},{"title":"postProcessingHelper.ts <span style='color:#111;'> 338B </span>","children":null,"spread":false},{"title":"sourceHelper.ts <span style='color:#111;'> 550B </span>","children":null,"spread":false},{"title":"renderingPipelineHelper.ts <span style='color:#111;'> 352B </span>","children":null,"spread":false}],"spread":true},{"title":"hooks","children":[{"title":"useStats.ts <span style='color:#111;'> 1.29KB </span>","children":null,"spread":false},{"title":"useRenderingPipeline.ts <span style='color:#111;'> 2.69KB </span>","children":null,"spread":false},{"title":"useBodyPix.ts <span style='color:#111;'> 556B </span>","children":null,"spread":false},{"title":"useTFLite.ts <span style='color:#111;'> 3.63KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"App.tsx <span style='color:#111;'> 3.14KB </span>","children":null,"spread":false},{"title":"react-app-env.d.ts <span style='color:#111;'> 40B </span>","children":null,"spread":false},{"title":"setupTests.ts <span style='color:#111;'> 240B </span>","children":null,"spread":false},{"title":"reportWebVitals.ts <span style='color:#111;'> 416B </span>","children":null,"spread":false}],"spread":true},{"title":".vscode","children":[{"title":"settings.json <span style='color:#111;'> 178B </span>","children":null,"spread":false}],"spread":true},{"title":"tsconfig.json <span style='color:#111;'> 503B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 9.76KB </span>","children":null,"spread":false},{"title":"docs","children":[{"title":"screenshot.png <span style='color:#111;'> 848.48KB </span>","children":null,"spread":false}],"spread":true},{"title":".gitignore <span style='color:#111;'> 346B </span>","children":null,"spread":false},{"title":"tflite","children":[{"title":"toolchain","children":[{"title":"wasm_rules.bzl <span style='color:#111;'> 155B </span>","children":null,"spread":false},{"title":"wasm_binary.py <span style='color:#111;'> 2.73KB </span>","children":null,"spread":false},{"title":"link_wrapper.py <span style='color:#111;'> 4.86KB </span>","children":null,"spread":false},{"title":"emar.sh <span style='color:#111;'> 76B </span>","children":null,"spread":false},{"title":"wasm_cc_binary.bzl <span style='color:#111;'> 4.58KB </span>","children":null,"spread":false},{"title":"emcc_link.sh <span style='color:#111;'> 82B </span>","children":null,"spread":false},{"title":"emscripten.BUILD <span style='color:#111;'> 111B </span>","children":null,"spread":false},{"title":"env.sh <span style='color:#111;'> 158B </span>","children":null,"spread":false},{"title":"emscripten_config <span style='color:#111;'> 408B </span>","children":null,"spread":false},{"title":"BUILD.bazel <span style='color:#111;'> 1.66KB </span>","children":null,"spread":false},{"title":"emcc.sh <span style='color:#111;'> 95B </span>","children":null,"spread":false},{"title":"crosstool.bzl <span style='color:#111;'> 37.30KB </span>","children":null,"spread":false}],"spread":false},{"title":"Dockerfile <span style='color:#111;'> 453B </span>","children":null,"spread":false},{"title":"tflite.cc <span style='color:#111;'> 2.49KB </span>","children":null,"spread":false},{"title":"WORKSPACE <span style='color:#111;'> 1.56KB </span>","children":null,"spread":false},{"title":".bazelrc <span style='color:#111;'> 374B </span>","children":null,"spread":false},{"title":"BUILD <span style='color:#111;'> 1.08KB </span>","children":null,"spread":false}],"spread":true},{"title":"package.json <span style='color:#111;'> 2.89KB </span>","children":null,"spread":false}],"spread":false}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明