Code Monkey home page Code Monkey logo

camchat_ka's Introduction

camchat

カメラ映像を見ながらチャットを楽しむシステムのプロトタイプです。

概要

camchatは2つのアプリで構成されます。

  • カメラ映像配信アプリ : 映像をviewerアプリに配信するだけのアプリです。
  • viewerアプリ : 映像を視聴しながらチャットするアプリです。

デプロイ方法

1. 本repoをcloneする

git clone [email protected]:KDDI-tech/camchat.git

2. 設定ファイルを編集する

下記3つの設定ファイルを編集してください。

  • /config.js
  • /users.js
  • /www/skywaykey.js

/config.js

basic認証のユーザー名、パスワードやIPアドレス、ポート番号などを設定するファイルです。

module.exports = {
  "basicAuth":{"id":"ユーザー名をここに書く","pass":"パスワードをここに書く"},
  "ip":"127.0.0.1",
  "port":ポート番号,
  "secret":"適当な文字列"
}

/users.js

ログインユーザーを登録する設定ファイルです。

現在の実装では本ファイルにID/パスワードを平文で保存します。この実装のままではセキュアな利用は行えませんのでご注意ください。

/www/skywaykey.js

本PJでは(株)NTTコミュニケーションズ様が提供するSkywayを利用しています。 利用登録後、APIキーを発行し、本設定ファイルにAPIキーを登録してください。

export default 'ここにSkywayで発行されたAPIキーをコピーする';

3. デプロイする

設定ファイルを編集後、repoのディレクトリをカレントにして下記コマンドを入力してください。

npm i
npm start

上記でサーバーが起動します。 WebRTCに対応したブラウザから下記にアクセスしてみてください。

License

MITライセンスです。

camchat_ka's People

Contributors

kddi-tech avatar ohtamasaki avatar tadfmac avatar ymdz avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.