新增 汽车360度全景展示移动端Web应用

- 实现触摸滑动旋转查看汽车360度全景
- 添加惯性滑动效果和自动旋转展示功能
- 实现全屏沉浸式体验和精美Loading动画
- 添加Python视频帧提取脚本和浏览器端提取工具
- 包含本地HTTP服务器和完整项目文档
This commit is contained in:
2026-03-29 00:54:34 +08:00
commit 26defd9d69
345 changed files with 1513 additions and 0 deletions

43
server.js Normal file
View File

@@ -0,0 +1,43 @@
const http = require('http');
const fs = require('fs');
const path = require('path');
const PORT = 9000;
const ROOT = 'J:/git/3D-pano';
const mimeTypes = {
'.html': 'text/html',
'.js': 'application/javascript',
'.css': 'text/css',
'.jpg': 'image/jpeg',
'.jpeg': 'image/jpeg',
'.png': 'image/png',
'.mp4': 'video/mp4',
'.json': 'application/json'
};
const server = http.createServer((req, res) => {
console.log('Request:', req.url);
let filePath = path.join(ROOT, req.url === '/' ? 'index.html' : req.url);
const ext = path.extname(filePath).toLowerCase();
fs.readFile(filePath, (err, data) => {
if (err) {
res.writeHead(404);
res.end('Not Found');
return;
}
res.writeHead(200, {
'Content-Type': mimeTypes[ext] || 'application/octet-stream',
'Access-Control-Allow-Origin': '*',
'Cache-Control': 'no-cache'
});
res.end(data);
});
});
server.listen(PORT, '127.0.0.1', () => {
console.log(`Server running at http://127.0.0.1:${PORT}/`);
});