how to horizontal display videoCanvas in vow-player.html

[chenxueren]

how to horizontal display videoCanvas in vow-player.html

 

[Max]

It is our default example WS Player Min in iOS Safari, iPhone6
I just rotate device to horizontal position.
Vertical view



Horizontal view

 

[chenxueren]

Hi MAX
I hope iphone lock Vertical , auto-rotate is disable , I hope videocanvas is horizontal still.

 

[Max]

You can try to rotate you video <canvas> element to 180 degree
Using similar JavaScript code:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rotate(Math.PI/180);

 

[chenxueren]

I add below code , but no change

//add listeners
f.addListener(WCSEvent.ErrorStatusEvent, errorEvent);
f.addListener(WCSEvent.ConnectionStatusEvent, connectionStatusListener);
f.addListener(WCSEvent.StreamStatusEvent, streamStatusListener);
var configuration = new Configuration();
configuration.wsPlayerCanvas = document.getElementById('videoCanvas');
contents=configuration.wsPlayerCanvas.getContext("2d"); // add by my
contents.rotate(30*Math.PI/180); // add by my
configuration.wsPlayerReceiverPath = "WSReceiver.js";
configuration.videoWidth = 320;
configuration.videoHeight = 240;
in vow-player.js

 

[Max]

I have tried. It seems canvas video rotation is not currently supported in our websocket player.
Canvas itself is rotated but it does not take effect for video. So currently this can be added as a custom feature only.

 

[chenxueren]

ok, you add this function for me ! i want to buy several license.

 

[Max]

Yes, I think it is possible with 2d or WebGL transformation. Please contact support@flashphoner.com with any further questions related this issue

 

[chenxueren]

Yes, I think it is possible with 2d or WebGL transformation. Please contact support@flashphoner.com with any further questions related this issue

HI Max
Is it possible with 2d or WebGL transformation?

 

[Max]

Yes it is possible and such transformation requires additional code from our end.

 

[chenxueren]

Hi Max
When can you send additional code to me test?
my email : 260934647@qq.com

 

[Max]

Hello.
We did not write such code. We do not have such code on this moment.
It is a custom feature request. Please contact support@flashphoner.com with any questions.