mirror of
https://github.com/antos-rde/antosdk-apps.git
synced 2024-11-19 11:48:22 +01:00
RemoteDesktop: * v0.1.15 - Only send ACK command when finish rendering the received frame, this allows to vastly improve performance and bandwidth
This commit is contained in:
commit
b3db4861ef
@ -7,6 +7,8 @@ Further information on **wvnc**: [https://blog.lxsang.me/post/id/23](https://blo
|
|||||||
|
|
||||||
|
|
||||||
## Change logs
|
## Change logs
|
||||||
|
* v0.1.15 - Only send ACK command when finish rendering the received frame, this allows to vastly improve performance and bandwidth
|
||||||
|
* v0.1.14 - Add toolbar for canvas size control
|
||||||
* v0.1.13 - support AntOS v2.0.x
|
* v0.1.13 - support AntOS v2.0.x
|
||||||
* v0.1.12 - improve UI handling
|
* v0.1.12 - improve UI handling
|
||||||
* v0.1.11 - Support 16 bits per pixel
|
* v0.1.11 - Support 16 bits per pixel
|
||||||
|
@ -1,6 +1,7 @@
|
|||||||
afx-app-window[data-id="RemoteDesktop"] div[data-id="container"]
|
afx-app-window[data-id="RemoteDesktop"] div[data-id="container"]
|
||||||
{
|
{
|
||||||
background-color: #272822;
|
background-color: #272822;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
afx-app-window[data-id="RemoteDesktop"] canvas[data-id="screen"]
|
afx-app-window[data-id="RemoteDesktop"] canvas[data-id="screen"]
|
||||||
{
|
{
|
||||||
|
@ -1,7 +1,17 @@
|
|||||||
<afx-app-window apptitle="VNC Remote Desktop" width="720" height="576" data-id="RemoteDesktop">
|
<afx-app-window apptitle="VNC Remote Desktop" width="720" height="576" data-id="RemoteDesktop">
|
||||||
<afx-hbox >
|
<afx-vbox >
|
||||||
<div data-id="container">
|
<div data-id="container">
|
||||||
<canvas data-id="screen"></canvas>
|
<canvas data-id="screen"></canvas>
|
||||||
</div>
|
</div>
|
||||||
|
<afx-hbox data-height="35">
|
||||||
|
<afx-button iconclass="fa fa-arrows-alt" data-id="btreset" data-width="content"></afx-button>
|
||||||
|
<div data-width = "5" ></div>
|
||||||
|
<afx-slider data-id="zoom" ></afx-slider>
|
||||||
|
<div data-width = "5" ></div>
|
||||||
|
<afx-button iconclass="bi bi-box-arrow-down" data-id="scroll_down" data-width="content"></afx-button>
|
||||||
|
<afx-button iconclass="bi bi-box-arrow-up" data-id="scroll_up" data-width="content"></afx-button>
|
||||||
|
<afx-button iconclass="bi bi-box-arrow-left" data-id="scroll_left" data-width="content"></afx-button>
|
||||||
|
<afx-button iconclass="bi bi-box-arrow-right" data-id="scroll_right" data-width="content"></afx-button>
|
||||||
</afx-hbox>
|
</afx-hbox>
|
||||||
|
</afx-vbox>
|
||||||
</afx-app-window>
|
</afx-app-window>
|
@ -7,6 +7,8 @@ Further information on **wvnc**: [https://blog.lxsang.me/post/id/23](https://blo
|
|||||||
|
|
||||||
|
|
||||||
## Change logs
|
## Change logs
|
||||||
|
* v0.1.15 - Only send ACK command when finish rendering the received frame, this allows to vastly improve performance and bandwidth
|
||||||
|
* v0.1.14 - Add toolbar for canvas size control
|
||||||
* v0.1.13 - support AntOS v2.0.x
|
* v0.1.13 - support AntOS v2.0.x
|
||||||
* v0.1.12 - improve UI handling
|
* v0.1.12 - improve UI handling
|
||||||
* v0.1.11 - Support 16 bits per pixel
|
* v0.1.11 - Support 16 bits per pixel
|
||||||
|
@ -1,6 +1,7 @@
|
|||||||
afx-app-window[data-id="RemoteDesktop"] div[data-id="container"]
|
afx-app-window[data-id="RemoteDesktop"] div[data-id="container"]
|
||||||
{
|
{
|
||||||
background-color: #272822;
|
background-color: #272822;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
afx-app-window[data-id="RemoteDesktop"] canvas[data-id="screen"]
|
afx-app-window[data-id="RemoteDesktop"] canvas[data-id="screen"]
|
||||||
{
|
{
|
||||||
|
File diff suppressed because one or more lines are too long
@ -7,7 +7,7 @@
|
|||||||
"author": "Dany LE",
|
"author": "Dany LE",
|
||||||
"email": "contact@iohub.dev"
|
"email": "contact@iohub.dev"
|
||||||
},
|
},
|
||||||
"version":"0.1.13-b",
|
"version":"0.1.15-b",
|
||||||
"dependencies": [],
|
"dependencies": [],
|
||||||
"category":"Internet",
|
"category":"Internet",
|
||||||
"icon": "icon.png",
|
"icon": "icon.png",
|
||||||
|
@ -1,7 +1,17 @@
|
|||||||
<afx-app-window apptitle="VNC Remote Desktop" width="720" height="576" data-id="RemoteDesktop">
|
<afx-app-window apptitle="VNC Remote Desktop" width="720" height="576" data-id="RemoteDesktop">
|
||||||
<afx-hbox >
|
<afx-vbox >
|
||||||
<div data-id="container">
|
<div data-id="container">
|
||||||
<canvas data-id="screen"></canvas>
|
<canvas data-id="screen"></canvas>
|
||||||
</div>
|
</div>
|
||||||
|
<afx-hbox data-height="35">
|
||||||
|
<afx-button iconclass="fa fa-arrows-alt" data-id="btreset" data-width="content"></afx-button>
|
||||||
|
<div data-width = "5" ></div>
|
||||||
|
<afx-slider data-id="zoom" ></afx-slider>
|
||||||
|
<div data-width = "5" ></div>
|
||||||
|
<afx-button iconclass="bi bi-box-arrow-down" data-id="scroll_down" data-width="content"></afx-button>
|
||||||
|
<afx-button iconclass="bi bi-box-arrow-up" data-id="scroll_up" data-width="content"></afx-button>
|
||||||
|
<afx-button iconclass="bi bi-box-arrow-left" data-id="scroll_left" data-width="content"></afx-button>
|
||||||
|
<afx-button iconclass="bi bi-box-arrow-right" data-id="scroll_right" data-width="content"></afx-button>
|
||||||
</afx-hbox>
|
</afx-hbox>
|
||||||
|
</afx-vbox>
|
||||||
</afx-app-window>
|
</afx-app-window>
|
Binary file not shown.
@ -57,7 +57,6 @@ class CredentialDialog extends this.OS.GUI.BasicDialog
|
|||||||
password: (@find "txtPass").value
|
password: (@find "txtPass").value
|
||||||
@handle data
|
@handle data
|
||||||
@quit()
|
@quit()
|
||||||
|
|
||||||
@find("bt-cancel").onbtclick = () =>
|
@find("bt-cancel").onbtclick = () =>
|
||||||
@quit()
|
@quit()
|
||||||
|
|
||||||
@ -83,6 +82,29 @@ class RemoteDesktop extends this.OS.application.BaseApplication
|
|||||||
main: () ->
|
main: () ->
|
||||||
@canvas = @find "screen"
|
@canvas = @find "screen"
|
||||||
@container = @find "container"
|
@container = @find "container"
|
||||||
|
@zoom = @find "zoom"
|
||||||
|
@btreset = @find "btreset"
|
||||||
|
@zoom.max = 200
|
||||||
|
@zoom.value = 100
|
||||||
|
@zoom.onvaluechange = (e) => @setScale()
|
||||||
|
@find("scroll_down").onbtclick = (e) =>
|
||||||
|
@container.scrollTop += 20
|
||||||
|
@find("scroll_up").onbtclick = (e) =>
|
||||||
|
@container.scrollTop -= 20
|
||||||
|
@find("scroll_left").onbtclick = (e) =>
|
||||||
|
@container.scrollLeft -= 20
|
||||||
|
@find("scroll_right").onbtclick = (e) =>
|
||||||
|
@container.scrollLeft += 20
|
||||||
|
@btreset.onbtclick = (e) =>
|
||||||
|
w = $(@container).width()
|
||||||
|
h = $(@container).height()
|
||||||
|
sx = w / @client.resolution.w
|
||||||
|
sy = h / @client.resolution.h
|
||||||
|
if sx > sy
|
||||||
|
@zoom.value = sy*100
|
||||||
|
else
|
||||||
|
@zoom.value = sx*100
|
||||||
|
@setScale()
|
||||||
@client = new WVNC {
|
@client = new WVNC {
|
||||||
element: @canvas
|
element: @canvas
|
||||||
}
|
}
|
||||||
@ -113,7 +135,7 @@ class RemoteDesktop extends this.OS.application.BaseApplication
|
|||||||
@openDialog new CredentialDialog, { title: __("User credential") }
|
@openDialog new CredentialDialog, { title: __("User credential") }
|
||||||
.then (d) ->
|
.then (d) ->
|
||||||
r(d.username, d.password)
|
r(d.username, d.password)
|
||||||
@on "resize", (e)=> @setScale()
|
# @on "resize", (e)=> @setScale()
|
||||||
@on "focus", (e) => $(@canvas).focus()
|
@on "focus", (e) => $(@canvas).focus()
|
||||||
@client.init().then () =>
|
@client.init().then () =>
|
||||||
@showConnectionDialog()
|
@showConnectionDialog()
|
||||||
@ -136,12 +158,11 @@ class RemoteDesktop extends this.OS.application.BaseApplication
|
|||||||
.catch (err) => @error err.toString(), err
|
.catch (err) => @error err.toString(), err
|
||||||
|
|
||||||
setScale: () ->
|
setScale: () ->
|
||||||
|
console.log "scale changed"
|
||||||
return unless @client and @client.resolution
|
return unless @client and @client.resolution
|
||||||
w = $(@container).width()
|
@client.setScale @zoom.value / 100.0
|
||||||
h = $(@container).height()
|
@container.scrollLeft = 0
|
||||||
sx = w / @client.resolution.w
|
@container.scrollTop = 0
|
||||||
sy = h / @client.resolution.h
|
|
||||||
if sx > sy then @client.setScale sy else @client.setScale sx
|
|
||||||
|
|
||||||
menu: () ->
|
menu: () ->
|
||||||
|
|
||||||
|
@ -7,7 +7,7 @@
|
|||||||
"author": "Dany LE",
|
"author": "Dany LE",
|
||||||
"email": "contact@iohub.dev"
|
"email": "contact@iohub.dev"
|
||||||
},
|
},
|
||||||
"version":"0.1.13-b",
|
"version":"0.1.15-b",
|
||||||
"dependencies": [],
|
"dependencies": [],
|
||||||
"category":"Internet",
|
"category":"Internet",
|
||||||
"icon": "icon.png",
|
"icon": "icon.png",
|
||||||
|
@ -365,7 +365,7 @@
|
|||||||
"description": "https://raw.githubusercontent.com/lxsang/antosdk-apps/2.0.x/RemoteDesktop/README.md",
|
"description": "https://raw.githubusercontent.com/lxsang/antosdk-apps/2.0.x/RemoteDesktop/README.md",
|
||||||
"category": "Internet",
|
"category": "Internet",
|
||||||
"author": "Dany LE",
|
"author": "Dany LE",
|
||||||
"version": "0.1.13-b",
|
"version": "0.1.15-b",
|
||||||
"dependencies": [],"category":"Internet","icon":"icon.png","mimes":["none"],
|
"dependencies": [],"category":"Internet","icon":"icon.png","mimes":["none"],
|
||||||
"download": "https://raw.githubusercontent.com/lxsang/antosdk-apps/2.0.x/RemoteDesktop/build/release/RemoteDesktop.zip"
|
"download": "https://raw.githubusercontent.com/lxsang/antosdk-apps/2.0.x/RemoteDesktop/build/release/RemoteDesktop.zip"
|
||||||
},
|
},
|
||||||
|
Loading…
Reference in New Issue
Block a user