Mobile browser as a client

[gamecln277]

have any possible to let phone use?
I use it to drag phone ,web page will move....

[drauggres]

You should be able to just click on the image to generate input events.
Have you tried original scrcpy, does it work?

[gamecln277]

Yes , it work fine
But I need to use phone to control many emu.
so I very hope this software can work in my requirement...please

[drauggres]

So, you are using browser on a smartphone to open ws-scrcpy web page, is that correct?
I never tried to open it on a phone. I'm not sure that it's possible to use scroll/drag in ws-scrcpy on a common browser on a phone.

[gamecln277]

YES!thst is I mean!
If web screen can fullscreen,maybe It will work fine?
I guess

[gamecln277]

If look likes this

[gamecln277]

I have a idea
If page design like this
maybe it will looks very wonderful!
and last fix the drag and scale problem

[drauggres]

I think that these lines inserted here should solve problem with drag (but I didn't test):

document.body.ondragstart = function(e: MouseEvent): void {
    e.preventDefault();
    e.stopPropagation();
};

P.S. Or adding draggable="false" attribute to the elements.

[gamecln277]

document.body.onmousedown = function(e: MouseEvent): void { down++; onMouseEvent(e); }; document.body.onmouseup = function(e: MouseEvent): void { onMouseEvent(e); down--; }; document.body.onmousemove = function(e: MouseEvent): void { onMouseEvent(e); }; document.body.ondragstart = function(e: MouseEvent): void { e.preventDefault(); e.stopPropagation(); }; this.hasListeners = true;

I insert them but nothing change QQ

draggable="false"
this IDK where can I insert ...

picture

[santhoshbs1987]

I think that these lines inserted here should solve problem with drag (but I didn't test):

document.body.ondragstart = function(e: MouseEvent): void {
    e.preventDefault();
    e.stopPropagation();
};

P.S. Or adding draggable="false" attribute to the elements.

this did not work for me, please help with the working code

[santhoshbs1987]

document.body.onmousedown = function(e: MouseEvent): void { down++; onMouseEvent(e); }; document.body.onmouseup = function(e: MouseEvent): void { onMouseEvent(e); down--; }; document.body.onmousemove = function(e: MouseEvent): void { onMouseEvent(e); }; document.body.ondragstart = function(e: MouseEvent): void { e.preventDefault(); e.stopPropagation(); }; this.hasListeners = true;

I insert them but nothing change QQ

draggable="false"
this IDK where can I insert ...

picture

did you get the solution?

[pat993]

thanks for adding more feature, it now works on touch device, you guys did a great job