Skip to content

DamienLee2017/BookPlayer

 
 

Repository files navigation

BookPlayer 每天听本书App

该项目实现了:

  • 播放器功能
    • 倍速播放
    • 连续播放
    • 播放列表
    • ...
  • 听书
    • 排序
    • 分月/区间浏览
    • 已读变灰色
    • 图片的预览图和高清图切换
    • 解析xmind文件
    • 书籍的搜索
    • 历史记录
  • 课程
    • 和听书类似
    • 没有xmind只有图片文稿
  • App
    • PWA 集成
    • 可借助 Lavas 生成 Android App ...

技术栈

  • vue + vuex + vue-router + vue cli3 + LeanCloud + PWA(可以借助Lavas生成AndroidApp) + 腾讯云对象存储

项目运行

git clone https://github.com/worklinwu/BookPlayer.git

cd BookPlayer

npm i  或 yarn

npm run dev

LeanCloud 配置

  1. 先注册 LeanCloud 账号
  2. 创建应用,命名为 BookPlayer, 或者自己喜欢的
  3. 进入应用后,在存储的创建 Class旁边有个加号,点击选择数据导入
  4. 把目录下的 json 文件导入
  5. 查看侧边栏的设置 -> 应用key,复制替换掉该项目的 .envVUE_APP_LEANCLOUD_APP_IDVUE_APP_LEANCLOUD_APP_KEY
  6. 重启项目,看看效果吧

效果演示

传送门

Android App 下载

二维码

总结

因为自己有个需求,特别的痒,昼夜难免。第二天就开始起手做这个项目,利用业余时间,大概持续了10天时间(因为边学边做),从设计到数据(包括解析物理文件)到前端。总于把我想要的效果做出来了。 因为数据涉及到版权问题,所以只搞了部分数据来做演示,哈哈。

如果这个项目能帮助到你,给个 star 支持一下。

About

每天听本书App

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 40.9%
  • JavaScript 30.9%
  • CSS 26.8%
  • HTML 1.4%