> ## 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.

# Spinning Vinyl

> Displays a spinning vinyl record featuring the current song's cover art

### Preview

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

<Frame
  caption={`Spinning Vinyl Overlay

http://localhost:1234/overlay/art/cover/vinyl`}
>
  <img src="https://mintcdn.com/ducky-c8b7b49a/vjKpnDr0MIV4PmvF/images/duckyradio_screenshots/vinyl.png?fit=max&auto=format&n=vjKpnDr0MIV4PmvF&q=85&s=30b6a349b2da16b741a805436487cbe8" width="630" height="611" data-path="images/duckyradio_screenshots/vinyl.png" />
</Frame>

## Browser Source URL

```url theme={null}
http://localhost:1234/overlay/art/cover/vinyl
```

#### Browser Source Dimensions

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

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

#### URL Parameters

<ResponseField name="spin" type="0 = Counter-Clockwise | 1 = Clockwise" default="none">
  Adjusts the direction in which the image spins

  #### Default (static image)

  ```css theme={null}
  http://localhost:1234/overlay/art/cover/vinyl
  ```

  #### Counter-Clockwise

  ```css theme={null}
  http://localhost:1234/overlay/art/cover/vinyl?spin=0
  ```

  #### Clockwise

  ```css theme={null}
  http://localhost:1234/overlay/art/cover/vinyl?spin=1
  ```
</ResponseField>