旅小布短视频

*项目托管地址

点击此处查看github开源地址

*项目介绍

很荣幸大家能花7分钟看一下旅小布的介绍

旅小布是做短视频、直播、旅游攻略的平台，平台希望疫情宅家的人都能分享自己家乡的美景、美食、人文等，以刺激消费，应对疫情。

它的创新点在于，它是一个小程序短视频平台

希望旅小布能让您眼前一亮

*实现思路

后端主要是获取数据，前端大量使用swiper组件做出滑动切换的效果

*GIF功能概览

- 刷视频：上下滑动看视频/视频弹幕

- 发视频：录制视频或选择视频/视频剪辑/选择视频发布地点 -
- 发文章：富文本编辑器/发布前预览文章/添加文章标签

- 聊天：实时聊天/实时通知

- 个人主页：查看关注、粉丝列表/编辑个人信息/管理视频、文章

- 搜索：模糊搜索视频标题、视频地点/文章标题、正文/用户id、昵称、简介

*体验二维码

无法体验的可以看功能概览的gif图，或查看下面功能介绍中的功能演示视频

下面介绍一下功能

*功能介绍

短视频模块

上下滑动、可以切换视频，视频使用预加载的方法

在加载当前视频的时候，也会同时加载此视频的上一个和下一个视频
如果全部加载所有推荐视频，太费钱了，
之前做测试，自己一个人一天花了2块钱流量
如果只加载当前视频，刷视频太卡顿
所以，使用此的预加载方法，可以节省大量的流量，并保证流畅

点赞、关注、弹幕，系统会自动提醒对方用户

  弹幕可以改变颜色
  分享可以分享给好友，或分享到朋友圈（限安卓）

右上角发视频

可以从相机选择视频或拍摄视频
视频需保证在30s之内，50M之内
发视频时可以选择地点（在视频展示页，点击地点可以进入地图）
视频发布后，会进入后台静默上传，在此期间，用户可以浏览其他内容
后台静默上传时，在底部tabbar的“我”的图标上，有一个上传标志

文章模块

点赞、关注、弹幕，系统会自动提醒对方用户

弹幕可以改变颜色
分享可以分享给好友，或分享到朋友圈（限安卓）

文章撰写

使用自己封装的富文本编辑器rich-text组件写文章
可以勾选文章标签
在撰写完成后，可以进行文章预览，以查看排版是否满足要求
确认无误后，进行发布即可

文章编辑

如果发布后，发现文章有问题，还可以对文章进行编辑，并重新发布

文章详情页

详情页使用rich-text组件进行展示
点赞、评论、转发、关注，系统会自动提醒对方用户
评论可以进行二级评论，转发也支持转发给朋友或朋友圈

用户模块

用户主页

用户主页会展示用户的基本信息
可以修改自己的简介
并展示获赞数、关注数和粉丝数
以及视频作品和文章作品

管理作品

可以查看自己的作品列表，预览它，删除它

查看别人的主页

点击他人头像，可以进入他的主页
在他的主页里，可以关注他，或私信他

实时通讯模块

点击私信进入聊天

可以在用户主页，点击私信，进入聊天室
在聊天室中，任一个用户发了消息，聊天室才算创建成功
否则创建不成功，以减少对用户的*扰
聊天室使用自己封装的chatRoom组件

消息列表进入聊天

聊天室创建成功后，双方都可以在消息列表中看到聊天记录
点击消息列表，可以直接进入对应聊天室

通知模块

互动通知

用户点赞、评论/弹幕、关注
系统会自动通知给对方用户
在消息tabbar上以带数字的红点进行展示未读互动数量
在消息页面，对应的互动类型上，以数字展示未读互动数量

消息通知

用户给对方用户发消息
系统会自动通知给用户
在消息tabbar上以带数字的红点进行展示未读消息数量
在消息页面，对应的消息列表上，以数字展示未读消息数量

订阅通知

如果用户积累了超过8条未读互动消息
或积累了超过5条未读用户消息
在每天的，10:00、14:00、18:00、22:00
定时器会自动给用户发订阅消息
提醒用户进入小程序查看、回复，以降低用户流失率

搜索模块

从首页/攻略页/我进入

从首页进入，默认搜索视频
从攻略进入，默认搜索文章
从我进入，默认搜索用户
使用正则表达式，做了简单的模糊搜索
高级的模糊搜索暂时无法实现

直播模块

平民直播

非常想做直播功能，有了直播模式才算完整
但是个人版小程序，根本没有开放直播接口，很遗憾

以上就是“旅小布”小程序的全部介绍，十分感谢大家的收看

希望旅小布能让您眼前一亮

ZhangYaxu / lvxiaobu

旅小布短视频

*项目托管地址

*项目介绍

*实现思路

*GIF功能概览

*体验二维码

无法体验的可以看功能概览的gif图，或查看下面功能介绍中的功能演示视频

下面介绍一下功能

*功能介绍

以上就是“旅小布”小程序的全部介绍，十分感谢大家的收看

部署教程，请查看：deployment.md

开源许可证，请查看：LICENCE

About

Languages