# wxreading
>[小程序跟读]
##项目介绍
本项目是基于<微信小程序>做的一套语音跟读,
分为【用户/登陆系统、查看教材、查看课程安排、参与跟读(录音/上传/合成)、结果展示】等功能
##开发/调试环境
微信版本:6.3.30
IOS版本:IOS_10.0.2
微信开发调试工具:v0.10.102800
操作系统:Win7
开发/调试:iPhone6S真机/微信工具预览,PHPstorm编码
##使用说明
1. 由于微信安全域名的限制,如果你填了自己的APPID,所有请求都会失败
2. 无APPID的情况下,使用微信登录会存在问题,请使用手机号登录
3. 目前是测试版本,故未接入短信平台,所以手机是收不到验证码的,直接点获取验证码就已经填上了
4. 如需在微信中体验完整功能,请联系文末的邮箱,注明理由和微信号申请体验权限
##使用过程遇到的坑丶记录
1. 背景图不生效,改用image或者Base64
2. 执行POST请求异常,将data中的JSON对象格式化为from序列
3. 页面切换的参数接收异常,在onload方法中,默认的参数即使上一页面传过来的Object参数
4. 在使用data-readingItem的时候,微信解析为dataset的时候会转成小写
5. 多页面的时候,在app.json中重复配置,会编译失败
6. 直接使用 this.data.XXX = XXX 赋值的时候,数据是不会同步更新到VM即WXML中的,必须使用其setData方法
7. 循环加载JSON数据集合时,如果其中有项是null,在开发工具中加载正常,但是在手机中浏览时显示空白页,并且调试时没有错误信息,所以需要对可能为null的数据进行判断
PS:由于有预处理,所以没有遇到这个问题
8. 针对swiper控件,设置min-height不生效,必须设置height,同时swiper-item的间隙也有坑,项目中有实践
9. 使用uploadFile-formData传递参数的时候,formData是个三项的JSON,PHP通过$_REQUEST尽然只能接到最后一个参数
PS:怀疑是微信的坑,后来使用的是将其以GET方式提交,才正常接到
10. 在使用for循环的时候,用的是立即执行的闭包函数,但是PHP端接到的三个请求的time竟然是一样的,这直接导致了文件获取的异常,
目前未找到真实原因,是本人对for循环理解太浅?后通过额外加参数解决
11. 微信录制的音频格式为.silk格式,具体可以Google,强大的ffmpeg都没法直接解码,最后使用了GitHub上的一个开源Decoder库,
解码成功转成了MP3,感谢作者,地址:https://github.com/kn007/silk-v3-decoder
12.使用循环的时候注意for-items里面要有大括号,而for-item里面没有大括号,同时谨慎使用IDE的代码format功能
##未解之谜|改进方向
1. for循环中的立即执行函数时间是完全一致的?
2. 在页面切换的时候,切换到特定页面,需要先校验其是否登陆,然后跳转登陆页,结果真机上实践,几乎都是失败的
3. 后期考虑使用登陆蒙层来解决,但是每个页面怎么自动引入登陆的template?
4. 代码执行完之后,在回调中直接navigateTo或者redirectTo失败率很高,暂时用setTimeOut缓解。
5. 下拉刷新的样式后期考虑自己定制,封装成方法
6. 进一步扩充工具类,封装实用方法
##真机预览图
![p11](http://jfun.top/static/images/wxapp/p11.jpg)
![p1](http://jfun.top/static/images/wxapp/p1.jpg)
![p2](http://jfun.top/static/images/wxapp/p2.jpg)
![p3](http://jfun.top/static/images/wxapp/p3.jpg)
![p4](http://jfun.top/static/images/wxapp/p4.jpg)
![p5](http://jfun.top/static/images/wxapp/p5.jpg)
![p6](http://jfun.top/static/images/wxapp/p6.jpg)
![p7](http://jfun.top/static/images/wxapp/p7.jpg)
![p8](http://jfun.top/static/images/wxapp/p8.jpg)
![p9](http://jfun.top/static/images/wxapp/p9.jpg)
![p10](http://jfun.top/static/images/wxapp/p10.jpg)
##Connect Me
######email: jxk854613@163.com
######blog: jfun.top/wordpress
没有合适的资源?快使用搜索试试~ 我知道了~
小程序源码 语音跟读 (代码+截图)
共116个文件
png:62个
json:12个
js:11个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
5星 · 超过95%的资源 2 下载量 12 浏览量
2022-06-19
16:48:53
上传
评论 1
收藏 1.15MB RAR 举报
温馨提示
小程序源码 语音跟读 (代码+截图)小程序源码 语音跟读 (代码+截图)小程序源码 语音跟读 (代码+截图)小程序源码 语音跟读 (代码+截图)小程序源码 语音跟读 (代码+截图)小程序源码 语音跟读 (代码+截图)小程序源码 语音跟读 (代码+截图)小程序源码 语音跟读 (代码+截图)小程序源码 语音跟读 (代码+截图)小程序源码 语音跟读 (代码+截图)小程序源码 语音跟读 (代码+截图)小程序源码 语音跟读 (代码+截图)小程序源码 语音跟读 (代码+截图)小程序源码 语音跟读 (代码+截图)小程序源码 语音跟读 (代码+截图)小程序源码 语音跟读 (代码+截图)小程序源码 语音跟读 (代码+截图)小程序源码 语音跟读 (代码+截图)小程序源码 语音跟读 (代码+截图)小程序源码 语音跟读 (代码+截图)小程序源码 语音跟读 (代码+截图)小程序源码 语音跟读 (代码+截图)小程序源码 语音跟读 (代码+截图)小程序源码 语音跟读 (代码+截图)小程序源码 语音跟读 (代码+截图)小程序源码 语音跟读 (代码+截图)小程序源码 语音跟读 (代码+截图)小程序源码 语音跟读 (代码
资源推荐
资源详情
资源评论
收起资源包目录
小程序源码 语音跟读 (代码+截图) (116个子文件)
3.jpg 80KB
6.jpg 80KB
2.jpg 71KB
8.jpg 69KB
5.jpg 59KB
4.jpg 59KB
1.jpg 56KB
7.jpg 43KB
9.jpg 24KB
reading.js 9KB
login.js 7KB
util.js 6KB
flowerrank.js 3KB
course.js 3KB
courseintro.js 2KB
my.js 2KB
result.js 2KB
index.js 2KB
app.js 958B
logs.js 280B
material.json 2KB
app.json 994B
reading.json 87B
courseintro.json 56B
logs.json 56B
jsconfig.json 55B
result.json 54B
flowerrank.json 52B
login.json 46B
my.json 46B
index.json 46B
course.json 6B
LICENSE 1KB
README.md 4KB
img_reward_bg.png 252KB
img_login_swbg.png 44KB
img_read_taskBg.png 22KB
img_read_taskBg.png 22KB
img_read_taskBg.png 22KB
img_login_bg.png 14KB
btn_read_command.png 8KB
btn_read_command.png 8KB
btn_read_homework.png 8KB
btn_read_homework.png 8KB
btn_read_homework.png 8KB
btn_read_homework.png 8KB
img_read_flower_pink.png 8KB
btn_read_listenB.png 8KB
btn_read_listenB.png 8KB
btn_read_listenB.png 8KB
img_read_flower_white.png 8KB
img_read_flower_red.png 7KB
btn_read_voicePlay.png 7KB
btn_read_voicePlay.png 7KB
btn_read_voicePlay.png 7KB
btn_read_videoPlay.png 6KB
btn_read_videoPlay.png 6KB
btn_read_videoPlay.png 6KB
btn_read_teach.png 6KB
btn_read_teach.png 6KB
btn_read_teach.png 6KB
btn_read_record_stop.png 6KB
btn_read_record.png 5KB
btn_read_record.png 5KB
btn_read_record.png 5KB
btn_read_listenS.png 5KB
btn_read_listenS.png 5KB
btn_read_listenS.png 5KB
img_read_wordBg.png 4KB
img_read_wordBg.png 4KB
img_read_wordBg.png 4KB
btn_read_go.png 4KB
btn_read_go.png 4KB
btn_read_go.png 4KB
img_reward_two.png 4KB
img_reward_one.png 4KB
img_reward_three.png 3KB
img_login_wechat.png 3KB
btn_read_undone.png 3KB
btn_read_undone.png 3KB
btn_read_undone.png 3KB
img_read_voiceBg.png 3KB
img_read_voiceBg.png 3KB
img_read_voiceBg.png 3KB
img_read_flowerTag.png 1KB
btn_read_wordVoice.png 1KB
btn_read_wordVoice.png 1KB
btn_read_wordVoice.png 1KB
btn_read_voice.png 803B
btn_read_voice.png 803B
btn_read_voice.png 803B
btn_read_voice.png 803B
wechat.png 795B
wechat.png 795B
wechatHL.png 786B
wechatHL.png 786B
weapp.d.ts 42KB
flowerrank.wxml 4KB
courseintro.wxml 4KB
result.wxml 4KB
共 116 条
- 1
- 2
资源评论
- weixin_385959252023-04-27总算找到了自己想要的资源,对自己的启发很大,感谢分享~
- s457412022-11-07资源内容总结地很全面,值得借鉴,对我来说很有用,解决了我的燃眉之急。
荣华富贵8
- 粉丝: 124
- 资源: 7649
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功