> ## Documentation Index
> Fetch the complete documentation index at: https://docs.ducky.wiki/llms.txt
> Use this file to discover all available pages before exploring further.

# Now Playing Card

> Displays the current song and album art in a card format

### Preview

##### The blue background is removed when used as a browser source

<Frame
  caption={`Now Playing Card Overlay

http://localhost:1234/overlay/nowplaying`}
>
  <img src="https://mintcdn.com/ducky-c8b7b49a/vjKpnDr0MIV4PmvF/images/duckyradio_screenshots/nowplaying.png?fit=max&auto=format&n=vjKpnDr0MIV4PmvF&q=85&s=eb1e4cef2a8ee39805807616182bd4df" width="508" height="135" data-path="images/duckyradio_screenshots/nowplaying.png" />
</Frame>

## Browser Source URL

```url theme={null}
http://localhost:1234/overlay/nowplaying
```

#### Browser Source Dimensions

<ResponseField name="width" type="800" required />

<ResponseField name="height" type="175" required />

#### URL Parameters

<AccordionGroup>
  <Accordion title="Alignment" defaultOpen>
    <ResponseField name="right">
      Aligns the card to the right side of the window

      ```url theme={null}
      http://localhost:1234/overlay/nowplaying?right
      ```
    </ResponseField>

    <ResponseField name="left">
      Aligns the card to the left side of the window

      ```url theme={null}
      http://localhost:1234/overlay/nowplaying?left
      ```
    </ResponseField>

    <ResponseField name="default" type="middle">
      Omit parameter for middle alignment

      ```url theme={null}
      http://localhost:1234/overlay/nowplaying
      ```
    </ResponseField>
  </Accordion>
</AccordionGroup>