从这个页面来看，使用的前端框架是Bootstrap；从设计题目来看，有两个基本功能：识别和翻译，使用Python调用接口实现。然后使用web框架——Flask将前后端结合起来。项目部署在文中“三丰云”提供的免费虚拟主机和免费云服务器中，使用Nginx和uWSGI作为服务器。先花1分钟描述使用接口的条件和返回的结果，然后根据条件和结果配合流程和接口。调用接口需要一个key来表示可以调用什么类型，调用什么。语音识别返回的结果可以通过设置一些参数进行过滤，比如是否按照语义切分句子。假设总共有二十个句子，这个结果对象Result对应二十条数据，每条数据包括开始时间、结束时间和文本内容。然后使用翻译接口通过遍历获取每条数据的文本内容的翻译文本，最后存储到MongoDB数据库中。登录注册进入用户主页，点击新建，根据是视频还是音频选择项目类型，是否翻译。因此，首页左上角的“全部”、“视频”、“音频”三个页面，对应项目类型。三个页面在导航栏中就是这样区分的。例如，“Video”标签的id为index0，JavaScript用于将继承自页面的基础模板（templatebase.html）中id为index0的类指定为active，显示选中状态。创建一个用于识别和翻译的新项目。可以看到提示是缺少对应的引擎，点击进入引擎信息填写提交即可。提交成功后会自动返回首页，也可以在用户中心进行信息的增删改查。新建项目，可以填写项目名称，在下拉框中选择已添加的引擎，选择本地文件中的视频文件提交，页面会跳回首页显示提交的项目。此时程序使用“FFmpeg”将视频以界面使用的16K采样率转换为wav音频，获取视频第一帧作为封面，获取视频时长，使用默认图片作为如果音频已上传，请覆盖。这些信息和信息路径被称为Projects文件，存储在MongoDB数据库中供后续访问，同时也存储了其他信息，使用时会介绍。
