Code Monkey home page Code Monkey logo

vast-client-js's Introduction

npm version downloads per week license

VAST Client JS

Vast Client JS is a JavaScript library to fetch and parse Digital Video Ad Serving Template (VAST) documents.

This library provides three components:

  • A VAST Client to fetch and parse VAST XML resources into JavaScript Objects.
  • A VAST Parser to directly parse a VAST XML.
  • A VAST Tracker to batch and call tracking URLs.

For the full API documentation go here. For the full Class reference go here

Complies with the VAST 3.0 specification provided by the Interactive Advertising Bureau (IAB).

Get Started

VAST Client JS is available as an NPM package and can be easily installed with:

npm i vast-client

Then import the components you need.

VASTClient

If you need to fetch and parse VAST documents, you can use the VASTClient:

import { VASTClient } from 'vast-client'

const vastClient = new VASTClient();

vastClient.get('https://www.examplevast.com/vast.xml')
  .then(res => {
    // Do something with the parsed VAST response
  })
  .catch(err => {
    // Deal with the error
  });

In addition to fetching and parsing a VAST resource, VASTClient provides options to filter a sequence of calls based on count and time of execution, together with the possibility to track URLs using VASTTracker.

VASTParser

To directly parse a VAST XML you can use the VASTParser:

import { VASTParser } from 'vast-client'

const vastParser = new VASTParser();

vastParser.parseVAST(vastXml)
  .then(res => {
    // Do something with the parsed VAST response
  })
  .catch(err => {
    // Deal with the error
  });

VASTTracker

To track the execution of an ad use the VASTTracker:

import { VASTTracker } from 'vast-client'

const vastTracker = new VASTTracker(vastClient, ad, creative);

// Track an impression for the given ad
vastTracker.trackImpression();

API Documentation

The API documentation is organized by components:

⚠️ IMPORTANT ⚠️ : the release of the 2.0 version of the library introduced many breaking changes in the API.

Read the 2.0 migration guide to update your project or follow the 1.x API documentation if you're still using the old version.

Support and compatibility

The library is 100% written in JavaScript and the source code uses modern features like modules, classes, ecc... . Make sure your environment supports these features, or transpile the library when bundling your project.

Pre-bundled versions

We provide several pre-bundled versions of the client (see dist directory)

Browser

A pre-bundled version of VAST Client JS is available: vast-client.js or vast-client.min.js [minified].

You can add the script directly to your page and access the library's components through the VAST object.

<script src="vast-client.min.js"></script>
var vastClient = new VAST.VASTClient();
var vastParser = new VAST.VASTParser();
var vastTracker = new VAST.VASTTracker();

Node

A pre-bundled version for node is available too: vast-client-node.js or vast-client-node.min.js [minified].

const VAST = require('vast-client')

const vastClient = new VAST.VASTClient();
const vastParser = new VAST.VASTParser();
const vastTracker = new VAST.VASTTracker();

Build / Contribute

See CONTRIBUTING

vast-client-js's People

Contributors

0ff avatar alkerway avatar briganti avatar clementfrancon avatar dependabot[bot] avatar dharfr avatar eliamaino-fp avatar flowingbits avatar itsikal avatar johansatge avatar kobawan avatar ksyrytczyk avatar lupennat avatar mente avatar mpotra avatar mseeley avatar nhjm449 avatar parisholley avatar reevn avatar rhumlover avatar rs avatar rumesh avatar sclements avatar springuper avatar strworkstation avatar theaddictedone avatar tlfyber avatar vagelkara avatar vvanghelue avatar yesley avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.