Hello,
I am trying to consume on client side and getting error when calling await transport.consume on client side.
mediasoup-client:Transport consume() +1ms
**Uncaught (in promise) TypeError: missing id**
server side returns the consume data correctly to the client and outputs on node:
called consume with video
{
producerId: ‘73783f78-ed16-4b06-afe0-33d40bd027b5’,
id: ‘6e23f8f6-7985-420a-926a-b94fdfbe930f’,
kind: ‘video’,
rtpParameters: {
codecs: [ [Object], [Object] ],
headerExtensions: [ [Object], [Object], [Object], [Object] ],
encodings: [ [Object] ],
rtcp: {
cname: ‘{2de2635a-7734-2440-8b48-48834a492c9d}’,
reducedSize: true,
mux: true
},
mid: ‘0’
},
type: ‘simple’,
producerPaused: false
}
called consume with audio
{
producerId: ‘da3bbbb6-0818-4de5-b630-4d2456b4dbd3’,
id: ‘63d11b72-95c2-416f-bfa1-efe2a2b38f74’,
kind: ‘audio’,
rtpParameters: {
codecs: [ [Object] ],
headerExtensions: [ [Object], [Object], [Object] ],
encodings: [ [Object] ],
rtcp: {
cname: ‘{2de2635a-7734-2440-8b48-48834a492c9d}’,
reducedSize: true,
mux: true
},
mid: ‘1’
},
type: ‘simple’,
producerPaused: false
}
on client side my consume function is as follow:
async function consume(transport) {
const { rtpCapabilities } = device;
let data, data2;
data = await socket.request("consume", {
kind: "video",
rtpCapabilities: rtpCapabilities,
});
data2 = await socket.request("consume", {
kind: "audio",
rtpCapabilities: rtpCapabilities,
});
const { producerId, id, kind, rtpParameters } = data;
const { producerId2, id2, kind2, rtpParameters2 } = data2;
let codecOptions = {};
const consumer = await transport.consume({
id: id,
producerId: producerId,
kind: kind,
rtpParameters: rtpParameters,
codecOptions,
});
const consumer2 = await transport.consume({
id: id2,
producerId: producerId2,
kind: kind2,
rtpParameters: rtpParameters2,
codecOptions,
});
const stream = new MediaStream();
stream.addTrack(consumer.track);
stream.addTrack(consumer2.track);
return stream;
}r