Interface StreamingState

Example

Streaming controls:

function StreamingPanel() {
  const { isStreaming, startStreaming, stopStreaming } = useStreaming();
  const [createMp4, setCreateMp4] = useState(false);

  return (
    <div>
      {!isStreaming ? (
        <>
          <label>
            <input
              type="checkbox"
              checked={createMp4}
              onChange={(e) => setCreateMp4(e.target.checked)}
            />
            Also save as MP4
          </label>
          <button onClick={() => startStreaming({ createMp4 })}>
            Go Live
          </button>
        </>
      ) : (
        <button onClick={stopStreaming}>Stop Streaming</button>
      )}
    </div>
  );
}
Copy