# Sygnal Media

{% hint style="success" %}
**QUESTIONS?  PROBLEMS?  FEATURE REQUESTS?** \
Contact me on [Sygnal's forum](https://sygnal-attr.discourse.group/c/general). 
{% endhint %}

## Components

The following code components are included in this library.  

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th data-hidden data-card-cover data-type="image">Cover image</th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><h3>Flipbook</h3><ul><li>Draggable image animation sequences </li><li>User controls the speed and direction</li><li>Great for hires 3D model renders</li><li>CMS support</li></ul></td><td><a href="/files/qilBsjUakXdbqPlhh9Mk">/files/qilBsjUakXdbqPlhh9Mk</a></td><td><a href="/pages/nk1xkdUeJkn9nJW3OklH">/pages/nk1xkdUeJkn9nJW3OklH</a></td></tr><tr><td><h3>Background Video</h3><ul><li>Internal and external MP4 URL support</li><li>CMS support</li><li>Play on hover mode, for interactive tiled displays </li></ul></td><td><a href="/files/RZVRnGwKzWjV7zpEI388">/files/RZVRnGwKzWjV7zpEI388</a></td><td><a href="/pages/ZxbB6pUff9m3tqzQwbw5">/pages/ZxbB6pUff9m3tqzQwbw5</a></td></tr><tr><td><h3>Audio Player</h3><ul><li>Audio player with waveform display</li><li>CMS support, including MP3s </li><li>Multi-player support- pauses all other players when a new one starts </li></ul></td><td><a href="/files/AevyQlrmDoivA1Quwpr4">/files/AevyQlrmDoivA1Quwpr4</a></td><td><a href="/pages/BFP6vBiI2IphqKq4NoHc">/pages/BFP6vBiI2IphqKq4NoHc</a></td></tr><tr><td><h3>Rive + Feathering</h3><ul><li>Canvas &#x26; WebGL2 support</li><li>Supports <strong>vector feathering</strong> </li><li>CMS bindable </li><li><em>No Interactions integration ( IX2 IX3 )</em></li></ul></td><td><a href="/files/JWecVrxIPa32rnH8SkGL">/files/JWecVrxIPa32rnH8SkGL</a></td><td><a href="/pages/2N42fRt8qRh2pSwuBzb2">/pages/2N42fRt8qRh2pSwuBzb2</a></td></tr><tr><td><h3>Spline</h3><ul><li>Spline 3D model viewer</li><li>CMS support</li></ul></td><td><a href="/files/W7XVemOQ8LUJphCVLqiP">/files/W7XVemOQ8LUJphCVLqiP</a></td><td><a href="/pages/EXw0ty5FLokb5eojKHvT">/pages/EXw0ty5FLokb5eojKHvT</a></td></tr></tbody></table>

## Version History

<table><thead><tr><th width="100.333251953125">Version</th><th width="499">Changes</th><th>Date</th></tr></thead><tbody><tr><td>v0.1.7</td><td>Renamed Rotate 360 to <a href="/pages/nk1xkdUeJkn9nJW3OklH">Flipbook</a></td><td>22-Oct-2025</td></tr><tr><td>v0.1.6</td><td><a href="/pages/nk1xkdUeJkn9nJW3OklH">Rotate 360</a> component</td><td>14-Oct-2025</td></tr><tr><td>v0.1.5</td><td><a href="/pages/2N42fRt8qRh2pSwuBzb2">Rive WebGL2</a> component </td><td>13-Oct-2025</td></tr><tr><td>v0.1.4</td><td><a href="/pages/ZxbB6pUff9m3tqzQwbw5">Background Video</a> component</td><td>08-Oct-2025</td></tr><tr><td>v0.1.2</td><td><a href="/pages/2N42fRt8qRh2pSwuBzb2">Rive</a> component</td><td>30-Sep-2025</td></tr><tr><td>v0.1.1</td><td><a href="/pages/EXw0ty5FLokb5eojKHvT">Spline</a> component</td><td>29-Sep-2025</td></tr><tr><td>v0.1.0</td><td><a href="/pages/BFP6vBiI2IphqKq4NoHc">Audio</a> components</td><td>26-Sep-2025</td></tr></tbody></table>

## Project Notes&#x20;

| Module         | Source | Version |
| -------------- | ------ | ------- |
| Deploy scripts | NPM    | 0.3.0   |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://sygnal.gitbook.io/sygnal-webflow-components/cc/sygnal-media.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.