站竣凰 发表于 2025-9-24 11:48:23

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 仓库到本地
git clone https://github.com/mkkellogg/GaussianSplats3D.git到目录下依次执行
# 安装依赖
npm install
# 构建
npm run build
# 运行
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
sudo systemctl disable nginx
sudo systemctl stop nginx安装依赖
sudo apt-get -y install --no-install-recommends wget gnupg ca-certificates lsb-release安装 GPG key
wget -O - https://openresty.org/package/pubkey.gpg | sudo gpg --dearmor -o /usr/share/keyrings/openresty.gpg添加 APT 仓库
echo "deb http://openresty.org/package/ubuntu $(lsb_release -sc) main" | sudo tee /etc/apt/sources.list.d/openresty.list > /dev/null更新 APT 索引
sudo apt update安装, 添加--no-install-recommends参数避免安装多余的包
sudo apt install --no-install-recommends openresty配置 OpenResty

在 /var 下创建目录 wwwroot
cd /var
sudo mkdir wwwroot
chown -R nobody:root wwwroot修改 OpenResty 的配置文件, 将 html 目录指向刚才新建的目录, 配置文件默认在 /etc/openresty/nginx.conf
sudo vi /etc/openresty/nginx.conf修改之后server下的内容
server {    listen       80;    server_namelocalhost;    location / {      root   /var/wwwroot;
页: [1]
查看完整版本: 3D Gaussian splatting 08: 部署模型网页展示