- 实现触摸滑动旋转查看汽车360度全景 - 添加惯性滑动效果和自动旋转展示功能 - 实现全屏沉浸式体验和精美Loading动画 - 添加Python视频帧提取脚本和浏览器端提取工具 - 包含本地HTTP服务器和完整项目文档
44 lines
1.1 KiB
JavaScript
44 lines
1.1 KiB
JavaScript
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}/`);
|
|
});
|