Twilio Video JS interface to callstats.io.
- 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).
- Read the full documentation in the docs folder.
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.RoomWhen 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 installInstall gulp-cli globally (which provides the gulp command):
$ npm install -g gulpjsgulp prodgenerates a production/minifieddist/callstats-twilio-video.min.jsbundle.gulp devgenerates a development non-minified and sourcemaps enableddist/callstats-twilio-video.jsbundle.
Karthik BR (https://callstats.io), Dan Jenkins at Nimble Ape Ltd (https://nimblea.pe).