Janus Gateway JS 项目使用教程

Janus Gateway JS 项目使用教程

1. 项目的目录结构及介绍

janus-gateway-js/
├── dist/
│   ├── janus.js
│   ├── janus.min.js
│   └── janus.es.js
├── src/
│   ├── api/
│   ├── plugins/
│   ├── transport/
│   ├── utils/
│   └── janus.js
├── examples/
│   ├── basic/
│   ├── video-room/
│   └── webrtc/
├── package.json
├── README.md
└── webpack.config.js

• dist/: 包含编译后的文件，如 janus.js, janus.min.js, janus.es.js。
• src/: 源代码目录，包含 API、插件、传输和工具类等。
• examples/: 示例代码，展示如何使用 Janus Gateway JS。
• package.json: 项目依赖和脚本配置文件。
• README.md: 项目说明文档。
• webpack.config.js: Webpack 配置文件。

2. 项目的启动文件介绍

项目的启动文件主要是 src/janus.js，这是 Janus Gateway JS 的核心文件，负责初始化和连接 Janus 服务器。

// src/janus.js
import { Janus } from './api/janus';
import { Transport } from './transport/transport';
import { Plugin } from './plugins/plugin';
import { Utils } from './utils/utils';

export { Janus, Transport, Plugin, Utils };

3. 项目的配置文件介绍

项目的配置文件主要是 package.json 和 webpack.config.js。

package.json

{
  "name": "janus-gateway-js",
  "version": "1.0.0",
  "description": "JavaScript library for Janus Gateway",
  "main": "dist/janus.js",
  "scripts": {
    "build": "webpack",
    "watch": "webpack --watch"
  },
  "dependencies": {
    "webrtc-adapter": "^7.7.0"
  },
  "devDependencies": {
    "webpack": "^5.0.0",
    "webpack-cli": "^4.0.0"
  }
}

• name: 项目名称。
• version: 项目版本。
• description: 项目描述。
• main: 入口文件。
• scripts: 脚本命令，如 build 和 watch。
• dependencies: 项目依赖，如 webrtc-adapter。
• devDependencies: 开发依赖，如 webpack 和 webpack-cli。

webpack.config.js

const path = require('path');

module.exports = {
  entry: './src/janus.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'janus.js',
    library: 'Janus',
    libraryTarget: 'umd'
  },
  mode: 'development',
  devtool: 'source-map'
};

• entry: 入口文件路径。
• output: 输出配置，包括输出路径和文件名。
• mode: 开发模式。
• devtool: 源映射配置。