LiveKit Community

checkout a simple example in the <https://livekit.io/playground|playground>.

where is this "LiveKitReact" comming from?

LiveKitRoom is not part of @livekit/react-core right?

this is for me an overcomplicated example hmm

the small example on the client core page (<https://github.com/livekit/livekit-react/tree/master/packages/core>) - how could I iterate over the participants and get their audio/video tracks? I don't want to use pre defined react components

the participants is coming magically from roomState.. but where is roomState setted?

`function StageView({ roomState }) {`
  `const { room, participants, audioTracks, isConnecting, error } = roomState;`
   `//....`

Screenshot 2022-11-08 at 2.12.31 PM.png

Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/@livekit_react-core.js?v=77529dc4' does not provide an export named 'LiveKitRoom', ok I was wrong on this one

thx, ok I see now the participants. do you know how I get the audio/video track? what is it? a streaming blob? can I use that as a src on a video tag?

image.png

what is the different between "tracks" and "videotracks"? hmm it should be somewhere here, I feel it, it's getting warm!

`const { cameraPublication, isLocal } = useParticipant(participant)`
  `if (!cameraPublication || !cameraPublication.isSubscribed || !cameraPublication.track || cameraPublication.isMuted) {`
    `return null`
  `}`
  `return (`
    `&lt;Box w="95%" pos="relative" left="50%" transform="translateX(-50%)"&gt;`
      `&lt;VideoRenderer track={cameraPublication.track} isLocal={isLocal} objectFit="contain" width="100%" height="100%" /&gt;`
    `&lt;/Box&gt;`
  `)`

&lt;video src="[object MediaStream]"&gt;&lt;/video&gt;

why is the mediastream showing as an array/object.. trying to stringify it didn't work

`&lt;video _src_*=*{subscribedTracks[0]*?.*_track_*.*_mediaStream_}&gt;&lt;/video&gt;;`

now I am striking out widly
`&lt;video`
            `_src_*=*{URL*.*createObjectURL(subscribedTracks[0]*?.*_track_*.*_mediaStream_)}`
        `&gt;&lt;/video&gt;`