Baseline Widely available
Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
The addModule()
method of the Worklet
interface loads the module in the given JavaScript file and adds it to the current Worklet
.
addModule(moduleURL)
addModule(moduleURL, options)
Parameters
moduleURL
A String
containing the URL of a JavaScript file with the module to add.
options
Optional
An object with any of the following options:
credentials
A Request.credentials
value that indicates whether to send credentials (e.g., cookies and HTTP authentication) when loading the module. Can be one of "omit"
, "same-origin"
, or "include"
. Defaults to "same-origin"
. See also Request.credentials
.
A Promise
that resolves once the module from the given URL has been added. The promise doesn't return any value.
If addModule()
fails, it rejects the promise, delivering one of the following errors to the rejection handler.
AbortError
DOMException
The specified script is invalid or could not be loaded.
SyntaxError
DOMException
The specified moduleURL
is invalid.
const audioCtx = new AudioContext();
const audioWorklet = audioCtx.audioWorklet;
audioWorklet.addModule("modules/bypassFilter.js", {
credentials: "omit",
});
PaintWorklet example
CSS.paintWorklet.addModule(
"https://mdn.github.io/houdini-examples/cssPaint/intro/worklets/hilite.js",
);
Once the script has been added to the paint worklet, the CSS paint()
function can be used to include the image created by the worklet:
@supports (background-image: paint(id)) {
h1 {
background-image: paint(hollowHighlights, filled, 3px);
}
}
Specifications Browser compatibility
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4