PluginWebView
Plugin to take advantage of Microsoft Edge WebView2 to display web content on a skin.
- WebView window is attached into skin window so all skin configuration is respected (position, Z index, transparency,...)
- Small memory usage and extremely fast skin loading time
- Natively retrieve other Rainmeter measures' and plugins' values in JavasSript runtime
- Web renderer provides unlimited rendering capabilites. And there are massive widget resources from the internet (Codepen, CSSHint.com, ...) that you customsize and make them functional
In example skins package, I demostrated how to setup WebView plugin measure and skin window to contain WebView window correctly.
Skin "player" and "visualizer" show how RainmeterAPI object is used to get AudioLevel and WebNowPlaying plugins values. Skin "visualizer", "Miku" and "Minecraft" show 3D render capability. Note that they are for fun only, 3D rendering usew too much CPU and RAM. "visualiser" is also interactable with mouse (zoom, pan, move)
All of these widgets are downloaded from the internet, I will credit their authors properly later.
Download
- Download Example Skins package in Releases page to install skins + plugin.
- In first plugin load, it will prompt you to download and install WebView2 runtime if your Windows hasn't had it already. Click OK will open download link directly.
Documentation
Methods and properties of JavaScript object that are binded directly to their native objects
RainmeterAPI
| Type | Name | Param | Return | Description |
|---|---|---|---|---|
| Method | GetMeasure |
(sectionName: string) |
MeasureObject | Get a measure object from its name |
| Method | GetMeter |
(sectionName: string) |
MeterObject | Get a meter object from its name |
| Method | GetVariable |
(variableName: string) |
string | Get a variable value |
| Method | GetOption |
(optionName: string, replaceVariables: boolean) |
string | Get a option of current Plugin measure |
| Method | GetOption |
(optionName: string, replaceVariables: boolean) |
string | Get a option of current Plugin measure |
| Method | Bang |
(command: string) |
Send bang/bangs to skin | |
| Method | Log |
(message: string) |
Log a Notice message |
MeasureObject
MeasureObject returned from a Rainmeter.GetMeasure call has these following methods and properties:
| Type | Name | Param | Return | Description |
|---|---|---|---|---|
| Method | GetString |
() |
string | Get measure string value |
| Method | GetNumber |
() |
number | Get measure numberic value |
| Method | GetOption |
(optionName: string, replaceVariables: boolean) |
string | Get a option of measure |
| Method | Command |
(command: string) |
Send a command to measure (similar to "!CommandMeasure" bang) | |
| Method | Update |
() |
||
| Property (get, set) | disabled |
boolean | Whether measure is disabled | |
| Property (get, set) | paused |
boolean | Whether measure is paused | |
| Property (get, set) | dynamicVariables |
boolean | Whether measure should re-read its options every update |
MeterObject
MeterObject returned from a Rainmeter.GetMeter call has these following methods and properties:
| Type | Name | Param | Return | Description |
|---|---|---|---|---|
| Method | GetOption |
(optionName: string, replaceVariables: boolean) |
string | Get a option of meter |
| Method | Update |
() |
||
| Property (get, set) | hidden |
boolean | Whether meter is hidden | |
| Property (get, set) | dynamicVariables |
boolean | Whether meter should re-read its options every update | |
| Property (get, set) | x |
int | Meter X position | |
| Property (get, set) | y |
int | Meter Y position | |
| Property (get, set) | width |
int | Meter width | |
| Property (get, set) | height |
int | Meter height |
Development
- Clone Rainmeter repo and PluginWebView repo
git clone https://github.com/rainmeter/rainmeter
git clone https://github.com/khanhas/PluginWebView
- Open Rainmeter solution in Visual Studio
- Add PluginWebView project into Rainmeter solution
- Build PluginWebView only, you don't need to build Rainmeter.
- Copy WebView.dll to
%appdata\Rainmeter\Plugins
105.2k Jan 3, 2023
4.8k Jan 7, 2023
4 Jun 28, 2022
22 Nov 18, 2022
2 Nov 25, 2021
724 Dec 30, 2022
286 Jan 7, 2023
184 Dec 31, 2022
95 Nov 19, 2022
1.4k Jan 8, 2023
27k Dec 31, 2022
847 Dec 31, 2022
924 Dec 27, 2022
2 Sep 11, 2022
2 Oct 26, 2021
6 Dec 2, 2022
2 Oct 14, 2021
692 Jan 9, 2023
1.1k Dec 28, 2022
286 Jan 7, 2023
95 Nov 19, 2022
81 Dec 22, 2022
1.8k Jan 4, 2023
783 Jan 4, 2023
271 Jan 8, 2023
239 Dec 28, 2022
2 Aug 1, 2022
7 Oct 29, 2022
1.3k Jan 8, 2023