Coder Social home page Coder Social logo

vidyo-io's Introduction

Published on webcomponents.org

##<vidyo-io>

A Polymer 2.0 Component for Vidyo IO

Installation

  • Install git
  • Install npm
  • Using npm install bower
npm install -g bower
  • Create a directory where you want to install vidyo-io and make this directory current
  • Using bower install the vidyo-io
bower install --save oi-oy-div/vidyo-io

Installation and Usage of demo

The repository contains a demo showing the usage of the components. To run the demo one would need to get Vidyo IO account and copy Application ID and Developer Key from the Dashboard

NOTE: Knowledge of these values allows access to your vidyo io minutes, so keep them private.

  • In the directory where the vidyo-io are installed create directory config and in it create file named default.json containing
{
  "key":"[[Developer Key]]",
  "appID":"[[Application ID]]"
}

where [[Developer Key]] and [[Application ID]] need to be replaced with the values from the Dashboard

  • Install node components needed to run the demo
npm install jssha
npm install btoa
npm install express
npm install config
  • Run the demo server
node bower_components/vidyo-io/demo/index.js
  • Access the demo
  • Allow the app to use the camera and microphone when asked
  • Repeat this process on another computer
  • Press the green handset on both computers to establish a connection

API Reference

Properties

controllerHeight String Default: "6%"
The height of the controller as percent of the elelment height.
fillViewport Boolean Default: false
If true then the element should take the entire viewport.
tokenServer String Default: ""
The URL to which the GET request for a token will be sent. The expected response is a JSON document with a single field named "token" and containing the token value.
host String Default: "prod.vidyo.io"
The Vidyo.io host.
displayName String Default: ""
The display name of the participant in the conference.
resourceId String Default: ""
The "resource ID" or room name. All the callers with the same resource name will be put in a single room.
participants Number Default: 16
The maximum number of participants in a single room.
vidyoIoVersion String Default: "latest"
The version of the Vidyo.io software to use.

Demo

   <vidyo-io
        token-server="http://localhost:6789/getToken"
        display-name="Best User" 
        controller-height="10%"
        resource-id="VidyoIODemoRoom">
   </vidyo-io>

vidyo-io's People

Contributors

oi-oy-div 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.