For developers

This page is common instruction for installation of integri code.

All components require basic knowledge of HTML, CSS and JavaScript. Each component by default is only 2 lines of HTML code.

For example:

<script async="true" src="https://integri.easyhire.me/integri.js?c=COMPONENT_ID"></script>
<integri id="..." />

This code should be added whenever you want on your page. You can find examples here bitbucket link.

Common cases

UID parameter

Integri allows to save result and add ability to watch record after video session or save chat room for special page. Use UID parameter:

<script async="true" src="https://integri.easyhire.me/integri.js?c=COMPONENT_ID&uid=UNIQUE_ID"></script>
<integri id="..." />

How UID works:

SID parameter

Integri allows to link user session between our DB and your DB. By default user session is unique and changes automatically if user changes browser or clear cache/local storage. Use SID parameter:

<script async="true" src="https://integri.easyhire.me/integri.js?c=COMPONENT_ID&uid=UNIQUE_ID&sid=USER_ID"></script>
<integri id="..." />

UNAME and UPIC parameters

It links our DBs but it is still has not user name or user pic. You can specify name and avatar (it is useful for chat or for manage videos in Library:

<script async="true" src="https://integri.easyhire.me/integri.js?c=COMPONENT_ID&uid=UNIQUE_ID&sid=USER_ID&uname=USER_NAME&upic=USERPIC_URL"></script>
<integri id="..." />

Well. We will describe each component with examples from hireowl.com (one of our clients)

Single video component

Single video component is used for cases when you need to record only one user. Most used for: on-demand interviews, feedbacks, assessments & etc.

If you would like to add questions to your video (assessment case for example) then just add couple lines of js code:

window.$$IntegriOptions = {
 questions: [
  {
   text: 'Question text...'
  },
  ...
 ]
};
<script async="true" src="https://integri.easyhire.me/integri.js?c=COMPONENT_ID&uid=UNIQUE_ID"></script>
<integri id="..." />

Example 1. Student video profile

There was a need to implement video profile for each user. Hireowl.com uses single video component for this task. How it works on hireowl.com:

window.$$IntegriOptions = {
 questions: [
  {
   text: 'State your name, college, major.'
  },
  {
   text: 'What are your strongest professional skills?'
  },
  {
   text: 'Describe yourself and why employers should hire you.'
  },
 ]
};
<script async="true" src="https://integri.easyhire.me/integri.js?c=XXXXXXXX&uid=u1"></script>
<integri id="integri-video-profile" />

Where:

Multi video component

Multi video component is used for cases when you need video session for more then 1 user. For example team meeting, interview & etc. Code snippet is default for most cases

Video player component

In case when you already have saved record (trought single video component) you can always insert a player to watch it (thanks for uid parameter). You should use default code for single video component:

<script async="true" src="https://integri.easyhire.me/integri.js?c=COMPONENT_ID&uid=UNIQUE_ID"></script>
<integri id="..." />

Example 2. Student video profile for employers

When employer opens student page he has an ability to watch video profile of student. Hireowl.com uses single video component for this task. How it works on hireowl.com (in this case employer opens student page with user id 1):

<script async="true" src="https://integri.easyhire.me/integri.js?c=COMPONENT_ID&uid=UNIQUE_ID"></script>
<integri id="..." />

Where:

Chat component

Chat is reach application which inludes almost all components: video, phone calls components (Soon). You can chat with users who has access to page, make video calls. Code snippet is default for most cases. But we recommend to use uID, UNAME and UPIC parameters to specify users in chat, anyway all anymous users will see modal where they will be able to change his name and avatar.

<script async="true" src="https://integri.easyhire.me/integri.js?c=COMPONENT_ID&sid=USER_ID&uname=USER_NAME&upic=USERPIC_URL&uid=UNIQUE_ID"></script>
<integri id="..." />

Example 3. Job application chat

There was a need to implement chat between employer and student. How it works on hireowl.com:

<script async="true" src="https://integri.easyhire.me/integri.js?c=XXXXXXXX&sid=1&uname=John&upic=http://example.com/avatar.png&uid=app25"></script>
<integri id="integri-chat" />

Where:

Info component

Soon

Styling

As you already understood - our components is clear HTML+CSS+JavaScript (without Flash) and you can change styles as you want.