update ui

app.py

@@ -28,30 +28,31 @@ if __name__ == "__main__":
     def video_clip_addsub(dest_text, start_ost, end_ost, state, font_size, font_color):
         return audio_clipper.video_clip(dest_text, start_ost, end_ost, state, font_size, font_color, add_sub=True)
 
-    '''
+    
     top_md_1 = ("""
-    基于达摩院自研Paraformer-长音频版的语音识别、端点检测、标点预测、时间戳功能
+    A video clip tool based on Paraformer-long's VAD, ASR, timestamp prediction, punctuation restoration abilities.
 
-    准确识别，自由复制所需段落并一键裁剪、添加字幕
+    Get the video clip simply following steps:
 
-    * Step1: 上传视频文件（或使用下方的用例体验），点击 **<font color="#f7802b">识别</font>** 按钮
-    * Step2: 复制识别结果中所需的文字至右上方，设置偏移与字幕配置（可选）
-    * Step3: 点击 **<font color="#f7802b">裁剪</font>** 按钮或 **<font color="#f7802b">裁剪并添加字幕</font>** 按钮获得结果
+    * Step1: Upload video file (or try examples below), click **<font color="#f7802b">Recognize</font>** button
+    * Step2: Copy text segments you need to 'Text to Clip', set the subtitle settings (if you need)
+    * Step3: Click **<font color="#f7802b">Clip</font>** button or **<font color="#f7802b">Clip and Generate Subtitles</font>** button
     """)
-    '''
+    
 
     top_md_2 = ("""
-    受到网络传输与服务资源的限制，用于体验的视频最好大小在40mb以下
-    过大的视频可以尝试分离音轨使用音频剪辑，或 **<font color="#1785c4">通过源代码将您的ClipVideo服务部署在本地（推荐）</font>** ：
+    The video had better to have size under 40Mb,
+    For video in large size, you can split the audio from it and use 'Audio Clip',
+    or **<font color="#1785c4">establish your own gradio service with the source code (recommanded)</font>** :
     <div align="center">
     <div style="display:flex; gap: 0.25rem;" align="center">
     FunASR_APP: <a href='https://github.com/alibaba/funasr-app'><img src='https://img.shields.io/badge/Github-Code-blue'></a> 
-    🌟支持我们: <a href='https://github.com/alibaba/funasr-app/stargazers'><img src='https://img.shields.io/github/stars/alibaba/funasr-app.svg?style=social'></a>
+    🌟Support Us: <a href='https://github.com/alibaba/funasr-app/stargazers'><img src='https://img.shields.io/github/stars/alibaba/funasr-app.svg?style=social'></a>
     </div>
     </div>
     """)
 
-    top_md_3 = ("""访问FunASR项目与论文能够帮助您深入了解ClipVideo中所使用的语音处理相关模型：
+    top_md_3 = ("""You may understand FunASR futher with source code and paper:
     <div align="center">
     <div style="display:flex; gap: 0.25rem;" align="center">
         FunASR: <a href='https://github.com/alibaba-damo-academy/FunASR'><img src='https://img.shields.io/badge/Github-Code-blue'></a> 
@@ -64,9 +65,9 @@ if __name__ == "__main__":
     # gradio interface
     with gr.Blocks() as demo:
         #gr.Image("./examples/guide.png", show_label=False)
-        # gr.Markdown(top_md_1)
-        #gr.Markdown(top_md_2)
-        #gr.Markdown(top_md_3)
+        gr.Markdown(top_md_1)
+        gr.Markdown(top_md_2)
+        gr.Markdown(top_md_3)
         video_state = gr.State()
         audio_state = gr.State()
         with gr.Tab("🎥✂️视频裁剪 Video Clipping"):