Welcome to EMWebKit Engine
remember to add the installation path of engine to env vars
latest call command for engine:
installation check:
EMWebKit -v
direct path:
EMWebKit.exe -CONFIG X:/path/to/your/MUTEXIS_KIT.json
in direct mode , path can be to any .json file
indirect path:
EMWebKit.exe -CONFIG X:/path/to/dir/which/MUTEXIS_KIT.json/lives/in/it
in indirect mode , path is to a dir which MUTEXIS_KIT.json is there and system will check for it
default path:
EMWebKit.exe
in default mode system checks if the MUTEXIS_KIT.json file exists in the process dir or not and uses it
MUTEXIS_KIT.js:
{
"url": "your preferred url",
"width": 1024,
"height": 768,
"resizable" : false,
"title": false,
"title_text": "My App",
"title_style": "hiddenInset",
"title_symbol_color": "",
"title_bar_color": "",
"full_screen": false,
"center": false,
"posx": 0,
"posy": 0,
"strict_url": false,
"url_style": "https://www.google.com/",
"icon": ""
}
To use this engine as the UI component of your application, set the 'url'
to the preferred URL where your app is hosted. Ensure that your server does not accept connections from unauthorized sources.
For a window without a title bar, set 'title'
to false
. If a title bar is desired, set 'title'
to true
and specify 'title_text'
. Additionally, provide a path to the window icon in 'icon'
.
to set icon of window which will be on top left in Windows "icon"
must be set to path of your Window icon . (Windows : .ico , Linux : .png , MacOS : .icns)
When 'full_screen'
is set to true
, the window will occupy the entire screen, making 'posx'
and 'posy'
irrelevant.
To restrict navigation to other websites and keep users within your designated web environment, set 'strict_url'
to true
. Then, use 'url_style'
to define the URL pattern that should be consistently checked upon navigation.
For dynamic title changes: window.Backend.setTitle(title)
For full-screen mode: window.Backend.full_screen("true")
For closing the app: window.Backend.close_window("true")
To change the color of the title bar overlay dynamically, set 'title_style'
to hidden
in your MUTEXIS_KIT.json
file and use window.Backend.title_bar_overlay("#051be1", "#051be1")
in the frontend. You can also use title_style hiddenInset
for the normal title bar.
For minimizing the window: window.Backend.win_minimize('true')
For making the window resizable: window.Backend.win_resizable('true')
(and vice versa)
To center the window: window.Backend.win_center()
To set the width and height: window.Backend.win_size(1000, 1000, "false")
(if true
is set, the window will change height smoothly)
To set window icon dynamically: window.Backend.win_icon("D:/path/to/your/icon")
To request camera access: window.Backend.getCameraAccess()
(returns a promise that resolves to true
if access is granted) also its recommended to use main application for this purposes and keep this application for gui interfaces only
To request microphone access: window.Backend.getMicrophoneAccess()
(returns a promise that resolves to true
if access is granted) also its recommended to use main application for this purposes and keep this application for gui interfaces only
if you want to use webview tag , Visit