3D Gaussian splatting 08: 部署模型网页展示

目录

• 3D Gaussian splatting 01: 环境搭建
  
• 3D Gaussian splatting 02: 快速评估
  
• 3D Gaussian splatting 03: 用户数据训练
  
• 3D Gaussian splatting 04: 代码阅读-提取相机位姿和稀疏点云
  
• 3D Gaussian splatting 05: 代码阅读-训练整体流程
  
• 3D Gaussian splatting 06: 代码阅读-训练参数
  
• 3D Gaussian splatting 07: 代码阅读-训练载入数据和保存结果
  
• 3D Gaussian splatting 08: 部署模型网页展示
  

制作好的Gaussian 3D模型, 可以通过项目自带的 SIBR Viewer 查看, 但是这个运行对显卡有要求, 需要 CUDA_ARCHITECTURE >= 7.x, 另一个选择是 Splatviz, 这个对显卡要求更低, 但是这两个都是需要在本地运行, 只能自己查看模型效果, 如果要将效果展示给别人, 最好的方案就是基于web的viewer, 线上直接可用的是 https://poly.cam, 如果想自己做一个网页展示模型, 可以用 GaussianSplats3D
本地运行 GaussianSplats3D

先参考这篇 Node.js环境和antd初始化项目 安装 nvm 和 node
clone 仓库到本地

1. git clone https://github.com/mkkellogg/GaussianSplats3D.git

复制代码

到目录下依次执行

1. # 安装依赖
2. npm install
3. # 构建
4. npm run build
5. # 运行
6. npm run demo

复制代码

下载仓库提供的模型文件 gaussian_splat_data.zip,
放到 build/demo/assets/data 目录下. 这些模型文件的后缀是 .ksplat, 相比 Gaussian 3D模型的 .ply 文件, ksplat 文件要小很多.
之后用浏览器访问 http://127.0.0.1:8080 就可以访问了
云服务器上运行 GaussianSplats3D

安装 OpenResty/Nginx

这里以 OpenResty 作为例子. 用 Nginx 也可以
先停止并禁用可能存在的nginx

1. sudo systemctl disable nginx
2. sudo systemctl stop nginx

复制代码

安装依赖

1. sudo apt-get -y install --no-install-recommends wget gnupg ca-certificates lsb-release

复制代码

安装 GPG key

1. wget -O - https://openresty.org/package/pubkey.gpg | sudo gpg --dearmor -o /usr/share/keyrings/openresty.gpg

复制代码

添加 APT 仓库

1. echo "deb [arch=$(dpkg --print-architecture) signed-by=/usr/share/keyrings/openresty.gpg] http://openresty.org/package/ubuntu $(lsb_release -sc) main" | sudo tee /etc/apt/sources.list.d/openresty.list > /dev/null

复制代码

更新 APT 索引

1. sudo apt update

复制代码

安装, 添加--no-install-recommends参数避免安装多余的包

1. sudo apt install --no-install-recommends openresty

复制代码

配置 OpenResty

在 /var 下创建目录 wwwroot

1. cd /var
2. sudo mkdir wwwroot
3. chown -R nobody:root wwwroot

复制代码

修改 OpenResty 的配置文件, 将 html 目录指向刚才新建的目录, 配置文件默认在 /etc/openresty/nginx.conf

1. sudo vi /etc/openresty/nginx.conf

复制代码

修改之后server下的内容
[code]server {    listen       80;    server_name  localhost;    location / {        root   /var/wwwroot;