/RTVideoChat

エンジニア用語RealTime解析ビデオチャット

Primary LanguageHTML

リアルタイムエンジニア用語解析ビデオ通話

概要

エンジニアとビデオ通話している時に会話をテキストに出力し、わからない単語が出てきた時に、リアルタイムでWeb検索(もしくはDB処理）を行い、表示してくれるシステム。

ユーザ

エンジニアとの会話でわからない単語が多くて困っている人

使うもの

  • WebRTC：P2Pのビデオ通話ライブラリ
  • SkyWay:：WebRTCを簡単に使うプラットフォーム（APIキーが必要）
  • WebSpeechAPI：音声認識しテキストに書き出すためのAPI
  • BingSearchAPI：単語をWeb検索するためのAPI（APIキーが必要）
  • jQuery：WebRTCとWebSpeechAPIの処理に使用
  • Ajax.prototype.js：web検索だけを更新するために使用
  • CSS：ページの3分割レイアウトに使用

機能

  • ビデオチャット機能：P2Pで友人とビデオチャットできます。
  • テキスト書き出し機能：通話中の話をテキストに書き出します。
  • 用語検索機能：通話中に出てきたエンジニア用語を検索します。

システム画像

現在のシステムのスクリーンショットです。

システムのスクリーンショット

使い方

  1. ビデオチャット相手のIDをPeerIDのテキストボックスに入力し、Start Callボタンを押す
  2. ビデオがつながるので、音声認識開始ボタンを押す
  3. 会話をする。

会話をするとリアルタイムにテキストに書き出され、その中に該当するエンジニア用語があると、自動でWeb検索をかけて結果を表示してくれます。

該当するエンジニア用語

サーバーサイド/クライアントサイド/フロントエンド/B to B/B to C/P2P/スニペット/WebRTC/インフラ/オープンデータ/オープンソース/プラットフォーム/C#/java/swift/objective-c/php/javaScript/デッドロック/フレームワーク/CAD/HTML/ワールドワイドウェブ/グラボ/マークダウン/emacs/Unix/Linux

該当するエンジニア用語はSystem.html中のekeywordsに正規表現で追記することで、増やせます。

注意事項

  • このシステムはGoogleChromeでしか動作しません。（WebSpeechAPIがChromeにしか対応していないため）
  • SkyWayとBingSearchAPIに関しては各自APIキーを取得してください。
    • SkyWay:videochat.jsに記述
    • BingSearchAPI:Search.phpに記述
  • まだ実用的な会話速度では認識しにくいのでゆっくりと話してください。