diff --git a/README.md b/README.md index c4f7491..a64a8a8 100644 --- a/README.md +++ b/README.md @@ -30,7 +30,7 @@ To get started, clone the repo: | Variable | Description | | -----------------------|-------------| | authEndpoint | Required, your Video SDK auth endpoint that securely generates a Video SDK JWT. [Get a Video SDK auth endpoint here.](https://github.com/zoom/videosdk-auth-endpoint-sample) | - | config | Your Video SDK [session details](https://developers.zoom.us/docs/video-sdk/web/ui-toolkit/#join-session) and [enabled features](https://developers.zoom.us/docs/video-sdk/web/ui-toolkit/#supported-features). The `videoSDKJWT` will be set from the response of your `authEndpoint`. | + | config | Your Video SDK [session details](https://developers.zoom.us/docs/video-sdk/web/ui-toolkit/#create-a-configuration-object) and [enabled features](https://developers.zoom.us/docs/video-sdk/web/ui-toolkit/#supported-features). The `videoSDKJWT` will be set from the response of your `authEndpoint`. | | role | Required, `0` to specify participant, `1` to specify host. | Example: @@ -42,7 +42,13 @@ To get started, clone the repo: sessionName: 'test', userName: 'ZoomDev', sessionPasscode: '123', - features: ['video', 'audio', 'settings', 'users', 'chat', 'share'] + features: ['preview', 'video', 'audio', 'settings', 'users', 'chat', 'share'], + options: { init: {}, audio: {}, video: {}, share: {}}, + virtualBackground: { + allowVirtualBackground: true, + allowVirtualBackgroundUpload: true, + virtualBackgrounds: ['https://images.unsplash.com/photo-1715490187538-30a365fa05bd?q=80&w=1945&auto=format&fit=crop'] + } }; var role = 1 ``` diff --git a/package-lock.json b/package-lock.json index 07c6ac0..c03832e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,17 +1,17 @@ { "name": "videosdk-ui-toolkit-react-sample", - "version": "1.10.8-1", + "version": "1.12.1-1", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "videosdk-ui-toolkit-react-sample", - "version": "1.10.8-1", + "version": "1.12.1-1", "dependencies": { "@testing-library/jest-dom": "^5.16.5", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", - "@zoom/videosdk-ui-toolkit": "^1.10.8-1", + "@zoom/videosdk-ui-toolkit": "^1.12.1-1", "react": "^18.2.0", "react-dom": "^18.2.0", "react-scripts": "5.0.1", @@ -4809,9 +4809,10 @@ "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==" }, "node_modules/@zoom/videosdk-ui-toolkit": { - "version": "1.10.8-1", - "resolved": "https://registry.npmjs.org/@zoom/videosdk-ui-toolkit/-/videosdk-ui-toolkit-1.10.8-1.tgz", - "integrity": "sha512-zwh0e+4/tKgwbXgebn9GTgN+zcP4lehtHZWjmrZxwrT6ZogWnB5l1sRzHIQg3rqAMkmTjzx86KRsje5uSKgJpA==" + "version": "1.12.1-1", + "resolved": "https://registry.npmjs.org/@zoom/videosdk-ui-toolkit/-/videosdk-ui-toolkit-1.12.1-1.tgz", + "integrity": "sha512-6C5EnC62cn5zSK5QoTr46BilKDaitaOq02vX3M3a5nVaJiMobSGFOUywSA1IDTwtdKMRnx5u6QY+maBgV7pMQw==", + "license": "SEE LICENSE IN LICENSE.md" }, "node_modules/abab": { "version": "2.0.6", diff --git a/package.json b/package.json index cf45046..7f3fefc 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "videosdk-ui-toolkit-react-sample", - "version": "1.10.8-1", + "version": "1.12.1-1", "author": "Zoom Video Communications, Inc.", "contributors": [ { @@ -13,7 +13,7 @@ "@testing-library/jest-dom": "^5.16.5", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", - "@zoom/videosdk-ui-toolkit": "^1.10.8-1", + "@zoom/videosdk-ui-toolkit": "^1.12.1-1", "react": "^18.2.0", "react-dom": "^18.2.0", "react-scripts": "5.0.1", diff --git a/src/App.js b/src/App.js index 3976fa6..b9f7260 100644 --- a/src/App.js +++ b/src/App.js @@ -12,7 +12,13 @@ function App() { sessionName: 'test', userName: 'React', sessionPasscode: '123', - features: ['video', 'audio', 'settings', 'users', 'chat', 'share'] + features: ['preview', 'video', 'audio', 'settings', 'users', 'chat', 'share'], + options: { init: {}, audio: {}, video: {}, share: {}}, + virtualBackground: { + allowVirtualBackground: true, + allowVirtualBackgroundUpload: true, + virtualBackgrounds: ['https://images.unsplash.com/photo-1715490187538-30a365fa05bd?q=80&w=1945&auto=format&fit=crop'] + } }; var role = 1 @@ -23,6 +29,7 @@ function App() { fetch(authEndpoint, { method: 'POST', + headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ sessionName: config.sessionName, role: role,