@instructure/media-capture

---

category: packages experimental: true

media-capture

Installation

yarn add @instructure/media-capture

Browser Support

• Chrome, Firefox

Usage

import React, { Component } from 'react'
import { canUseMediaCapture, mediaCaptureStates }, MediaCapture from '@instructure/media-capture'

export default class Container extends Component {
  saveFile (file) {
    // do something with the file
  },

  mediaCaptureClosed (state) {
    if (state === mediaCaptureStates.RECORDING) {
      alert('Recording canceled.')
    }
  },

  render () {
    return (
      { canUseMediaCapture() ?
        <MediaCapture
          onCompleted={this.saveFile}
          onCancel={this.mediaCaptureClosed}
          onClose={this.mediaCaptureClosed}
        /> : null
      }
    )
  }
}