Camera Tag: Video Recording API & More!

Intro

Overview New in V15

Apps

Overview Configuration

Overview Embedding Configuration Custom Interface JS Methods JS Events Collecting Videos

Overview Embedding Configuration Custom Interface JS Methods JS Events

Overview Embedding Configuration Custom Interface JS Methods JS Events Collecting Audio

<room>

Overview Embedding Configuration Custom Interface JS Methods JS Events

Overview Embedding Configuration JS Methods & Events

<wall>

Overview Embedding Configuration JS Methods

<photo>

Overview Embedding

REST API

Overview

Assets

List Assets Show Asset Update Asset Delete Asset

Apps

List Apps Show App Create App Update App

Media Factories

List Media Factories Show Media Factory Create Media Factory Update Media Factory

Asset Responses

Video Object Photo Object Audio Object

Rooms

List Rooms Create Room Show Room Update Room Delete Room

Advanced wall Configuration

You can configure your wall by passing ina data attributes on your <wall> tag. The id and app-id attributes are required.

ID
Assets per page
Show Pagination on Top
Show Pagination on Bottom
Thumbnail Height
Click For Preview
Show Name
Show Description

ID

A unique identifiuer for this videowall (in case you have more than one on the page) The default value is "myWall"

HTML

Vanilla JS

React JS

<wall id='myWall' data-app-id='[YOUR_APP_UUID]'></wall>

CameraTag.init('targetDivID', 'wall', {
  appUuid: '[YOUR_APP_UUID]',
  id: 'myWall',
  id: ''
})

REACT

Assets per page

Number of assets to display on each page of the video wall (max 100) The default value is "30"

HTML

Vanilla JS

React JS

<wall id='myWall' data-app-id='[YOUR_APP_UUID]' data-perPage='30'></wall>

CameraTag.init('targetDivID', 'wall', {
  appUuid: '[YOUR_APP_UUID]',
  id: 'myWall',
  perPage: ''
})

REACT

Show Pagination on Top

Toggle on / off the pagination on top of the video wall

HTML

Vanilla JS

React JS

<wall id='myWall' data-app-id='[YOUR_APP_UUID]' data-topPagination='false'></wall>

CameraTag.init('targetDivID', 'wall', {
  appUuid: '[YOUR_APP_UUID]',
  id: 'myWall',
  topPagination: ''
})

REACT

Show Pagination on Bottom

Toggle on / off the pagination on the bottom of the video wall The default value is "true"

HTML

Vanilla JS

React JS

<wall id='myWall' data-app-id='[YOUR_APP_UUID]' data-bottomPagination='true'></wall>

CameraTag.init('targetDivID', 'wall', {
  appUuid: '[YOUR_APP_UUID]',
  id: 'myWall',
  bottomPagination: ''
})

REACT

Thumbnail Height

The target height of the thumbnails displayed in the video wall. (this can vary slightly due to our positioning algorithm) The default value is "250"

HTML

Vanilla JS

React JS

<wall id='myWall' data-app-id='[YOUR_APP_UUID]' data-thumbnailHeight='250'></wall>

CameraTag.init('targetDivID', 'wall', {
  appUuid: '[YOUR_APP_UUID]',
  id: 'myWall',
  thumbnailHeight: ''
})

REACT

Click For Preview

Set this attribute to false to prevent the videowall from opening a larger (lightbox) preview of the asset The default value is "true"

HTML

Vanilla JS

React JS

<wall id='myWall' data-app-id='[YOUR_APP_UUID]' data-openLightbox='true'></wall>

CameraTag.init('targetDivID', 'wall', {
  appUuid: '[YOUR_APP_UUID]',
  id: 'myWall',
  openLightbox: ''
})

REACT

Show Name

Display asset names in the videowall

HTML

Vanilla JS

React JS

<wall id='myWall' data-app-id='[YOUR_APP_UUID]' data-includeName='false'></wall>

CameraTag.init('targetDivID', 'wall', {
  appUuid: '[YOUR_APP_UUID]',
  id: 'myWall',
  includeName: ''
})

REACT

Show Description

Display asset descriptions in the videowall

HTML

Vanilla JS

React JS

<wall id='myWall' data-app-id='[YOUR_APP_UUID]' data-includeDescription='false'></wall>

CameraTag.init('targetDivID', 'wall', {
  appUuid: '[YOUR_APP_UUID]',
  id: 'myWall',
  includeDescription: ''
})

REACT