YunApp
基于RN开发的一款视频配音APP
Install / Use
/learn @MuYunyun/YunAppREADME
基于RN开发的一款视频配音APP
APP效果:
<a href="http://oegv7uazl.bkt.clouddn.com/show.gif">☁️动态效果展示☁️</a>
<div> <img src="http://oegv7uazl.bkt.clouddn.com/%E8%BD%AE%E6%92%AD%E5%9B%BE.png" width="33%" height="33%" float"left" height="700" alt="效果展示"/> <img src="http://oegv7uazl.bkt.clouddn.com/message.jpeg" width="33%" height="33%" float"left" height="700" alt="效果展示"/> </div>简介:
1. APP后端搭建:
- 使用NodeJs的
koa框架完成APP后端的搭建; - 使用
mongodb完成数据存储,通过mongoose模块完成对mongodb数据的构建;
2. APP前端搭建:
- 使用
RN组件式架构、JS类库实现快速开发 - 采用
Flexbox布局方式 - 无后台
Mock数据做本地JSON接口,实现前后端分离开发
3. 一些功能模块:
- 启动界面轮播效果的实现;
- 通过短信验证码登入;
- 视频的上传以及静音处理;
- 音频的上传;
- 视频和音频的整合;
- 用户资料的更新;
- 评论模块
- 点赞模块
运行环境:
目前该项目在node 6.4版本、react-native 0.37.0版本运行正常;
运行:
- 通过命令
react-native run-ios启动RN项目 - 进入yunAppServer,通过命令
node app启动服务器
待实现的点:
- 细节待优化;
Related Skills
node-connect
352.5kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
111.3kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
352.5kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
352.5kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
