How to embed multiple players in one webpage?

[DeanSLR]

Hey,
So embedding 1 player via the embeded player in the admin panel works great.
When I try to embed multiple players I only view 1 of them. how to embed more than 1? thanks

 

[Max]

Good day
We cannot reproduce the issue with this elementary example:
1. Open Media Devices example on our demo server: https://demo.flashphoner.com:8888/c...dia_devices_manager/media_device_manager.html
2. Publish stream test from webcamera
3. Duplicate the page, publish stream test from another webcamera
4. Place the following page to your web server, then open it in latest Chrome browser

<iframe id='fp_embed_player' src='https://demo.flashphoner.com:8888/embed_player?urlServer=wss://demo.flashphoner.com:8443&streamName=test&mediaProviders=WebRTC' marginwidth='0' marginheight='0' frameborder='0' width='100%' height='100%' scrolling='no' allowfullscreen='allowfullscreen'></iframe>
<iframe id='fp_embed_player2' src='https://demo.flashphoner.com:8888/embed_player?urlServer=wss://demo.flashphoner.com:8443&streamName=test2&mediaProviders=WebRTC' marginwidth='0' marginheight='0' frameborder='0' width='100%' height='100%' scrolling='no' allowfullscreen='allowfullscreen'></iframe>

You should allow CORS in browser of course.

 

[DeanSLR]

Ok, this seems to be getting there, but i'm still getting some other error: None of preferred MediaProviders are available
I have embedded 3 different streams into Chrome browser - in my VueJS app.

Perhaps I need to insert the streams programically using the SDK?

 

[Max]

2 players

https://demo.flashphoner.com/client2/examples/demo/streaming/2players/2players.js

Take a look at this sample. It is better than iframes.
Yes you have to use Web SDK (flashphoner.js lib) to implement such sample.
See also SDK docs related 2players https://docs.flashphoner.com/display/WEBSDK2EN/2+Players