Skip to content

Instantly share code, notes, and snippets.

View valentin7's full-sized avatar

Valentin Perez valentin7

View GitHub Profile
@valentin7
valentin7 / audio-recording-modal.js
Created February 18, 2020 17:26
One example of how we use OpenTok React in Monthly's web application.
import React, { Component } from 'react';
import HomepageLogo from '../../../svg/homepage-logo.js';
import {BrowserRouter as Router, Route, Link, withRouter, Prompt} from 'react-router-dom';
import Backend from '../../../backend.js';
import LaptopIcon from '../../../svg/laptop-icon.js';
import PersonIcon from '../../../svg/person-icon.js';
import ReactionModeIcon from '../../../svg/reaction-mode-icon.js';
import ExpandToFullscreenIcon from '../../../svg/expand-to-fullscreen-icon.js';
import AnimatingSpinnerButton from '../../../svg/animating-spinner-button.js'
import {OTSession, OTPublisher, OTStreams, OTSubscriber, preloadScript } from 'opentok-react';
@valentin7
valentin7 / audio-recording-modal.js
Last active February 18, 2020 17:28
One example of how we use OpenTok React in Monthly's web application. Two files: monthly-audio-recorder.js handles the recording with OpenTok, and audio-recording-modal.js is a modal that uses monthly-audio-recorder.js.
import React, { Component } from 'react';
import HomepageLogo from '../../../svg/homepage-logo.js';
import {BrowserRouter as Router, Route, Link, withRouter, Prompt} from 'react-router-dom';
import Backend from '../../../backend.js';
import LaptopIcon from '../../../svg/laptop-icon.js';
import PersonIcon from '../../../svg/person-icon.js';
import ReactionModeIcon from '../../../svg/reaction-mode-icon.js';
import ExpandToFullscreenIcon from '../../../svg/expand-to-fullscreen-icon.js';
import AnimatingSpinnerButton from '../../../svg/animating-spinner-button.js'
import {OTSession, OTPublisher, OTStreams, OTSubscriber, preloadScript } from 'opentok-react';