# 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="https://2784689242-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fijt1q5GHhhw4y4FjjPNG%2Fuploads%2FTHXViRN5q1xNFmh9Mu0C%2F2025-10-14_19-53-54.gif?alt=media&#x26;token=4444a7dc-3441-48c3-9b9f-2064eb02b9ab">2025-10-14_19-53-54.gif</a></td><td><a href="sygnal-media/flipbook">flipbook</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="https://2784689242-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fijt1q5GHhhw4y4FjjPNG%2Fuploads%2FJ1Xd9qipNAfZPq3gkWke%2F2025-10-26_17-54-19.gif?alt=media&#x26;token=67123c68-dc4c-4f74-a942-8dad3ae86411">2025-10-26_17-54-19.gif</a></td><td><a href="sygnal-media/background-video">background-video</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="https://2784689242-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fijt1q5GHhhw4y4FjjPNG%2Fuploads%2F8QfqxAZ02lyZfNnrGbJ4%2Fimage.png?alt=media&#x26;token=513518b0-d526-491d-b0fe-06ed60fff0d2">image.png</a></td><td><a href="sygnal-media/audio-waveform">audio-waveform</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="https://2784689242-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fijt1q5GHhhw4y4FjjPNG%2Fuploads%2F7yCg72W6BxIrUNMMAkrm%2F2025-10-26_17-48-52.gif?alt=media&#x26;token=4b05cadc-4563-4caf-a5e1-5be2e6471421">2025-10-26_17-48-52.gif</a></td><td><a href="sygnal-media/rive">rive</a></td></tr><tr><td><h3>Spline</h3><ul><li>Spline 3D model viewer</li><li>CMS support</li></ul></td><td><a href="https://2784689242-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fijt1q5GHhhw4y4FjjPNG%2Fuploads%2FzOa28gwthDbdek1mYJHl%2Fimage.png?alt=media&#x26;token=3069381b-ccee-4e2e-a033-93327e6ac673">image.png</a></td><td><a href="sygnal-media/spline">spline</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="sygnal-media/flipbook">Flipbook</a></td><td>22-Oct-2025</td></tr><tr><td>v0.1.6</td><td><a href="sygnal-media/flipbook">Rotate 360</a> component</td><td>14-Oct-2025</td></tr><tr><td>v0.1.5</td><td><a href="sygnal-media/rive">Rive WebGL2</a> component </td><td>13-Oct-2025</td></tr><tr><td>v0.1.4</td><td><a href="sygnal-media/background-video">Background Video</a> component</td><td>08-Oct-2025</td></tr><tr><td>v0.1.2</td><td><a href="sygnal-media/rive">Rive</a> component</td><td>30-Sep-2025</td></tr><tr><td>v0.1.1</td><td><a href="sygnal-media/spline">Spline</a> component</td><td>29-Sep-2025</td></tr><tr><td>v0.1.0</td><td><a href="sygnal-media/audio-waveform">Audio</a> components</td><td>26-Sep-2025</td></tr></tbody></table>

## Project Notes&#x20;

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