Aspect Ratio

[Kevin Maude]

Is there a setting that controls the aspect ratio of the webrtc stream?

I have the video on the index.html page set to 1280x720.

The play.html page is set to an aspect of 1280x720 for both HLS and Webrtc player. However as soon as the stream starts it reverts back to a 640x480 stream in the center of a 16:9 video player. 

[Robert Berger]

I would be interested in the answer to this question as well

On Friday, May 22, 2020 at 5:25:01 PM UTC-7, Kevin Maude wrote:

Is there a setting that controls the aspect ratio of the webrtc stream?

I have the video on the index.html page set to 1280x720.

The play.html page is set to an aspect of 1280x720 for both HLS and Webrtc player. However as soon as the stream starts it reverts back to a 640x480 stream in the center of a 16:9 video player. 

[Kevin Maude]

Checking back to see if anybody might have some insight on controlling the aspect for the webrtc stream. 


In trying to research it the thought that might need something with the webcam setting reset. Not sure however. 


Any help much appreciated 

[Logan McDonald]

Is this a WebRTC published stream? If yes, are you publishing at that size? Many webcams, like mine, default to 4:3 in Chrome. Search for the mediaConstraints variable on index.html and replace it with this:

var mediaConstraints = {

video : {

"width": {

"min": 1280,

"max": 1920

},

"height": {

"min": 720,

"max": 1080

}

},

audio : true

};

Note that if you try to publish after adding this change with any device that doesn't support at or above 1280x720, the browser will reject the attempt to publish and it will fail.

On Thursday, May 28, 2020 at 12:49:29 AM UTC-4, Kevin Maude wrote:

Checking back to see if anybody might have some insight on controlling the aspect for the webrtc stream.

In trying to research it the thought that might need something with the webcam setting reset. Not sure however.

Any help much appreciated

 

[Kevin Maude1648581700]

Logan,

Thank you for the response. The challenge I've had is that I can get a 16:9 image on the publish page. You can see in this image.

EmbeddedImages-40/0.jpg

But then when I view the stream on the play.html page it is squishing to 4:3. See this image.

EmbeddedImages-40/1.jpg

Trying to get the final image to be 16:9 for both the stream and record. 

Thanks,

Kevin

--

Kevin Maude

www.socialvideo.online

Want to schedule a meeting, check my availability

[Anthony]

I follow the question with interest. 

It would be really helpful to comprehensively understand how to flexibly set aspect ratio and resolution in Publish and Play examples.

Il giorno venerdì 29 maggio 2020 00:16:12 UTC+2, Kevin Maude ha scritto:

Logan,

Thank you for the response. The challenge I've had is that I can get a 16:9 image on the publish page. You can see in this image.

But then when I view the stream on the play.html page it is squishing to 4:3. See this image.

Trying to get the final image to be 16:9 for both the stream and record. 

Thanks,

Kevin

--

Kevin Maude

www.socialvideo.online

Want to schedule a meeting, check my availability

[Martin1648581702]

I have the same problem with streaming a 16:9 WebRTC screen share. When playing with HLS, I get 4:3 aspect ratio.
Am Freitag, 29. Mai 2020 00:16:12 UTC+2 schrieb Kevin Maude:

Logan,

Thank you for the response. The challenge I've had is that I can get a 16:9 image on the publish page. You can see in this image.

But then when I view the stream on the play.html page it is squishing to 4:3. See this image.

Trying to get the final image to be 16:9 for both the stream and record. 

Thanks,

Kevin

--

Kevin Maude

www.socialvideo.online

Want to schedule a meeting, check my availability

[Burak]

In community edition this is normal. Because we set the resolution 640x480 in the following line:

https://github.com/ant-media/Ant-Media-Server/blob/5d03cc91cbc15e0c0dc18a7b782e9be82c6cd79d/src/main/java/io/antmedia/websocket/WebSocketCommunityHandler.java#L248

So you can consider using 4:3 on the publishing side or you can edit the line as 640x360 and build it from scratch.