Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Azure Communication Services
で繋ぐ遠隔コミュニケーション事始め
• アキヒロ
• Twitter : @akihiro01051
• ホロラボ MRエンジニア
• Microsoft MVP
2
もくじ
• Build 2021 でのコミュニケーション
• Azure Communication Services 紹介
• Azure サービス紹介
• Client 機能紹介
• 実装例紹介
• アカウント作成
• パソコンからビデオチ...
※
• HoloLens での利用のため具体的な実装例はUWP,C#で紹介しています.
• Azure 側のサービスは Communication Services のみ利用します.
• Azure サービス利用時には利用量に応じた課金が発生し...
デモ動画
5
概要
• Build 2021 で発表された Azure Communication Services の紹介
• UWP アプリでビデオチャットを動かしてみる
• HoloLens でもビデオチャットを動かしてみる
6
Build 2021 でのコミュニケーション
7
Mixed Reality
• 様々なデバイス,システム,サービスがつながり人と情報をコラボレートさせる
• https://www.youtube.com/watch?v=Jd2GK0qDtRg
8
Azure Communication Services の位置づけ
• Build the next generation of collaborative apps for hybrid work (R9)
• https://mybuil...
Azure Communication Services の紹介
• Azure Communication Services with Microsoft Teams interoperability
• https://mybuild.mi...
Build 2021 の Azure Communication Servicesの記事
• https://techcommunity.microsoft.com/t5/azure-communication-
services/micros...
Azure Communication Services
12
Azure Communication Services 概要
13
• Azure を通してデバイス間のコミュニケーションを実現できる
• 複数のプラットフォームを接続できる
• Teams に接続したサービスを構築できる
14
利用可能機能
• 音声,ビデオ通話
• チャット
• SMS
• 電話通話
• Teams 接続
15
動作環境
• 対応プラットフォーム
• Web ブラウザ
• Android デバイス
• iOS デバイス
• UWP 対応デバイス(Windows PC ,HoloLens )
• 対応開発言語
• JavaScript
• .NET
• ...
クライアント機能
17
音声,ビデオ通話
• マイク,スピーカー,カメラを利用した通話が可能
• 音声のみも可能
• 1対1でもグループ通話も可能
• 対応プラットフォームでは画面共有もサポート
18
チャット
• テキストでのチャットサービス
• ルームの作成,参加,投稿,閲覧
• 音声,ビデオ通話との併用も可能
• 1対1,グループチャットも可能
19
SMS
• ショートメッセージサービス(SMS)を利用したメッセージ送受信が可能
• アプリから電話番号で手軽にメッセージをやり取りできる
20
電話通話
• 電話番号と電話回線を利用した通話が可能
• 利用可能な地域は一部(米国)のみ
21
Teams 接続
• 参加リンクを利用することで Teams にアプリから接続することが可能
• ビデオ,チャットも利用可能
• Bot サービスとの連携も
22
Azure Communication Services の利用
23
24
認証システム
Azure Communication
Services
PC(UWP)
HoloLens
Teams
Webブラウザ
携帯端末
25
認証システム
Azure Communication
Services
PC (UWP)
HoloLens
Teams
Webブラウザ
携帯端末
Azure サービス編
26
27
認証システム
Azure Communication
Services
PC (UWP)
HoloLens
Teams
Webブラウザ
携帯端末
• Azure 上に Communication Services を作成
• 作成したリソースからアカウント作成のためのキーとエンドポイントを取得
28
https://docs.microsoft.com/ja-jp/azure/commu...
アカウント作成編
29
30
認証システム
Azure Communication
Services
PC (UWP)
HoloLens
Teams
Webブラウザ
携帯端末
認証システムを作成
• Azure で作成した Communication Services のキーとエンドポイントを入
力してアカウントを発行できる
• サーバー側処理
• アカウントのIDとアクセストークンを発行し各クライアントでAzure...
パソコン(UWP)からビデオチャット編
32
33
認証システム
Azure Communication
Services
PC (UWP)
HoloLens
Teams
Webブラウザ
携帯端末
• WindowsデバイスであればUWPのクライアントアプリとして作成可能
• マイク,スピーカー,カメラの選択
• 音声のみの通話
• チャットとの併用
• 相手側のIDを入力すれば通話が可能
• (相手側もアプリを起動している必要あり)
•...
HoloLens(UWP)からビデオチャット編
35
36
認証システム
Azure Communication
Services
PC (UWP)
HoloLens
Teams
Webブラウザ
携帯端末
• UWPが動くのでHoloLensでも動作可能
• WindowsPCで動いた2DUWPがそのまま動きます
• 2DのUWPアプリはUnityなどの3Dのアプリ実行中でも表示,動作が可能な
ので,アプリ作業中でもビデオチャットが可能
• We...
HoloLens(UWP)からTeams参加編
38
39
認証システム
Azure Communication
Services
PC (UWP)
HoloLens
Teams
Webブラウザ
携帯端末
• Microsoft の Teams 会議にも参加が可能
• Teams 会議の参加リンクを入力するだけでビデオ通話,チャット,画面共有が
可能
• Windowsでの実装例が英語版のドキュメントページにしかない
40
https://doc...
実機デモ
41
まとめ
42
• Azure Communication Services の概要
• Build 2021
• 機能紹介
• 開発例
• 接続用のアカウントを作成
• UWP アプリでビデオチャット
• HoloLens でビデオチャット
• HoloLe...
まだのところ
• UWPビデオチャットアプリではUWPのUI依存でビデオを表示しているため
Unity にはまだ未対応
• HoloLens 用の MixedReality 表示に未対応なのでカメラ映像に
MixedRealityCapture...
実機デモ
45
実機デモがダメだった時用
46
実機デモがダメだった時用
47
まだのところ
• UWPビデオチャットアプリではUWPのUI依存でビデオを表示しているため
Unity にはまだ未対応
• HoloLens 用の MixedReality 表示に未対応なのでカメラ映像に
MixedRealityCapture...
• Azure Communication Services の設定
• https://akihiro-
document.azurewebsites.net/post/azure/azure_communicationservices_q
...
You’ve finished this document.
Download and read it offline.
Upcoming SlideShare
What to Upload to SlideShare
Next
Upcoming SlideShare
What to Upload to SlideShare
Next
Download to read offline and view in fullscreen.

Share

Azure Communication Services で繋ぐ遠隔コミュニケーション事始め

Download to read offline

Tokyo HoloLens ミートアップ vol.27
https://hololens.connpass.com/event/216432/

「Azure Communication Services で繋ぐ遠隔コミュニケーション事始め」資料

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

Azure Communication Services で繋ぐ遠隔コミュニケーション事始め

  1. 1. Azure Communication Services で繋ぐ遠隔コミュニケーション事始め
  2. 2. • アキヒロ • Twitter : @akihiro01051 • ホロラボ MRエンジニア • Microsoft MVP 2
  3. 3. もくじ • Build 2021 でのコミュニケーション • Azure Communication Services 紹介 • Azure サービス紹介 • Client 機能紹介 • 実装例紹介 • アカウント作成 • パソコンからビデオチャット(UWP) • HoloLensからビデオチャット(UWP) • HoloLensでTeams参加(UWP) • まとめ 3
  4. 4. ※ • HoloLens での利用のため具体的な実装例はUWP,C#で紹介しています. • Azure 側のサービスは Communication Services のみ利用します. • Azure サービス利用時には利用量に応じた課金が発生します. 4
  5. 5. デモ動画 5
  6. 6. 概要 • Build 2021 で発表された Azure Communication Services の紹介 • UWP アプリでビデオチャットを動かしてみる • HoloLens でもビデオチャットを動かしてみる 6
  7. 7. Build 2021 でのコミュニケーション 7
  8. 8. Mixed Reality • 様々なデバイス,システム,サービスがつながり人と情報をコラボレートさせる • https://www.youtube.com/watch?v=Jd2GK0qDtRg 8
  9. 9. Azure Communication Services の位置づけ • Build the next generation of collaborative apps for hybrid work (R9) • https://mybuild.microsoft.com/sessions/033b2007-9090-4b25-8d9b-d0a4d40aece7 9
  10. 10. Azure Communication Services の紹介 • Azure Communication Services with Microsoft Teams interoperability • https://mybuild.microsoft.com/sessions/6aa74ce2-c5af-4bc0-9fcf-ce83ce6076fc?source=sessions 10
  11. 11. Build 2021 の Azure Communication Servicesの記事 • https://techcommunity.microsoft.com/t5/azure-communication- services/microsoft-build-2021-what-s-new-with-azure- communication/ba-p/2376790 • Azure Communication Services 資料 • https://azure.microsoft.com/ja-jp/services/communication-services/ • https://docs.microsoft.com/ja-jp/azure/communication-services/ 11
  12. 12. Azure Communication Services 12
  13. 13. Azure Communication Services 概要 13
  14. 14. • Azure を通してデバイス間のコミュニケーションを実現できる • 複数のプラットフォームを接続できる • Teams に接続したサービスを構築できる 14
  15. 15. 利用可能機能 • 音声,ビデオ通話 • チャット • SMS • 電話通話 • Teams 接続 15
  16. 16. 動作環境 • 対応プラットフォーム • Web ブラウザ • Android デバイス • iOS デバイス • UWP 対応デバイス(Windows PC ,HoloLens ) • 対応開発言語 • JavaScript • .NET • Python • Java • Swift 16
  17. 17. クライアント機能 17
  18. 18. 音声,ビデオ通話 • マイク,スピーカー,カメラを利用した通話が可能 • 音声のみも可能 • 1対1でもグループ通話も可能 • 対応プラットフォームでは画面共有もサポート 18
  19. 19. チャット • テキストでのチャットサービス • ルームの作成,参加,投稿,閲覧 • 音声,ビデオ通話との併用も可能 • 1対1,グループチャットも可能 19
  20. 20. SMS • ショートメッセージサービス(SMS)を利用したメッセージ送受信が可能 • アプリから電話番号で手軽にメッセージをやり取りできる 20
  21. 21. 電話通話 • 電話番号と電話回線を利用した通話が可能 • 利用可能な地域は一部(米国)のみ 21
  22. 22. Teams 接続 • 参加リンクを利用することで Teams にアプリから接続することが可能 • ビデオ,チャットも利用可能 • Bot サービスとの連携も 22
  23. 23. Azure Communication Services の利用 23
  24. 24. 24 認証システム Azure Communication Services PC(UWP) HoloLens Teams Webブラウザ 携帯端末
  25. 25. 25 認証システム Azure Communication Services PC (UWP) HoloLens Teams Webブラウザ 携帯端末
  26. 26. Azure サービス編 26
  27. 27. 27 認証システム Azure Communication Services PC (UWP) HoloLens Teams Webブラウザ 携帯端末
  28. 28. • Azure 上に Communication Services を作成 • 作成したリソースからアカウント作成のためのキーとエンドポイントを取得 28 https://docs.microsoft.com/ja-jp/azure/communication-services/quickstarts/create-communication- resource?tabs=windows&pivots=platform-azp
  29. 29. アカウント作成編 29
  30. 30. 30 認証システム Azure Communication Services PC (UWP) HoloLens Teams Webブラウザ 携帯端末
  31. 31. 認証システムを作成 • Azure で作成した Communication Services のキーとエンドポイントを入 力してアカウントを発行できる • サーバー側処理 • アカウントのIDとアクセストークンを発行し各クライアントでAzure Communication Services が利用できるようになる 31 https://docs.microsoft.com/ja-jp/azure/communication-services/quickstarts/access-tokens?pivots=programming- language-csharp
  32. 32. パソコン(UWP)からビデオチャット編 32
  33. 33. 33 認証システム Azure Communication Services PC (UWP) HoloLens Teams Webブラウザ 携帯端末
  34. 34. • WindowsデバイスであればUWPのクライアントアプリとして作成可能 • マイク,スピーカー,カメラの選択 • 音声のみの通話 • チャットとの併用 • 相手側のIDを入力すれば通話が可能 • (相手側もアプリを起動している必要あり) • Calling,通知機能と連携させれば呼び出すことも可能 34 https://docs.microsoft.com/ja-jp/azure/communication-services/quickstarts/voice-video-calling/get-started-with- video-calling?pivots=platform-windows
  35. 35. HoloLens(UWP)からビデオチャット編 35
  36. 36. 36 認証システム Azure Communication Services PC (UWP) HoloLens Teams Webブラウザ 携帯端末
  37. 37. • UWPが動くのでHoloLensでも動作可能 • WindowsPCで動いた2DUWPがそのまま動きます • 2DのUWPアプリはUnityなどの3Dのアプリ実行中でも表示,動作が可能な ので,アプリ作業中でもビデオチャットが可能 • WebカメラなのでMRCは表示されない 37
  38. 38. HoloLens(UWP)からTeams参加編 38
  39. 39. 39 認証システム Azure Communication Services PC (UWP) HoloLens Teams Webブラウザ 携帯端末
  40. 40. • Microsoft の Teams 会議にも参加が可能 • Teams 会議の参加リンクを入力するだけでビデオ通話,チャット,画面共有が 可能 • Windowsでの実装例が英語版のドキュメントページにしかない 40 https://docs.microsoft.com/en-us/azure/communication-services/quickstarts/voice-video-calling/get-started-teams- interop?pivots=platform-windows
  41. 41. 実機デモ 41
  42. 42. まとめ 42
  43. 43. • Azure Communication Services の概要 • Build 2021 • 機能紹介 • 開発例 • 接続用のアカウントを作成 • UWP アプリでビデオチャット • HoloLens でビデオチャット • HoloLens から Teams にビデオチャットで参加 • 遠隔コミュニケーションをより簡単に複数のプラットフォーム間で実現できる 43
  44. 44. まだのところ • UWPビデオチャットアプリではUWPのUI依存でビデオを表示しているため Unity にはまだ未対応 • HoloLens 用の MixedReality 表示に未対応なのでカメラ映像に MixedRealityCapture(MRC) は利用できない • .NET ライブラリでは winmd, dll で提供されているため内部処理の変更が できない 44
  45. 45. 実機デモ 45
  46. 46. 実機デモがダメだった時用 46
  47. 47. 実機デモがダメだった時用 47
  48. 48. まだのところ • UWPビデオチャットアプリではUWPのUI依存でビデオを表示しているため Unity にはまだ未対応 • HoloLens 用の MixedReality 表示に未対応なのでカメラ映像に MixedRealityCapture(MRC) は利用できない • .NET ライブラリでは winmd, dll で提供されているため内部処理の変更が できない •公式でのUnity 対応, HoloLens 対応を期待 48
  49. 49. • Azure Communication Services の設定 • https://akihiro- document.azurewebsites.net/post/azure/azure_communicationservices_q uickstart/ • アカウント作成サンプルプログラム • https://github.com/akihiro0105/CommunicationServicesAccessToken • UWPクライアントサンプルアプリ • https://github.com/akihiro0105/CommunicationServicesUWPSample • HoloLens 用 Unity クライアントサンプルアプリ • https://github.com/akihiro0105/CommunicationServicesUnitySample 49

Tokyo HoloLens ミートアップ vol.27 https://hololens.connpass.com/event/216432/ 「Azure Communication Services で繋ぐ遠隔コミュニケーション事始め」資料

Views

Total views

444

On Slideshare

0

From embeds

0

Number of embeds

233

Actions

Downloads

2

Shares

0

Comments

0

Likes

0

×