# Web

> Use the Web developer preview for browser camera input and compatible authored .nosmai packages through WebGL 2 and WebAssembly.

> For AI agents: the complete documentation index is at https://nosmai.com/llms/effects.txt

Product: Nosmai Effects
Group: platform-guides
Source: https://nosmai.com/docs/effects/platforms/web/

## Start here

- [Install the Web preview](/docs/effects/installation/web/)
- [Build the Web quickstart](/docs/effects/quickstart/web/)
- Obtain the preview archive and model assets through Nosmai onboarding

## Requirements

| Item | Requirement |
| --- | --- |
| Browser context | HTTPS or localhost |
| Graphics | WebGL 2 with hardware acceleration recommended |
| Runtime | WebAssembly, Web Crypto, and `navigator.mediaDevices.getUserMedia` |
| Hosting | Camera, package, WASM, model, and worker resources allowed by CSP and CORS |

## Current preview scope

- browser camera preview
- compatible authored `.nosmai` filters, AR masks, frames, LUTs, 3D content,
  and packaged backgrounds
- package compatibility inspection and runtime diagnostics
- face tracking and package-authored trigger signals

The preview does not currently provide mobile parity for adjustable beauty,
Cloud Filters, camera games, native capture, recording, or off-screen output.
The Web package is not currently published on public npm.

## Important ownership rules

Start the camera from a user gesture when required by the browser. Stop all
tracks when leaving the screen. Serve the package and runtime assets from
origins permitted by the page's CORS and Content Security Policy.

## Next steps

- [Bundle a filter for Web](/docs/effects/guides/filters/bundle-an-asset-store-filter/web/)
- [Add an AR mask on Web](/docs/effects/guides/effects/add-an-ar-mask/web/)
- [Review platform support](/docs/effects/platform-support/)

## References

- [Web quickstart](/docs/effects/quickstart/web/)
- [Troubleshooting](/docs/effects/troubleshooting/)