Skip to content

Commit 8c82830

Browse files
author
Kevin Le Goff
committed
Rewamp 2 different cameras
1 parent df0297e commit 8c82830

File tree

1 file changed

+15
-13
lines changed

1 file changed

+15
-13
lines changed

articles/communication-services/how-tos/calling-sdk/includes/manage-video/manage-video-web.md

Lines changed: 15 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -472,22 +472,24 @@ by either creating new renderer (`createView` method) or dispose views (`dispose
472472

473473
Remote video streams have the following properties:
474474

475-
- `id`: The ID of a remote video stream.
476-
477475
```js
478476
const id: number = remoteVideoStream.id;
479477
```
478+
- `id`: The ID of a remote video stream.
480479

480+
```js
481+
const type: MediaStreamType = remoteVideoStream.mediaStreamType;
482+
```
481483
- `mediaStreamType`: Can be `Video` or `ScreenSharing`.
482484

483485
```js
484-
const type: MediaStreamType = remoteVideoStream.mediaStreamType;
486+
const isAvailable: boolean = remoteVideoStream.isAvailable;
485487
```
486488

487489
- `isAvailable`: Defines whether a remote participant endpoint is actively sending a stream.
488490

489491
```js
490-
const isAvailable: boolean = remoteVideoStream.isAvailable;
492+
const isReceiving: boolean = remoteVideoStream.isReceiving;
491493
```
492494

493495
- `isReceiving`:
@@ -508,27 +510,27 @@ const isAvailable: boolean = remoteVideoStream.isAvailable;
508510

509511
- This feature improves the user experience for rendering remote video streams.
510512
- You can display a loading spinner over the remote video stream when isReceiving flag changes to false. You don't have to do a loading spinner, you can do anything you desire, but a loading spinner is the most common usage for better user experience.
511-
```js
512-
const isReceiving: boolean = remoteVideoStream.isReceiving;
513-
```
514-
515-
- `size`: The stream size. The higher the stream size, the better the video quality.
516513

517514
```js
518515
const size: StreamSize = remoteVideoStream.size;
519516
```
520517

518+
- `size`: The stream size. The higher the stream size, the better the video quality.
519+
521520
## VideoStreamRenderer methods and properties
522-
Create a `VideoStreamRendererView` instance that can be attached in the application UI to render the remote video stream, use asynchronous `createView()` method, it resolves when stream is ready to render and returns an object with `target` property that represents `video` element that can be appended anywhere in the DOM tree
523521

524522
```js
525523
await videoStreamRenderer.createView();
526524
```
527525

528-
Dispose of `videoStreamRenderer` and all associated `VideoStreamRendererView` instances:
526+
Create a `VideoStreamRendererView` instance that can be attached in the application UI to render the remote video stream,
527+
use asynchronous `createView()` method, it resolves when stream is ready to render and returns an object with `target`
528+
property that represents `video` element that can be inserted anywhere in the DOM tree
529+
529530
```js
530531
videoStreamRenderer.dispose();
531532
```
533+
Dispose of `videoStreamRenderer` and all associated `VideoStreamRendererView` instances
532534

533535
## VideoStreamRendererView methods and properties
534536

@@ -551,7 +553,7 @@ view.updateScalingMode('Crop');
551553

552554
## Send video streams from two different cameras, in the same call from the same desktop device.
553555
[!INCLUDE [Public Preview Disclaimer](../../../../includes/public-preview-include.md)]
554-
This is supported as part of version 1.17.1-beta.1+ on desktop supported browsers.
556+
Send video streams from two different cameras in the same call is supported as part of version 1.17.1-beta.1+ on desktop supported browsers.
555557
- You can send video streams from two different cameras from a single desktop browser tab/app, in the same call, with the following code snippet:
556558
```js
557559
// Create your first CallAgent with identity A
@@ -577,7 +579,7 @@ await callObj2.muteIncomingAudio();
577579
await callObj2.mute();
578580
```
579581
Limitations:
580-
- This must be done with two different call agents with different identities, hence the code snippet shows two call agents being used, each with its own Call object.
582+
- This must be done with two different `CallAgent` instances using different identities, hence the code snippet shows two call agents being used, each with its own Call object.
581583
- In the code example, both CallAgents are joining the same call (same call Ids). You can also join different calls with each agent and send one video on one call and a different video on the other call.
582584
- Sending the same camera in both CallAgent, isn't supported. They must be two different cameras.
583585
- Sending two different cameras with one CallAgent is currently not supported.

0 commit comments

Comments
 (0)