Skip to content
Twilio Video JS interface to callstats.io
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs
lib
.gitignore
README.md
TODO.md
banner.txt
bower.json
gulpfile.js
package.json

README.md

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

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.

Authors

Karthik BR (https://callstats.io), Dan Jenkins at Nimble Ape Ltd (https://nimblea.pe).

You can’t perform that action at this time.