CueSync

Elevate multimedia interactivity with CueSync — a JavaScript library that simplifies the integration of interactive transcripts into your media projects.

Installation

We offer three convenient options to integrate CueSync into your multimedia content. Choose the one that best fits your workflow.

CDN

Use CueSync instantly by including its JavaScript file directly from a Content Delivery Network (CDN). This option allows you to link to the files hosted on a remote server, ensuring quick and easy integration into your project. You can choose from popular CDN providers like jsDelivr or unpkg to access CueSync’s resources seamlessly. This method is convenient and ideal for those who want a straightforward integration process.

<!-- CueSync JS -->
<script src="https://cdn.jsdelivr.net/npm/@cuesync/cuesync@2.0.0-alpha3/dist/js/cuesync.min.js"
        integrity="sha384-C06zXMFG8lOQvSuMwZos4wvMk+vk/VSiuckT/PMOpQ6lmm2Y5iDwoOmfoKukGXzX" 
        crossorigin="anonymous"></script>
<!-- CueSync JS -->
<script src="https://unpkg.com/@cuesync/cuesync@2.0.0-alpha3/dist/js/cuesync.min.js"
        integrity="sha384-C06zXMFG8lOQvSuMwZos4wvMk+vk/VSiuckT/PMOpQ6lmm2Y5iDwoOmfoKukGXzX" 
        crossorigin="anonymous"></script>

npm

Integrate CueSync into your project using the Node Package Manager (NPM). This method involves installing CueSync as a package within your project’s ecosystem, providing more control and flexibility over its usage and updates.

Need help with setup?
Explore examples of CueSync integration with popular frameworks and build tools like React, Next.js, Vue, Angular, Webpack, and more on our CueSync Examples repository.

Install

npm i @cuesync/cuesync@alpha

Import CueSync JS

import * as cuesync from '@cuesync/cuesync'

Download

Download the pre-compiled JavaScript file of CueSync directly to your system. This option is suitable for developers who prefer to have local copies of the required files and manually link them in their project’s code.

Download v2.0.0-alpha3

Next steps

Explore CueSync’s capabilities in action!
Head over to the Examples page to get started — you’ll find usage scenarios, helpful code snippets, and live examples to guide you.