Add video of web-ui (#326)

Author: tastelikefeet

README.md

@@ -111,7 +111,27 @@ Users can check the [documentation of SWIFT](docs/source/GetStarted/快速使用
 
 
 ## ✨ LLM Training and Inference
+### WEB UI training and inference
+
+After installation, you can use web-ui training/inference like:
+
+```shell
+SWIFT_UI_LANG=en swift web-ui
+```
+
+> Supported environment variables:
+>
+> WEBUI_SHARE=1 Share the gradio or not
+> SWIFT_UI_LANG=en/zh The language of radio
+> WEBUI_SERVER server_name， web-ui host ip，0.0.0.0 means all routes are allowed，127.0.0.1 means only localhost can visit the web
+> WEBUI_PORT The port of web-ui
+
+Here is a simple introduction of web-ui:
+
+<video controls>     <source src="https://modelscope-open.oss-cn-hangzhou.aliyuncs.com/SWIFT%E8%A7%86%E9%A2%91_%E8%B0%83%E6%95%B4%E5%B0%81%E9%9D%A2.mp4" type="video/mp4">     </video>
+
 ### Simple Usage
+
 - **Self-cognition fine-tuning** for large models in **10 minutes**, creating a personalized large model, please refer to [Best Practices for Self-cognition Fine-tuning](https://github.com/modelscope/swift/blob/main/docs/source/LLM/自我认知微调最佳实践.md).
 - Quickly perform **inference** on LLM and build a **Web-UI**, see the [LLM Inference Documentation](https://github.com/modelscope/swift/blob/main/docs/source/LLM/LLM推理文档.md).
 - Rapidly **fine-tune** and perform inference on LLM, and build a Web-UI, see the [LLM Fine-tuning Documentation](https://github.com/modelscope/swift/blob/main/docs/source/LLM/LLM微调文档.md).

README_CN.md

@@ -109,7 +109,27 @@ SWIFT（Scalable lightWeight Infrastructure for Fine-Tuning）是一个可扩展
 
 
 ## ✨ 大模型训练推理
+### WEB UI训练推理
+
+安装SWIFT之后，用如下方式启动界面训练推理：
+
+```shell
+swift web-ui
+```
+
+> 支持的环境变量：
+>
+> WEBUI_SHARE=1 控制gradio是否是share状态
+> SWIFT_UI_LANG=en/zh 控制web-ui界面语言
+> WEBUI_SERVER server_name参数， web-ui host ip，0.0.0.0代表所有ip均可访问，127.0.0.1代表只允许本机访问
+> WEBUI_PORT web-ui的端口号
+
+下面是一个web-ui的简单视频介绍：
+
+<video controls>     <source src="https://modelscope-open.oss-cn-hangzhou.aliyuncs.com/SWIFT%E8%A7%86%E9%A2%91_%E8%B0%83%E6%95%B4%E5%B0%81%E9%9D%A2.mp4" type="video/mp4">     </video>
+
 ### 简单使用
+
 - **10分钟**对大模型进行**自我认知微调**, 创建专属于自己的大模型, 可以查看[自我认知微调最佳实践](https://github.com/modelscope/swift/blob/main/docs/source/LLM/自我认知微调最佳实践.md).
 - 快速对LLM进行**推理**, 搭建**Web-UI**, 可以查看[LLM推理文档](https://github.com/modelscope/swift/blob/main/docs/source/LLM/LLM推理文档.md).
 - 快速对LLM进行**微调**, 推理并搭建Web-UI, 可以查看[LLM微调文档](https://github.com/modelscope/swift/blob/main/docs/source/LLM/LLM微调文档.md).

docs/source/cources/sft.md

@@ -121,7 +121,7 @@ pip install ms-swift -U
 swift web-ui
 ```
 
-
+<video controls>     <source src="https://modelscope-open.oss-cn-hangzhou.aliyuncs.com/SWIFT%E8%A7%86%E9%A2%91_%E8%B0%83%E6%95%B4%E5%B0%81%E9%9D%A2.mp4" type="video/mp4">     </video>
 
 在框架中，一个最小的训练过程代码如下：