使用Nodejs测试HTML5

图像处理大作业折磨了好久，终于找到个搭边的开源项目clmtrackr来玩下，想调试下demo时发现本地的html压根调用不了摄像头，要部署上服务器才能调用

然后想起了nodesj

//package.json
{
  "name": "html5-test",
  "version": "0.0.5",
  "main": "app.js",

  "dependencies": 
  {
    "express" : "~4.0.0",
    "hogan-express":"~0.5.2",
    "request":"~2.40.0",
    "connect": "~2.14.4"
  }
}

/**app.js
 * Module dependencies.
 */
var http = require('http');
var path = require('path')
var express  = require('express');
var hogan = require('hogan-express');
var connect = require('connect');
var port     = process.env.PORT || 3002;
// all environments
var app = express();
app.set('port', port);
app.set('views', __dirname + '/examples');  //html文件目录
app.set('view engine', 'html');
app.set('env', 'development');
app.engine('html', hogan);
// Configuration
app.use(connect.logger('dev'));
app.use(express.static(__dirname'));  //静态文件目录,html文件中引用的css/js文件相对此目录
app.use(connect.json());
app.use(connect.urlencoded());
// Routes
require('./routes.js')(app);
app.listen(port);
console.log('The App runs on port ' + port);

routes.js

module.exports = function(app) {
  app.all('/', function(req, res) {
      res.render('clm_video.html');
  });
};

cmd进入到app.js目录,运行node app.js

到浏览器打开localhost:3002,终于见到提示是否允许使用摄像头了