Clientを使用してブラウザーから電話をかけることができます。これにはブラウザーフォンに期待される他のいくつかの標準機能も含んでいます。マイク入力の消音と消音解除HTMLプッシュボタンを使用した、DTMFプッシュ信号の送信このチュートリアルでは、本アプリケーションを動作させるにあたっての核となるコードに着目します。実際にコードを実行する方法については、GitHub上のプロジェクトのREADMEをご確認ください。Twilioアプリケーションこのアプリケーションは通話の発信にTwilioアプリケーションが必要となり、本手順ではその作成方法についてご紹介します。Appを作成する」ボタンをクリックします。ユーザーに通話を発信してもらいたいので、アプリケーションに「/voice」ルートというURLを使用することにします。アプリケーションをローカルで実行する場合、開発環境用に外部からアクセス可能なURLを取得できるngrokのようなツールを使用できます。Sample...SDKのサポートされないバージョンを参照しています。responseindex.jsメインアプリケーションファイルindex.jsTwiMLアプリケーションの作り方について見てきました。次に、クライアントが通話を発信できるようにケイパビリティートークンを生成する方法について学んでいきましょう。ケイパビリティートークンを生成するケイパビリティートークンを生成するユーザーがブラウザー内で通話を発信できるようになる前に、それらに対してケイパビリティートークンを作成することが必要です。Client上でエンドユーザーができること、できないことを正確に制御することができます。今回は、全ユーザーに発信通話を可能にするトークンをサーバーから払い出すことにします。Nodeヘルパーライブラリーを使用してケイパビリティートークンを生成、構成します。Sample...SDKのサポートされないバージョンを参照しています。responseindex.jsトークン生成ルートindex.jsTwilio.jsクライアントが通話の発信、メッセージの送信、その他の色々なイケてる機能を使い始められるようにするには、そのための資格情報が必要になるのです。APIの使用開始の準備ができた時点で/tokenルートからトークンをリクエストすることが必要です。Deviceをセットアップしましょう。Deviceの作成方法を学ぶTwilioデバイスをセットアップする今回のクライアント側コードでは、Twilio.jsライブラリーのインクルードから始めます。続いて、/tokenルートからjQueryを使用してPOSTリクエストでケイパビリティトークンを取得します。最後に、トークンをTwilio.Device.setup()に渡してセットアップを完了します。Sample...SDKのサポートされないバージョンを参照しています。Clientの準備は完了したので、ユーザーは通話の発信を始めることができます。かけたい発信先の電話番号を入力して開始します。電話番号は、Twilioに渡す前に+記号、それから国番号、そして実際の電話番号を追加、改変します。これはE.164形式と呼ばれ、TwilioのAPIの大部分に必要です。続いて、Twilio.Device.connectを使用して通話を発信します。Twilioは開発者のTwilioアプリケーション構成で指定されたURLにリクエストを送信し、通話の処理方法についての指示を探します。今回はconnect()呼び出しに、ユーザーがダイヤルしたい電話番号を含め、続いてこちらのサーバー側コード内からそれにアクセスします。Sample...SDKのサポートされないバージョンを参照しています。responsepublic/dialer.js通話トグルpublic/dialer.jsご覧いただいたように、通話の接続と切断はいたってシンプルです。続いて、Clientがアクティブな通話をミュート、およびミュート解除できるようにしましょう。現在の通話を消音または消音解除したり、ユーザーのマイクからの入力を中断したりしたいことがあるでしょう。Twilio.Device.activeConnection()を使用してアクティブな通話を取得し、続いてそのmute()を呼び出しユーザーのマイクをミュートまたはミュート解除します。Sample...SDKのサポートされないバージョンを参照しています。system.DTMF信号のはたらきを知るDTMFトーンの送信ユーザーが自動応答システムに電話をかけたとき、電話きのプッシュボタンとDTMF信号を使用して、メニューシステムを辿っていくことが必要になる場合があります。signaling」の略で、電話の発信時に聴かれるお馴染みのあの音のことです。DTMFは標準化されており、機械によって理解、復号することができます。Twilio.jsクライアントライブラリーを使用してDTMFトーンを再生するには、単一の引数としてユーザーの入力した数字を渡すsendDigitsメソッドを使用します。Sample...SDKのサポートされないバージョンを参照しています。next.通話の切断方法を学ぶ通話を切断するこれで、ユーザーは通話を終了できるはずです。これを行うには、現在の通話を終了するTwilio.Device.disconnectAll()を使用します。Sample...SDKのサポートされないバージョンを参照しています。Twilio.jsを使用してユーザーにブラウザーから電話への通話をかけられるようにするアプリケーションを制作しました。response:自動音声応答)システムで、発信者を適切な担当者および情報に簡単にルーティングできます。Node.jsおよびExpressを使用したワンクリック通話クリックトゥコールはウェブトラフィックをボタンのクリック1つで、電話のトラフィックに変換します。これは役に立ちましたか?このチュートリアルをお読みいただき、ありがとうございます。弊社に知らせたいフィードバックがある場合は、Twitter経由で英語でご連絡ください。喜んでお話を伺います。page:ヘルプが必要ですか?誰しもが一度は考える「コーディングって難しい」。そんな時は、お問い合わせフォームから質問してください。Twilioタグのついた情報から欲しいものを探してみましょう。Sample...SDKのサポートされないバージョンを参照しています。