Callstats-twilio-video NPM

callstats-twilio-video-js

Twilio Video JS interface to callstats.io.

Install

Adding a <script> tag in the HTML.

In case no module loaded is used, a global window.callstatstwiliovideo is exposed.

NOTE: This library does not include the callstats.io library (it must be added separetely).

Documentation

Read the full documentation in the docs folder.

Usage example

In the HTML:

<!DOCTYPE html>
<html>
  <head>
    <!-- Load callstats.io library (it provides window.callstats -->
    <script src="https://api.callstats.io/static/callstats.min.js"></script>
    <!-- Load Twilio Video JS library -->
    <script src="//media.twiliocdn.com/sdk/js/video/v1/twilio-video.min.js"></script>
    <!-- Load callstats-twilio-video library (it provides window.callstatstwiliovideo) -->
    <script src="https://api.callstats.io/static/callstats-twilio-video.min.js"></script>
    <!-- Load our app code -->
    <script src="js/app.js"></script>
  </head>

  <body>
    <!-- your stuff -->
  </body>
</html>

In app.js:

const Video = Twilio.Video;

Video.connect('$TOKEN', { name: 'room-name' }).then(room => {

  callstatstwiliovideo(room, peerToPeerTruthy, AppID, AppSecret);

  console.log('Connected to Room "%s"', room.name);

  ...

});

// Run the callstats-twilio-video library for this Twilio.Video.Room

Development

When using Bower or a <script> tag, the provided library is built with browserify, which means that it can be used with any kind of JavaScript module loader system (AMD, CommonJS, etc) or,

Using NPM: $ npm install callstats-twilio-video
Using Bower: $ bower install callstats-twilio-video

Install NPM development dependencies:

$ npm install

Install gulp-cli globally (which provides the gulp command):

$ npm install -g gulpjs

gulp prod generates a production/minified dist/callstats-twilio-video.min.js bundle.
gulp dev generates a development non-minified and sourcemaps enabled dist/callstats-twilio-video.js bundle.