issue with switch camera flashphoner in react

[antu123]

Hello

there Seems like there's an issue with switch camera in media devices on Two Way Streaming React.
I have added JavaScript function in my project but not working.
How to fix it ?

Please check below url
https://mindinfodemo.com/testinantu/

 

[Max]

Good day.
We do not see any problems. The stream is publishing from a camera chosen (Chrome 120 browser):

What exactly does not work for you?

 

[antu123]

hello

when switch camera front to back that time back cam not working in mobile browser.

 

[Max]

Please provide a source code sample to test using this form.

 

[antu123]

hello
Please check below attachment.

 

[Max]

You have not added a constraint neede to capture from the device chosen:

You should get the device id from the videoInput item and set it to the proper video constraint:

      session.createStream({
        name: streamName,
        display: localVideo,
        cacheLocalResources: true,
        receiveVideo: false,
        receiveAudio: false,
        videoContentHint: "motion".
        constraints: {
            video: {
                deviceId: document.getElementById("videoInput").value
            }
        }
        ...
      });

 

[antu123]

I have been trying to convert Media Devices Functionality (https://github.com/flashphoner/flas...examples/demo/streaming/media_devices_manager) file to React Functional component. And seems the participant misbehave. When I remove a participant it still shows the wrong participant in the participative component. I'm requesting to add a demo with react function-based component for this, please.

 

[Max]

The Media Devices example is too complex to convert it to one component. It should be used only as a bundle of code samples to implement them.
Please see also this article where Media Devices functions are split to a code samples, one per function.

 

[antu123]

Hello Max ,
I want to know how can I record a stream in React Functional component and then upload it to a remote server.
Thanks for your help

 

[Max]

Please read about the recording feature here: Stream recording

 

[antu123]

Hello Max ,
I have been trying to create two component one for local or one for remote. When I added remote code in other component play button functionality stopped working. I'm requesting you to please add a remote code in separate component with react function-based for this, please.
also react-router not working in below src folder

When I input width height In 4K (Ultra HD): 3840 x 2160 pixels getting lagging issue.
can we set auto connected server (by default connected).
where store recorded video on server and how to setup.

Please find below attachment a source code sample to test using .

 

[Max]

Please refer to the source code sample on GitHub:

    if(session && remoteVideo) {
      session.createStream({
        name: streamName,
        display: remoteVideo
      }).on(STREAM_STATUS.PENDING, (stream) => {
        ...
      }).play();
    }

Usually, no additional parameters needed to play video. And you should not add publish constraints to playback options like you did:

Please read the doc about publishing and the doc about playing.

When I input width height In 4K (Ultra HD): 3840 x 2160 pixels getting lagging issue.

The channel bandwidth may be not enough to publish 4K video. Please test with lower resolutions.

can we set auto connected server (by default connected).

Please look at this example: Streaming Auto Restore

where store recorded video on server and how to setup.

Please refer to this doc about recording setup: Stream recording

 

[antu123]

hello @Max @swatisinhamis

After Adding Stream recording properties & function in react project. we are getting error on unpublished button streaming.

Also Download Link button not working.

 

[Max]

On your screenshot, this keyword is highlighted

Seems like this is undefined here. Please use a correct object here.

 

[antu123]

hello @Max @swatisinhamis

we are getting error on unpublished button streaming.

TypeError: stream.getRecordInfo is not a function

 

[Max]

we are getting error on unpublished button streaming.

TypeError: stream.getRecordInfo is not a function

Please check the stream object in the scope. May be you override it by some other type.
You can always test Stream Recording example (GitHub) in browser, it uses this method.

 

[antu123]

hello @Max @swatisinhamis

I already follow this ( Stream Recording example (GitHub) in browser, it uses this method ) doc.

 

[Max]

I already follow this ( Stream Recording example (GitHub) in browser, it uses this method ) doc.

Does the Stream Recording example work for you?

 

[antu123]

yes the Stream Recording example work for us

 

[Max]

yes the Stream Recording example work for us

If the example works, please check your source code. Note that this object is pointing not to application object in event handler function.