# 睡前故事

**Repository Path**: wswww/sleep-stories

## Basic Information

- **Project Name**: 睡前故事
- **Description**: 睡前讲一些舒缓的故事，帮助你进入深度自然睡眠。
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-11-01
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 睡眠故事

> 睡前讲一些舒缓的故事，帮助你进入深度自然睡眠。

挑选生日礼物一直都是个难题，经历过送口红、项链、包包...，还有啥新意呢？ <br />
考虑到女友有失眠的症状，于是决定自己做一个助眠的APP，最终选定使用微信小程序进行开发。 <br />

经历、解决过各种问题后，阶段性成果如下。

### 1. 功能介绍

#### 基本功能

* 音乐功能

  - 适合睡前听的音乐，安心入眠。
  - 音频来源于 [网易云音乐 API](https://binaryify.github.io/NeteaseCloudMusicApi/#/)。
  - 使用云函数二次封装网易云音乐API接口，方便调用。
  - 效果待优化。
  
* 故事功能

  - 适合女朋友听的睡前故事。
  - 故事来源于 [情侣故事网](https://www.qlgushi.com/)。
  - 使用云函数进行数据爬取、转换，保存数据到云开发数据库。
  - 使用讯飞转换音频，存放到到服务器上（后期准备上传到七牛云）。
  - 效果待优化。
  
* 我的

  - 收藏喜欢的音乐或者故事
  - 正在开发中...
  
 * 其他功能正在构思中。
  
#### 界面样式
  
  UI 样式来源于 [UI STORE DESIGN](https://www.uistore.design/items/meditation-free-app-ui-kit-for-figma/)。
  
 ### 2. 技术栈
 
 * 微信云开发。
   - 首页骨架屏渲染；
   - 自定义通用头部导航栏（基于插槽实现）；
   - 自定义 store，类似于 vuex（暂未实现 modules 用法）；
   - 自定义 forEach 异步迭代函数；
   - 代理 Page 对象，代理 setData 函数；
   - 巧妙跳过微信审核的版本控制方法（version）；
   - 云函数爬虫 axios + cheerio + db ；
   - 云开发 数据库操作；
 * Koa。
   - 封装阿里语音，讯飞语音工具；
   - 语音合成（TTS），支持 wav、mp3、pcm 格式合成；
 * jsdoc 通用注释
 
 ### 3. 项目截图
 
 ![s1](//p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/19584a1f76e740d99bca43fb7db42c9e~tplv-k3u1fbpfcp-zoom-1.image)
 
 ![s2](//p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/ee7655d85d2542f7a978517d64639ae1~tplv-k3u1fbpfcp-zoom-1.image)
 
 ![s3](//p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/33f93698500a4446ae3ffa9dbe60a6a0~tplv-k3u1fbpfcp-zoom-1.image)
 
 ### 4. 项目体验
 
 <br />
 
 ![睡前故事](//p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/20dc9620fa254d2598fc6295c52ad431~tplv-k3u1fbpfcp-zoom-1.image)
 
 ### 5. 项目地址
 
 [项目地址](https://gitee.com/the-moon-goes-down)。
 
 开源不易，感谢支持。