Installation

We offer three convenient options to integrate CueSync into your multimedia content. Choose the one that aligns with your preferences.

CDN

Use CueSync instantly by including its CSS and JavaScript files 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.

Styles

<!-- CueSync CSS -->
<link rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/@cuesync/cuesync@1.0.0-alpha1/dist/css/cuesync.min.css" 
      integrity="sha384-QbwlWUfHblOOzH6C1Z5GeDeeDJupv9wTI9lLB5J1s51haYkLVjWWtAVlYPqqjh0e" 
      crossorigin="anonymous">

Scripts

<!-- CueSync JS -->
<script src="https://cdn.jsdelivr.net/npm/@cuesync/cuesync@1.0.0-alpha1/dist/js/cuesync.min.js" 
        integrity="sha384-0jVqDf583RzrFczNb63VXRe5dXvYKzlsaWfIWwJe8HI3a/Uo9uARXkVt1yx2To8O" 
        crossorigin="anonymous"></script>

Styles

<!-- CueSync CSS -->
<link rel="stylesheet"
      href="https://unpkg.com/@cuesync/cuesync@1.0.0-alpha1/dist/css/cuesync.min.css" 
      integrity="sha384-QbwlWUfHblOOzH6C1Z5GeDeeDJupv9wTI9lLB5J1s51haYkLVjWWtAVlYPqqjh0e" 
      crossorigin="anonymous">

Scripts

<!-- CueSync JS -->
<script src="https://unpkg.com/@cuesync/cuesync@1.0.0-alpha1/dist/js/cuesync.min.js" 
        integrity="sha384-0jVqDf583RzrFczNb63VXRe5dXvYKzlsaWfIWwJe8HI3a/Uo9uARXkVt1yx2To8O" 
        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.

Install

npm i @cuesync/cuesync

Import CueSync JS

import * as cuesync from '@cuesync/cuesync'

Import CueSync SCSS in your SCSS file

@import "~@cuesync/cuesync/scss/cuesync";

Download

Download the pre-compiled CSS and JavaScript files 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 v1.0.0-alpha1

Next steps

Explore CueSync’s capabilities in action! Head over to the Examples page for usage scenarios, code snippets, and examples.

CONTENTS