文档章节

使用Nodejs测试HTML5

wffger
 wffger
发布于 2014/11/29 16:46
字数 283
阅读 156
收藏 0

图像处理大作业折磨了好久,终于找到个搭边的开源项目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,终于见到提示是否允许使用摄像头了

© 著作权归作者所有

wffger

wffger

粉丝 8
博文 117
码字总数 37118
作品 0
广州
程序员
私信 提问
Nodejs express、html5实现拖拽上传

Nodejs express、html5实现拖拽上传 一、前言 文件上传是一个比较常见的功能,传统的选择方式的上传比较麻烦,需要先点击上传按钮,然后再找到文件的路径,然后上传。给用户体验带来很大问题...

james_laughing
2015/06/02
0
0
8 个 Node.js 链接:HTML5游戏、数组等

这里有 8 个链接,主要关于 Node.js 开发者相关的 HTML5 游戏和数组: Command Line Node.JS A Very Cool Drawing Game in Node.JS with Source Upping the Heap Limit in the v8 JavaScrip......

oschina
2012/08/27
1K
2
NODE.JS & HTML5 聊天室

最近学习了一下 HTML5 + node.js,一边学习一边做例子。 用 node.js 制作 Server 端,提供 http & webSocket 服务,其中 webSocket 使用的是 socket.io 前台采用的是 静态的html 页面,用 ht...

zTree
2012/08/14
0
2
分享10个便利的HTML5/CSS3框架

日期:2011/11/10 来源:GBin1.com 所有的开发人员都应该注意了,你们绝对应该看看这篇文章,帮助你快速创建HTML5/CSS3的开发框架。可能你也看到过其它的框架,但是你应该看看这些框架,因为...

gbin1
2011/11/10
3.1K
0
7 项 Web 开发者需要了解的新技术

Web 开发者需要经常更新他们的知识,学习新的技术,如果他们还想继续在 Web 开发领域混并混得还不错的话。下面将为你展示 7 项新的Web开发技术,作为一个Web开发人员,你需要了解、熟悉并学会...

红薯
2011/09/20
6.7K
20

没有更多内容

加载失败,请刷新页面

加载更多

数据库

数据库架构 数据库架构可以分为存储文件系统和程序实例两大块,而程序实例根据不同的功能又可以分为如下小模块。 1550644570798 索引模块 常见的问题有: 为什么要使用索引 什么样的信息能成...

一只小青蛙
今天
5
0
PHP常用经典算法实现

<? //-------------------- // 基本数据结构算法 //-------------------- //二分查找(数组里查找某个元素) function bin_sch($array, $low, $high, $k){ if ( $low <= $high){ $mid = int......

半缘修道半缘君丶
昨天
5
0
GIL 已经被杀死了么?

本文原创并首发于公众号【Python猫】,未经授权,请勿转载。 原文地址:https://mp.weixin.qq.com/s/8KvQemz0SWq2hw-2aBPv2Q 花下猫语: Python 中最广为人诟病的一点,大概就是它的 GIL 了。...

豌豆花下猫
昨天
5
0
git commit message form

commit message一般包括3部分:Header、Body、Footer。 <type>(<scope>):<subject>blank line<body>blank line<footer> header是必需的,body、footer可以省略。 header中type、subject......

ninjaFrog
昨天
5
0
聊聊Elasticsearch的CircuitBreakerService

序 本文主要研究一下Elasticsearch的CircuitBreakerService CircuitBreakerService elasticsearch-7.0.1/server/src/main/java/org/elasticsearch/indices/breaker/CircuitBreakerService.ja......

go4it
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部