DepthJS 项目教程

1. 项目目录结构及介绍

DepthJS 项目的目录结构如下：

depthjs/
├── chrome-extension/
│   ├── manifest.json
│   └── plugin/
├── developer-api/
├── extension-common/
├── firebreath-plugin/
│   ├── CMakeLists.txt
│   └── src/
├── new_cv/
│   └── NewCV/
├── npapi_plugin/
├── safari-extension-mac/
│   └── DepthJS.safariextension/
├── site/
├── webkit-plugin-mac/
├── .gitignore
├── LICENSE
└── README.md

目录介绍

• chrome-extension/: 包含 Chrome 扩展的配置文件和插件。

  • manifest.json: Chrome 扩展的配置文件。
  • plugin/: 预编译的插件文件。

• developer-api/: 开发者 API 相关文件。

• extension-common/: 扩展的公共文件。

• firebreath-plugin/: Firebreath 插件的源代码和构建文件。

  • CMakeLists.txt: CMake 构建文件。
  • src/: 插件的源代码。

• new_cv/: 新的计算机视觉相关文件。

  • NewCV/: 新的计算机视觉模块。

• npapi_plugin/: NPAPI 插件相关文件。

• safari-extension-mac/: Safari 扩展相关文件。

  • DepthJS.safariextension/: Safari 扩展的配置和源代码。

• site/: 项目网站相关文件。

• webkit-plugin-mac/: WebKit 插件相关文件。

• .gitignore: Git 忽略文件。

• LICENSE: 项目许可证文件。

• README.md: 项目介绍和使用说明。

2. 项目启动文件介绍

DepthJS 项目的启动文件主要集中在 chrome-extension/ 目录下。以下是主要的启动文件：

• manifest.json: 这是 Chrome 扩展的配置文件，定义了扩展的基本信息、权限、背景脚本等。启动 Chrome 扩展时，Chrome 会读取这个文件来加载扩展。

{
  "name": "DepthJS",
  "version": "1.0",
  "description": "Allows any web page to interact with the Microsoft Kinect using Javascript.",
  "background": {
    "scripts": ["background.js"]
  },
  "permissions": [
    "tabs",
    "http://*/*",
    "https://*/*"
  ],
  "manifest_version": 2
}

• background.js: 这是 Chrome 扩展的背景脚本，负责处理扩展的后台逻辑。启动扩展时，Chrome 会加载并执行这个脚本。

// background.js
chrome.runtime.onInstalled.addListener(function() {
  console.log("DepthJS extension installed.");
});

3. 项目的配置文件介绍

DepthJS 项目的配置文件主要包括以下几个部分：

• manifest.json: 这是 Chrome 扩展的核心配置文件，定义了扩展的基本信息、权限、背景脚本等。

{
  "name": "DepthJS",
  "version": "1.0",
  "description": "Allows any web page to interact with the Microsoft Kinect using Javascript.",
  "background": {
    "scripts": ["background.js"]
  },
  "permissions": [
    "tabs",
    "http://*/*",
    "https://*/*"
  ],
  "manifest_version": 2
}

• CMakeLists.txt: 这是 Firebreath 插件的构建配置文件，定义了插件的构建规则和依赖项。

cmake_minimum_required(VERSION 2.6)
project(DepthJSPlugin)

set(CMAKE_CXX_FLAGS "${CMAKE_CXX_FLAGS} -std=c++11")

include_directories(${OPENNI_INCLUDE_DIRS})
include_directories(${NITE_INCLUDE_DIRS})

add_subdirectory(src)

• .gitignore: 这是 Git 的忽略文件，定义了哪些文件和目录不需要被 Git 管理。

# .gitignore
build/
*.o
*.so
*.dylib
*.exe

通过以上配置文件，开发者可以自定义扩展的行为和构建过程，确保项目能够正确运行和部署。