分享自己 Vibe 的相册应用

8 月 22 日
 mltreebl

我把相册做成了一个 3D 地球

翻相册的时候突然意识到一件事——

我拍过的照片分散在五六个地方:手机里、百度网盘、微信朋友圈、QQ 空间、还有几个不知道什么时候注册的图床网站。

更难受的是,那些用来存博客配图的图床,要么是需要进入到二级界面才能放大,要么就是上传限制合规越来越严格。

同时在我前段时间逛 2 站发帖的过程中,因为图片外链接的问题还纠结了一阵子。当时我就想:能不能有一套自己的外链+相册系统?

于是我花了大概两周的业余时间,Vibe 出了这个东西:

LandCloud —— 一个长在地球上的私人相册。

名字没什么深意,就是"陆地+云",挺直白的。


先给你看最让我喜欢的功能

这个功能最早还是受到另一个相册项目的启发。(但是忘记是哪个了,等我想起来挂回来)

打开相册,你可以进入自己的 Map ,看到的不是冷冰冰的网格缩略图,而是一个 3D 地球。

上面每一个光点,都是我拍过照的地方。

点一下,那天在那个地方拍的所有照片就全部弹出来了。

说实话,第一次把这个功能跑通的时候,我一个人对着屏幕看了好久。从大学到工作这几年,去过的地方以这种方式呈现在眼前,那种感觉很难形容。像是有人把你过去几年的记忆,按坐标一个一个钉在了地球仪上。

我女朋友看到后第一反应是:**"那你以后去每个地方都要记得拍照,把这个球填满。"**

嗯,这个任务我接了。


它还是一个战斗力很强的图床

如果你写博客、做产品、或者需要在各个平台发图,LandCloud 也能当图床用。

我现在所有博客配图都走自己这个相册。


LivePhoto 也没落下

说实话,LivePhoto 真的是我很喜欢的功能,能够记录的内容从图片变成了持久的回忆,也许在按下快门之前有我们未发现的细节值得反复回味呢?

苹果的 LivePhoto 和安卓的 MotionPhoto ,传到普通图床就变成死图了,那个"按着会动"的魔法瞬间消失。

这个功能看起来小,但实际上大多数相册软件都不做,我也不知道为什么。明明大家都拍了那么多动态照片,结果存哪都变成静态的,太浪费了。


省钱才是王道

整套系统的运行成本:≈ 0 元。

你只需要花几十块钱买个域名,挂上去就能用。

没有服务器要维护,没有数据库要备份,没有安全补丁要打。这仨平台把脏活累活全包了。


部分展示

虚拟足迹版首页

Hero 风格首页

管理后台

相册详情

照片详情


怎么部署?

三个平台,十分钟搞定:

  1. Supabase 注册,建个项目
  2. Cloudflare 注册,开 R2 存储桶
  3. Vercel 导入 GitHub 仓库,填几个环境变量

详细步骤篇幅太长,我写在 README 里了,跟着走就行。


是否还有下一步?

做戏还是做全套,对于这个项目还有几个需求后续等待完善:

希望以上功能能对大家有所帮助,如果大家还有什么好的想法,欢迎提出你的意见或建议~:doge_flower:

最后

项目地址在这里: https://github.com/wyml/LandCloud

如果你觉得有点意思,欢迎点个 ⭐️,或者在 Issues 里告诉我你的想法。

也欢迎 PR ,代码写得烂的地方尽管骂,我脸皮厚,扛得住。

希望有一天能在大家的 LandCloud 地球上,看到更多有趣的光点。


P.S. 如果你部署完了,记得告诉我,我想看看你的地球长什么样。

1780 次点击
所在节点    分享创造
5 条回复
KorwinTeo
8 月 22 日
地图瓦片数据不是最新的
aero99
8 月 22 日
你忘了考虑视频了,我自己平时拍的短视频比较多,就 AI 了个人媒体库,也使用 R2+D1 的方式,缺点就是 APP 流式播放需要缓存( Cloudflare 自己的要收费)几秒,有时候还会卡顿,实在想不出什么好办法解决,分片那种感觉麻烦,自动转码需要服务端支持。目前主力还是 Google 相册,但是功能又满足不了自己要求。
KorwinTeo
8 月 22 日
mltreebl
8 月 22 日
@KorwinTeo 感谢分享,我看一下。
mltreebl
8 月 22 日
@aero99 有考虑视频,但是流量、存储啥的都不低。不过在看云函数是否能够完成这个功能了,如果可以的话可以尝试一下。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://v2ex.ih06.com/t/1236324

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX