今天小编给大家分享一下JS怎么实现一个微信录音功能的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。根据原型图可以很容易的得出我们需要做的内容包括下面三个部分:接入微信的语音SDK调用微信SDK的API逻辑界面和交互的实现其中第一点和第二点属于业务逻辑部分,第三点属于交互逻辑部分。对于业务逻辑和交互逻辑的关系在我的另外一篇文章描述过,我在vue中是这样拆分组件的从原型图可以分析出如下的流程图:第三事情是评估时间。在接到这个需求的时候,我们需要假设我们在此之前没有接入过微信相关的SDK,并以此为前提进行工期的评估。可以将该用户故事拆分为如下任务:微信语音SDK的技术调研(0.5天)输出开发设计文档(0.5天)接入微信语音SDK(0.5天)编码(1天)自测(0.5天)随后将上面的时间都乘以2! 自此才可以将估算的工期上报给产品。多年的经验告诉自己,自己一开始估算的工期从来没够过。自行估算的时候,幻想的是在工作的时候能够一直保持专注。就我自己而言,做不到,上班不可能不摸鱼!也是必须要摸鱼的。乘以2才是刚够而已。都说在实现代码之前要先设计,谋定而后动。我是这样做的,先想好文件免费云主机域名夹创建,然后到文件的创建,再到具体文件中写出大体的框架。需求并不复杂,只是一个界面中的一个模块。所以我只需要一个Record.vue
来承载界面,一个use-record-layout.js
来承载业务逻辑,以及一个use-record-interact.js
来承接交互逻辑。为了便于说明,将这个聊天的界面简化如下:通过上面的代码片段可知,我们的主要的界面在section
标签的record
部分。use-record-layout.js
的主题代码如下:其中recordStyle是交互的结果,在这个需求当中,我们的界面的四种变化都对应其中一个的样式。use-record-interact.js
也很简单,注册微信录音功能 ➡️交互逻辑和业务逻辑的联动通过recordStyle
对象的存取属性来实现,代码片段如下:实现了业务逻辑和交互逻辑的分离。以上就是“JS怎么实现一个微信录音功能”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注百云主机行业资讯频道。
本文小编为大家详细介绍“JavaScript怎么实现文本转换为文件”,内容详细,步骤清晰,细节处理妥当,希望这篇“JavaScript怎么实现文本转换为文件”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。目录结构如下:textarea…
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。