Merge pull request #193 from Azure-Samples/dmceachernsmft/add-sounds-c2c

[Calling sounds] add sounds to completed code for tutorial
Azure-Samples · Nov 24, 2023 · 6338893 · 6338893
2 parents e9c6cef + 8afd8fa
commit 6338893
Show file tree

Hide file tree

Showing 7 changed files with 40 additions and 46 deletions.
diff --git a/ui-library-click-to-call/package-lock.json b/ui-library-click-to-call/package-lock.json
diff --git a/ui-library-click-to-call/package.json b/ui-library-click-to-call/package.json
@@ -3,9 +3,9 @@
     "version": "0.1.0",
     "private": true,
     "dependencies": {
-      "@azure/communication-calling": "1.18.2-beta.1",
-      "@azure/communication-chat": "1.4.0-beta.1",
-      "@azure/communication-react": "1.9.0-alpha-202310181643",
+      "@azure/communication-calling": "1.19.1-beta.2",
+      "@azure/communication-chat": "1.4.0-beta.2",
+      "@azure/communication-react": "1.10.1-alpha-202311240012",
       "@azure/communication-calling-effects": "1.0.1",
       "@azure/communication-common": "2.3.0",
       "@fluentui/react-icons": "~2.0.203",

diff --git a/ui-library-click-to-call/public/sounds/callBusy.mp3 b/ui-library-click-to-call/public/sounds/callBusy.mp3
diff --git a/ui-library-click-to-call/public/sounds/callEnded.mp3 b/ui-library-click-to-call/public/sounds/callEnded.mp3
diff --git a/ui-library-click-to-call/public/sounds/callRinging.mp3 b/ui-library-click-to-call/public/sounds/callRinging.mp3
diff --git a/ui-library-click-to-call/src/App.tsx b/ui-library-click-to-call/src/App.tsx
@@ -44,7 +44,6 @@ function App() {
         <Spinner label={'Getting user credentials from server'} ariaLive="assertive" labelPosition="top" />;
       </Stack>
     )
-
   }
 
 

diff --git a/ui-library-click-to-call/src/components/CallingWidgetComponent.tsx b/ui-library-click-to-call/src/components/CallingWidgetComponent.tsx
@@ -15,7 +15,8 @@ import {
     CallAdapter,
     CallComposite,
     useAzureCommunicationCallAdapter,
-    AzureCommunicationCallAdapterArgs
+    AzureCommunicationCallAdapterArgs,
+    CommonCallAdapterOptions
 } from '@azure/communication-react';
 // lets add to our react imports as well
 import { useCallback, useMemo } from 'react';
@@ -69,12 +70,24 @@ export const CallingWidgetComponent = (
         }
     }, [widgetAdapterArgs.token]);
 
+    const adapterOptions: CommonCallAdapterOptions = useMemo(
+        () => ({
+          callingSounds: {
+            callEnded: { url: '/sounds/callEnded.mp3' },
+            callRinging: { url: '/sounds/callRinging.mp3' },
+            callBusy: { url: '/sounds/callBusy.mp3' }
+          }
+        }),
+        []
+      );
+
     const callAdapterArgs = useMemo(() => {
         return {
             userId: widgetAdapterArgs.userId,
             credential: credential,
             locator: { participantIds: [`28:orgid:${widgetAdapterArgs.teamsAppIdentifier.teamsAppId}`] },
-            displayName: displayName
+            displayName: displayName,
+            options: adapterOptions
         }
     }, [widgetAdapterArgs.userId, widgetAdapterArgs.teamsAppIdentifier.teamsAppId, credential, displayName]);
-Original file line number
+Diff line change
@@ Expand Up / @@ -44,7 +44,6 @@ function App() { @@
             <Spinner label={'Getting user credentials from server'} ariaLive="assertive" labelPosition="top" />;
           </Stack>
         )
       }
@@ Expand Down @@