从这个页面来看，应用到的前端框架是Bootstrap；从设计的题目来看有两个根底的性能：辨认和翻译，应用Python调用接口实现。再通过Web框架——Flask将前后端联合。我的项目部署在文章中“三丰云”提供的收费虚拟主机和收费云服务器中，应用Nginx和uWSGI作服务器。

首先，花1分钟讲述应用接口的条件和返回的后果，再依据条件和后果配合流程和界面。调用接口都是须要一把钥匙，示意能够调用和调用的是什么类型。语音辨认返回的后果能够设定一些参数来筛选，比方，是否依据语义断句。假如总共有二十句话，这个后果对象Result对应二十条数据，每一条数据包含开始工夫、完结工夫和文本内容。再通过遍历将每一条数据的文本内容应用翻译接口失去翻译文本，最初存储在MongoDB数据库中。登录注册进入用户首页，点击新建，依据是视频还是音频，是否进行翻译抉择我的项目类型。所以首页左上角“全副”“视频”“音频”是三个页面，对应我的项目类型。这个三个页面在导航栏是这样辨别的，比方“视频”标签id为index0，应用JavaScript将页面继承的base模板（模板base.html）中id为index0的class赋值为激活，体现为选中的状态。新建一个我的项目进行辨认和翻译。能够看到提醒是短少对应的引擎，点击进入引擎信息填写并提交。提交胜利后主动返回首页，也能够在用户核心进行信息增加和删除。新建我的项目能够填写我的项目名，在下拉框从已增加的引擎中抉择，在本地文件中抉择视频文件最初提交，页面将跳转回首页显示已提交的我的项目。这时程序应用“FFmpeg”将视频转换为合乎接口应用的16K采样率的wav音频，失去视频的第一帧作为的封面，获取视频时长，如果上传音频则采纳默认图片作为封面。这些信息和信息的门路称为Projects文档被存储在MongoDB数据库中供后续拜访，还存储了其余信息，应用到的时候再介绍。