Rlama-tpkg NPM

rlama-tpkg

testDecription

Live demo

Video and quote notes side by side waypoint. (Click to preview)

Install

Needs video-react and react-waypoint as dependencies

npm install rlama-tpkg react-waypoint video-react --save

Usage

import React, { Component } from 'react'

import VideoQuotesSideBySide from 'rlama-tpkg'

const data:{
      layer:"layerA",
      position: 'right',
      videoItem: {
          poster: "videos/marktaylor_poster.png", video: "videos/marktaylor.mp4"
        },
      waypoints: [
          {
            name: 'marktaylor',
            note: {
                name:"Mark Taylor",
                quote: "Sed ut perspiciatis unde omnis iste natus error sit voluptatem ...."
              },
          },
          {
            name: 'layerA',
            note: {
                name:"Test Layer",
                quote: "Quis autem vel eum iure reprehenderit qui in ea voluptate velit ..."
              },
          }
      ]
    }


class Example extends Component {
  render () {
    return (
      <VideoQuotesSideBySide data={data} />
    )
  }
}