# Architecture

The Following diagram dictates the architecture of the QuML player

![Arhitectural diagram of QuML player](https://3506001968-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWu4HIWGkb7dD4y0Kup4W%2Fuploads%2FTGTNR9d4Nayj9eg13Gp9%2FContent%20%20player%20Achitecture-PDF%20player-PDF%20player-Video%20player.png?alt=media\&token=3d4dac86-3405-47df-b3c1-ef56bfc43013)

## **Sunbird Player SDK**

SDK contains common components used by all the V2 players to make it consistent and reusable across players. It contains Start, End Page components along with Navigation and Side menu components. These components accept the config and expose an event on the action performed on it.

## **Common Service Library**

TelemetryModule is getting used from this common-service-library to generate the telemetry events from the player.

## **Katex**

The question and answer can contain this mathematical notation. KaTeX is a cross-browser JavaScript library that displays mathematical notation in web browsers. It puts special emphasis on being fast and easy to use. 

## **ngx-bootstrap**

**`CarouselModule`** is getting used from the `ngx-bootstrap` to show the carousel (slides) in the player.