LoginSignup
12
10

More than 3 years have passed since last update.

多言語会議や1on1にNodeーRED翻訳機能をこっそり仕込もう

Last updated at Posted at 2019-12-06

みなさんこんにちは、母国語以外の会議が入ったとき、ひっそりと翻訳をこなしてくれる機能が手元にあったら安心しませんか?
この記事は、Node-RED入門者向けに公開しているIBM Developer掲載済みの記事をベースに日本語化したものです。

Build a spoken universal translator using Node-RED and Watson AI services
https://developer.ibm.com/tutorials/build-universal-translator-nodered-watson-ai-services/

作成手順

Step1. クラウドにNode-REDを起動
Step2. ノードインポート
Step3. JSONファイルインポート
Step4. Cloud AIサービスの設定

[準備]IBM Cloudアカウントを作る

IBM Cloudのアカウントを持っていない人はこの動画を参考にしてアカウントを作りましょう。
今回、紹介している機能はクレカ登録不要の”ライトアカウント”で試すことができます。

【YouTube:3分でわかるIBM Cloud/ライトアカウントを作ろう】
https://www.youtube.com/watch?v=Krn1jQ4iy_s

アカウントを作ったら、IBM Cloud に Loginしましょう。
https://cloud.ibm.com/login

Step1.クラウドにNode-REDを起動

カタログ メニューより、スターターキットを選択、Node-RED Starterをクリックします。
image.png

アプリケーション名を入力、他の値も適宜選択して「作成」します。
image.png(お試しはデフォルト値でOK)
image.png(お試しはライトアカウントでOK)

Node-REDのサービスが開始されたら「アプリURLにアクセス」よりNode-REDのページを開く
image.png

初回アクセス時はNode-RED用のUSER名とパスワード設定を求められます。(設定を推奨)

Step2. ノードインポート

Node-REDに必要なNodeを追加します。
:node-red-contrib-browser-utils
:node-red-contrib-play-audio
Node-RED画面右のハンバーガーメニューより、パレットの管理を選択します。
image.png

ノードを追加タブに移動、パレットで対象のノードを検索し、内容を確認した上で追加します。
例)Install Browser Utils nodes
image.png

Step3. JSONファイルインポート

GitHubに公開されているJSONファイルをコピーし、インポートします。
https://github.com/johnwalicki/NodeRED-Starter-Universal-Translator/blob/master/flows/NodeRED-UniversalTranslator-flow.json

リンク先”NodeRED-UniversalTranslator-flow.json”の全文を選択しクリップボードにコピーします。
image.png

Node-RED画面右のハンバーガーメニューより、読み込みを選択します。
image.png

GitHubでJSONファイルをコピーしたクリップボードデータを貼り付け読み込みます。
image.png

Universal Translatorタブが追加され、Nodeが作成されます。
image.png

Step4. Cloud AIサービスの設定

IBM Cloudで必要なサービスを立ち上げます。
・speech to text
・language translator
・text to speech
カタログよりAIを選択し、対象のサービスをクリック、設定値を確認して作成します。
image.png

立ち上げたサービスの管理メニューよりAPIキー(API鍵)をクリップボードにコピーします。
image.png

接続ノードをダブルクリックして編集画面を開き、API KeyコピーしたAPIキーを貼り付け、完了して閉じます。
speech to text languarge、language translatorはSourceとTargetも合わせて設定します。

image.png

3つのNodeの設定が完了後、デプロイします。

動作確認をしよう

microphoneノードをスタートするとマイクの入力値を録音します。
もう一度microphoneを押すと、録音を終了して次のノードに進みます。

*初回はマイクなどデバイスへの接続確認が求められますので、適宜許可をしてください。
image.png

いかがでしたか?
入力、出力共に動作が確認できたでしょうか。
この機能で音声を使用した対話をすることができますし、デバックタブで読み取った内容を確認することもできます。
image.png

12
10
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
12
10