微信小程序+.NET(十四) 悦听小说小程序（待续）

最新推荐文章于 2024-04-19 09:00:32 发布

BeYourOwnHero

最新推荐文章于 2024-04-19 09:00:32 发布

阅读量1.3k

点赞数

分类专栏：微信小程序程序人生微信小程序+.NET 文章标签：微信小程序

本文链接：https://blog.csdn.net/jinglell/article/details/100009936

版权

微信小程序同时被 3 个专栏收录

26 篇文章 1 订阅

订阅专栏

程序人生

26 篇文章 0 订阅

订阅专栏

微信小程序+.NET

19 篇文章 4 订阅

订阅专栏

微信小程序之第二版展示

悦听小说(YueTingBook)

==》2019.12.16

今天知道个人微信号无法使用web-view,直接影响该项目很多功能，该项目待商城项目完成后继续研究。。。

1.阅读模式
后台：为爬虫网站增加目录爬取接口
前台：已经有目录按钮，设计目录展示效果
I.为展示的目录工具栏添加上下页按钮，并对章节名字绑定Url，点击章节后刷新页面内容
II.两种方案：a.分页，保留底部分页并左移，将朗读按钮(小)加到中间和底部工具栏(大)
b.不分页，朗读按钮(小)替代分页显示在内容底部和底部工具栏(大)
III.顶部导航栏样式修改
2.搜索页
I.将做好的微信端搜索页替代web-view的初始搜索页，web-view的搜索页用来显示搜索结果
II.解决用web-view的转码按钮替换tabBar，尝试实现类似悬浮按钮效果
3.发布
I.续费学生服务器，部署后台
II.发布微信小程序

2019.08.23 进度
1.完成目录功能的前后台开发：
后台：增加目录爬虫接口，新增数字转换，以及增加总页数等爬取信息
前台：阅读页新增目录分页效果，点击目录文章进入新章节
需要注意的点：z-index&position，scroll-into-view，正则表达式&字符串操作，中文数字&阿拉伯数字，template使用及传参，request执行顺序，微信小程序向上/下取整，
2.新的设计：
添加一个新的播放页，点击页面下方小按钮或是底部大按钮后进入该页面，设计为播放器样式。
//微信小程序自带播放器，自定义下标题为文章就行
目前的样式
在这里插入图片描述
'1’是发声人，设计为重新选择后会重置request允许状态，可以重新请求tts接口，否则在初始和选择一次后禁止重新请求tts接口
‘2’是耳机小按钮，给按钮设计了自定义双击事件，双击隐藏/显示’1’，取缔工具栏底部大按钮
'3’是微信自己的音频播放器，我自定义了封面、歌手-标题（对应章节-书名）

2019.08.24 待完成
1.目录章节的点击跳转后只是内容刷新了，音频状态等并未重置
2.发声人区域和底部工具栏区域的层级覆盖问题
3.科大讯飞tts的1000字节限制，即500字限制，将文本切分，这里可能出现多次request顺序混乱导致音频播放混乱，要找到解决方案，猜想：可以通过修改后台处理分组请求，最后可以用ffmpeg拼接完整音频一次性返回小程序从而防止音频播放顺序混乱和由于各段音频BackgroundAudioManager的src重置与src唯一性导致的各段音频碎片化

2019.09.05 进度
1.修复Crawler爬虫接口的html乱码问题
2.修复Crawler爬虫接口的JSON序列化问题
3.进行tts接口改版，切分文章分别请求tts并拼接为单个音频输出，目前拼接后顺序混乱

2019.09.06 进度
1.完成tts接口多线程处理tts并按先后顺序执行
2.完成tts接口拼接多个音频
3.进行微信小程序转码阅读页改版：

点击目录章节后刷新音频状态
生成语音时的等待过程显示加载动画
修改speeker之后立即暂停并刷新音频状态
目录显示效果，点击最底下章节后目录会跳到下一页
顶部bookName+chapterName小字和底部speeker小字、发声按钮

2019.09.09 进度
1.目录章节点击后将当前音频停止(stop)
2.修改speeker之后将当前音频暂停
（逻辑为：修改speeker后pause当前音频，可以通过微信的音频播放器界面继续播放，但是当再次单击底部小耳机按钮会stop当前音频并请求一次tts；一旦该speeker请求过一次tts，再次单击则不会再次请求而是将单击响应为pause/play事件）
3.整合了语音搜索功能

2019.09.09

悦听小说第二版基本完成了，微信小程序端实现了由自定义搜索页跳至网页搜索页，对自定义搜索页整合了语音搜索功能，对转码阅读页添加了目录功能和语音朗读功能；对后台接口也进行了改版，为章节爬虫接口增加了网页html自解码防压缩并添加了目录爬虫，对爬取信息进行了整理与拓展，为tts语音生成接口添加了分段tts及合并多段音频功能，以适配讯飞的1000字节限制。
目前还有一些小细节，比如：
1.目录接口对章节中文数字转阿拉伯数字时未考虑“第X卷第XX章 XXX”这种形式，我的正则表达式是按照“第X章 XX”这种格式来的，所以导致目录有问题，而且没考虑“X 后记”这种特殊章节情况。
2.目录显示效果几个问题，点击最底下章节后目录会跳到下一页，突出显示当前章节遇到多个章节号重复（网站问题）时显示哪个的问题，有的章节为什么突出显示多个章节（1.2两个问题其实都是由于章节号问题导致的，考虑换一个具有唯一性的值作为章节ID）
3.为所有的接口请求添加Loading动画
4.转码阅读页目录和顶部、底部显示效果优化，不遮挡
5.转码阅读页刷新后reLaunch导致所有页面关闭问题

下一步悦听小说第三版：
1.提取小程序页面独立成一个小程序
2.修复上述4个问题
3.实现用户（微信授权登陆）|（账号登陆+注册）功能，以及修改信息等用户管理功能，引入数据库
4.发布.NET后台
5.发布微信小程序

爬的网站又更新改版了。。。又要重新改了唉，后台爬虫接口也出现问题了，愁啊

2019.11.24
马上这个学期就要结束了，把这个项目再更新一波。
上个网站不好用了，重新找了一个，可以满足我的需求，还是很佩服我参考的科大讯飞的《听书神器》APP，在我停止更新我的小程序2个多月期间有了好几次大改版，目前除了对讯飞的看家本领语音功能增加了许多优化之外，还支持了目录，提前加载缓存下一章节，爬取封面到书架上等很实用的功能，我自己用的也是越来越喜欢，所以对我的这个项目也有了很多启发，手又痒了。