add image matting demo built upon Gradio WebGUI

README.md

@@ -4,9 +4,12 @@
 
 <p align="center">
   <a href="https://arxiv.org/pdf/2011.11961.pdf">Arxiv Preprint</a> |
-  <a href="https://youtu.be/PqJ3BRHX3Lc">Supplementary Video</a> |
-  <a href="https://colab.research.google.com/drive/1Pt3KDSc2q7WxFvekCnCLD8P0gBEbxm6J?usp=sharing">Video Matting Demo</a> :fire: |
-  <a href="https://colab.research.google.com/drive/1GANpbKT06aEFiW-Ssx0DQnnEADcXwQG6?usp=sharing">Image Matting Demo</a> :fire: 
+  <a href="https://youtu.be/PqJ3BRHX3Lc">Supplementary Video</a>
+</p>
+
+<p align="center">
+WebCam Demo [<a href="demo/video_matting/webcam">Offline</a>][<a href="https://colab.research.google.com/drive/1Pt3KDSc2q7WxFvekCnCLD8P0gBEbxm6J?usp=sharing">Colab</a>] |
+  Image Demo [<a href="https://gradio.app/g/modnet">WebGUI</a>][<a href="https://colab.research.google.com/drive/1GANpbKT06aEFiW-Ssx0DQnnEADcXwQG6?usp=sharing">Colab</a>]
 </p>
 
 <div align="center">This is the official project of our paper <b>Is a Green Screen Really Necessary for Real-Time Portrait Matting?</b></div>
@@ -17,22 +20,27 @@
 
 
 ## News
-- [Dec 10 2020] Release [Video Matting Demo](https://colab.research.google.com/drive/1Pt3KDSc2q7WxFvekCnCLD8P0gBEbxm6J?usp=sharing) and [Image Matting Demo](https://colab.research.google.com/drive/1GANpbKT06aEFiW-Ssx0DQnnEADcXwQG6?usp=sharing).
+- [Dec 15 2020] A cool [WebGUI](https://gradio.app/g/modnet) for image matting based on MODNet is built by the [Gradio](https://github.com/gradio-app/gradio) team! 
+- [Dec 10 2020] Release WebCam Matting Demo [[Offline](demo/video_matting/webcam)][[Colab](https://colab.research.google.com/drive/1Pt3KDSc2q7WxFvekCnCLD8P0gBEbxm6J?usp=sharing)] and Image Matting Demo [[WebGUI](https://gradio.app/g/modnet)][[Colab](https://colab.research.google.com/drive/1GANpbKT06aEFiW-Ssx0DQnnEADcXwQG6?usp=sharing)].
 - [Nov 24 2020] Release [Arxiv Preprint](https://arxiv.org/pdf/2011.11961.pdf) and [Supplementary Video](https://youtu.be/PqJ3BRHX3Lc).
 
 
-## Video Matting Demo 
-We provide two real-time portrait video matting demos based on WebCam.  When using the demo, you can move the WebCam around at will. 
+## WebCam Matting Demo 
+We provide two real-time portrait video matting demos based on WebCam. When using the demo, you can move the WebCam around at will. 
 If you have an Ubuntu system, we recommend you to try the [offline demo](demo/video_matting/webcam) to get a higher *fps*. Otherwise, you can access the [online Colab demo](https://colab.research.google.com/drive/1Pt3KDSc2q7WxFvekCnCLD8P0gBEbxm6J?usp=sharing).
 
-<img src="doc/gif/video_matting_demo.gif">
+<img src="doc/gif/video_matting_demo.gif" width='60%'>
 
 
 ## Image Matting Demo
 We provide an [online Colab demo](https://colab.research.google.com/drive/1GANpbKT06aEFiW-Ssx0DQnnEADcXwQG6?usp=sharing) for portrait image matting.  
 It allows you to upload portrait images and predict/visualize/download the alpha mattes. 
 
-<img src="doc/gif/image_matting_demo.gif">
+<img src="doc/gif/image_matting_demo.gif" width='40%'>
+
+You can also use this [WebGUI](https://gradio.app/g/modnet) (hosted on [Gradio](https://github.com/gradio-app/gradio)) for portrait image matting directly from your browser without any code! The source code of this demo is coming soon.
+
+<img src="https://i.ibb.co/9gLxFXF/modnet.gif" width='40%'>
 
 
 ## TO DO
@@ -45,9 +53,8 @@ This project is released under the [Creative Commons Attribution NonCommercial S
 
 
 ## Acknowledgement
-We thank [City University of Hong Kong](https://www.cityu.edu.hk/) and [SenseTime](https://www.sensetime.com/) for their support to this project.
-
-
+We thank [City University of Hong Kong](https://www.cityu.edu.hk/) and [SenseTime](https://www.sensetime.com/) for their support to this project.  
+We thank the [Gradio](https://github.com/gradio-app/gradio) team for their contributions to building the demos.
 ## Citation
 If this work helps your research, please consider to cite: