# ID3 metadata
Tip: open your browser's developer console and use the `player` and `THEOplayer` variables to interact with this demo.
Now playing: -
| Frame | Value |
| ----------------------------- | ----- |
| No ID3 metadata received yet. | |
This example plays an HLS audio stream with timed ID3 metadata, such as the title and artist of the song that is playing.
THEOplayer exposes ID3 metadata as a text track of type `id3`. Each cue in this track contains a parsed ID3 frame in its `content` property, for example `{ id: 'TIT2', text: 'Song title' }` or `{ id: 'WXXX', description: 'artwork', url: '...' }`. The example listens for the `entercue` event on this track. It shows artwork from the `WXXX` frame behind the player like a poster, and overlays the artist, title, album and year from the `TPE1`, `TIT2`, `TALB` and `TDRC` frames on top. The box below the player still lists the latest value of every frame.
Code
demo.html
```html
ID3 metadata