> For the complete documentation index, see [llms.txt](https://nccr-liri.gitbook.io/annotation-web-interface-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nccr-liri.gitbook.io/annotation-web-interface-docs/readme.md).

# Intro

The Callmark web interface offers an interactive user interface to simplify the annotation process for both human speech and animal vocalizations. It is the frontend part of a full-stack application which was created as part of a [NCCR](https://www.liri.uzh.ch/en/services/collab/nccr.html) research project. It was contributed by Alon Cohen, Nianlong Gu and Maris Basha.

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="image"></th><th data-hidden></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Live Service</strong></td><td>Use the service</td><td><a href="https://3390195891-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6viJxa22z4YTJrae5PUi%2Fuploads%2F0hai8NAoqotXBpszWWxm%2FScreenshot%202026-07-14%20at%2015.32.50.png?alt=media&amp;token=a76c3835-3d26-4a97-8c34-77e116c5de1e">Screenshot 2026-07-14 at 15.32.50.png</a></td><td></td><td><a href="/annotation-web-interface-docs/live-service.md">Live Service</a></td></tr><tr><td><strong>Installation</strong></td><td>Step-by-step guide</td><td><a href="https://3390195891-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6viJxa22z4YTJrae5PUi%2Fuploads%2FjmgqI7iwdk2m33NSu6eM%2F5267834.png?alt=media&amp;token=df23c8b6-b507-44a9-94ac-01fa79f19473">5267834.png</a></td><td></td><td><a href="/annotation-web-interface-docs/installation/process.md">Installation</a></td></tr><tr><td><strong>Architecture</strong></td><td>Learn how the codebase works</td><td><a href="https://3390195891-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6viJxa22z4YTJrae5PUi%2Fuploads%2FhyQPGjoEnVBaug2h1LIK%2FApp.jsx%20(1).png?alt=media&amp;token=6c8c1ad9-f8d8-4a60-b2a3-15201ffecc6f">App.jsx (1).png</a></td><td></td><td><a href="/annotation-web-interface-docs/technical/publish-your-docs.md">Frontend Architecture</a></td></tr></tbody></table>