Generated by XState Viz: https://xstate.js.org/viz

machine.js

const audioStreamMachine = Machine({
  id: 'audioStream',
  initial: 'idle',
  context: {
    stream: null,
    streamError: null,
  },
  states: {
    idle: {
      on: {
        CLAIM_STREAM: 'claiming',
      },
    },
    claiming: {
      invoke: {
        id: 'streamClaim',
        src: () => getAudioStream(),
        onDone: {
          target: 'streaming',
          actions: assign({ stream: (_, ev) => ev.data }),
        },
        onError: {
          target: 'failed',
          actions: assign({ streamError: (_, ev) => ev.data }),
        },
      },
      on: {
        STOP_STREAM: 'idle', // <-- I need to wait for promise resolve
        /*
          stream.getTracks().forEach(function(track) {
            track.stop()
          })
        */
      },
    },
    streaming: {
      on: {
        STOP_STREAM: 'idle',
        /*
          stream.getTracks().forEach(function(track) {
            track.stop()
          })
        */
      },
    },
    failed: {},
  },
})

function getAudioStream() {
  return navigator.mediaDevices.getUserMedia({
    audio: true,
  })
}