@vectorly-io/ai-upscaler-plugin v1.3.1

Vectorly HTML5 Upscaler Plugins

Vectorly's upscaler plugins use AI to upscale web in real-time in the browser. See our docs for more info!

CDN

The easiest way to load Vectorly's Upscaler library directly via CDN

https://cdn.vectorly.io/upscaler/{{versiontag}}/vectorly-upscaler.js

The following will initialize the upscaler on the video element

    const video = document.getElementById("video");

    const upscaler = new vectoryUpscaler(video, config);

Plugins

Aside from the standalone upscaler, we have several plugins

VideoJS

https://cdn.vectorly.io/upscaler/{{versiontag}}/vectorly-videojs.js

Shaka Player

https://cdn.vectorly.io/upscaler/{{versiontag}}/vectorly-shaka.js

JWPlayer

https://cdn.vectorly.io/upscaler/{{versiontag}}/vectorly-jwplayer.js

AI Models

Aside from our the Standalone Upscaler / Plugins, Vectorly's AI Upscaler requires AI models and parameters (in the form of javascript files)

These are hosted on the same CDN

https://cdn.vectorly.io/upscaler/{{versiontag}}/**.js

These will be loaded automatically from the network at run time. See the docs for more info

NPM

You can also load Vectorly's libraries through NPM. See the following github repo for a working demo.

Instalation

npm install @vectorly-io/ai-upscaler-plugin --save

Usage For our standalone upscaler, just import the library

import  vectorlyUpscaler from '@vectorly-io/ai-upscaler-plugin';

Plugins

If you want to use one of the javascript player plugins,

VideoJS

import  vectorlyUpscaler from '@vectorly-io/ai-upscaler-plugin/dist/vectorly-videojs';

Shaka

import  vectorlyUpscaler from '@vectorly-io/ai-upscaler-plugin/dist/vectorly-shaka';

JWPlayer

import  vectorlyUpscaler from '@vectorly-io/ai-upscaler-plugin/dist/vectorly-jwplayer';

AI models

With npm, you'll need to include the AI models wherever your root / entry file. For webpack builds, this would look like

new CopyWebpackPlugin(
      {
          patterns: [
              { from: 'node_modules/@vectorly-io/ai-upscaler-plugin/dist/', to: './' },
          ]
      }
  )