Compare commits
1 Commits
d1ad8b4d3a
...
LH-265-ena
Author | SHA1 | Date | |
---|---|---|---|
df3482ac15 |
17
app.js
17
app.js
@ -92,21 +92,10 @@ worker = createWorker();
|
|||||||
// https://github.com/versatica/mediasoup/blob/v3/src/supportedRtpCapabilities.ts
|
// https://github.com/versatica/mediasoup/blob/v3/src/supportedRtpCapabilities.ts
|
||||||
const mediaCodecs = [
|
const mediaCodecs = [
|
||||||
{
|
{
|
||||||
// kind: 'audio',
|
kind: 'audio',
|
||||||
// mimeType: 'audio/opus',
|
mimeType: 'audio/opus',
|
||||||
// clockRate: 48000,
|
|
||||||
// channels: 2,
|
|
||||||
clockRate: 48000,
|
clockRate: 48000,
|
||||||
mimeType: "audio/opus",
|
channels: 2,
|
||||||
parameters: {
|
|
||||||
minptime: 10,
|
|
||||||
useinbandfec: 1
|
|
||||||
},
|
|
||||||
payloadType: 111,
|
|
||||||
rtcpFeedback: [{
|
|
||||||
parameter: "",
|
|
||||||
type: "transport-cc"
|
|
||||||
}]
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
kind: 'video',
|
kind: 'video',
|
||||||
|
994
public/bundle.js
994
public/bundle.js
File diff suppressed because it is too large
Load Diff
@ -1,4 +1,5 @@
|
|||||||
module.exports = {
|
module.exports = {
|
||||||
hubAddress: 'https://hub.dev.linx.safemobile.com/',
|
hubAddress: 'https://hub.dev.linx.safemobile.com/',
|
||||||
mediasoupAddress: 'https://video.safemobile.org',
|
mediasoupAddress: 'https://video.safemobile.org/mediasoup',
|
||||||
|
// mediasoupAddress: 'http://localhost:3000/mediasoup',
|
||||||
}
|
}
|
@ -12,11 +12,7 @@ let callId = parseInt(urlParams.get('callId')) || null;
|
|||||||
const IS_PRODUCER = urlParams.get('producer') === 'true' ? true : false
|
const IS_PRODUCER = urlParams.get('producer') === 'true' ? true : false
|
||||||
console.log('[URL] ASSET_ID', ASSET_ID, '| ACCOUNT_ID', ACCOUNT_ID, '| callId', callId, ' | IS_PRODUCER', IS_PRODUCER)
|
console.log('[URL] ASSET_ID', ASSET_ID, '| ACCOUNT_ID', ACCOUNT_ID, '| callId', callId, ' | IS_PRODUCER', IS_PRODUCER)
|
||||||
|
|
||||||
console.log('🟩 config', config)
|
let socket
|
||||||
|
|
||||||
let socket, hub
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
hub = io(config.hubAddress)
|
hub = io(config.hubAddress)
|
||||||
|
|
||||||
const connectToMediasoup = () => {
|
const connectToMediasoup = () => {
|
||||||
@ -40,7 +36,7 @@ setTimeout(() => {
|
|||||||
|
|
||||||
if (IS_PRODUCER === true) {
|
if (IS_PRODUCER === true) {
|
||||||
hub.on('connect', async () => {
|
hub.on('connect', async () => {
|
||||||
console.log(`[HUB]! ${config.hubAddress} | connected: ${hub.connected}`)
|
console.log(`[HUB] ${config.hubAddress} | connected: ${hub.connected}`)
|
||||||
connectToMediasoup()
|
connectToMediasoup()
|
||||||
|
|
||||||
hub.emit(
|
hub.emit(
|
||||||
@ -88,15 +84,11 @@ setTimeout(() => {
|
|||||||
connectToMediasoup()
|
connectToMediasoup()
|
||||||
}
|
}
|
||||||
|
|
||||||
}, 2000);
|
|
||||||
|
|
||||||
|
|
||||||
let device
|
let device
|
||||||
let rtpCapabilities
|
let rtpCapabilities
|
||||||
let producerTransport
|
let producerTransport
|
||||||
let consumerTransport
|
let consumerTransport
|
||||||
let producerVideo
|
let producer
|
||||||
let producerAudio
|
|
||||||
let consumer
|
let consumer
|
||||||
let originAssetId
|
let originAssetId
|
||||||
// let originAssetName = 'Adi'
|
// let originAssetName = 'Adi'
|
||||||
@ -104,18 +96,21 @@ let originAssetId
|
|||||||
|
|
||||||
// https://mediasoup.org/documentation/v3/mediasoup-client/api/#ProducerOptions
|
// https://mediasoup.org/documentation/v3/mediasoup-client/api/#ProducerOptions
|
||||||
// https://mediasoup.org/documentation/v3/mediasoup-client/api/#transport-produce
|
// https://mediasoup.org/documentation/v3/mediasoup-client/api/#transport-produce
|
||||||
let videoParams = {
|
let params = {
|
||||||
// mediasoup params
|
// mediasoup params
|
||||||
encodings: [
|
encodings: [
|
||||||
{
|
{
|
||||||
|
rid: 'r0',
|
||||||
maxBitrate: 100000,
|
maxBitrate: 100000,
|
||||||
scalabilityMode: 'S1T3',
|
scalabilityMode: 'S1T3',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
rid: 'r1',
|
||||||
maxBitrate: 300000,
|
maxBitrate: 300000,
|
||||||
scalabilityMode: 'S1T3',
|
scalabilityMode: 'S1T3',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
rid: 'r2',
|
||||||
maxBitrate: 900000,
|
maxBitrate: 900000,
|
||||||
scalabilityMode: 'S1T3',
|
scalabilityMode: 'S1T3',
|
||||||
},
|
},
|
||||||
@ -126,44 +121,14 @@ let videoParams = {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
let audioParams = {
|
|
||||||
// mediasoup params
|
|
||||||
encodings: [
|
|
||||||
{
|
|
||||||
maxBitrate: 100000,
|
|
||||||
scalabilityMode: 'S1T3',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
maxBitrate: 300000,
|
|
||||||
scalabilityMode: 'S1T3',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
maxBitrate: 900000,
|
|
||||||
scalabilityMode: 'S1T3',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
codecOptions: {
|
|
||||||
opusStereo: true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const streamSuccess = (stream) => {
|
const streamSuccess = (stream) => {
|
||||||
|
console.log('[streamSuccess]');
|
||||||
localVideo.srcObject = stream
|
localVideo.srcObject = stream
|
||||||
console.log('stream', stream);
|
const track = stream.getVideoTracks()[0]
|
||||||
const videoTrack = stream.getVideoTracks()[0]
|
params = {
|
||||||
const audioTrack = stream.getAudioTracks()[0]
|
track,
|
||||||
|
...params
|
||||||
videoParams = {
|
|
||||||
track: videoTrack,
|
|
||||||
...videoParams
|
|
||||||
}
|
}
|
||||||
|
|
||||||
audioParams = {
|
|
||||||
track: audioTrack,
|
|
||||||
...audioParams
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log('[streamSuccess] videoParams', videoParams, ' | audioParams', audioParams);
|
|
||||||
goConnect()
|
goConnect()
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -242,7 +207,6 @@ const getRtpCapabilities = () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const createSendTransport = () => {
|
const createSendTransport = () => {
|
||||||
console.log('[createSendTransport');
|
|
||||||
// see server's socket.on('createWebRtcTransport', sender?, ...)
|
// see server's socket.on('createWebRtcTransport', sender?, ...)
|
||||||
// this is a call from Producer, so sender = true
|
// this is a call from Producer, so sender = true
|
||||||
socket.emit('createWebRtcTransport', { sender: true, callId }, ({ params }) => {
|
socket.emit('createWebRtcTransport', { sender: true, callId }, ({ params }) => {
|
||||||
@ -253,7 +217,7 @@ const createSendTransport = () => {
|
|||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
console.log('[createWebRtcTransport] params', params)
|
console.log(params)
|
||||||
|
|
||||||
// creates a new WebRTC Transport to send media
|
// creates a new WebRTC Transport to send media
|
||||||
// based on the server's producer transport params
|
// based on the server's producer transport params
|
||||||
@ -280,7 +244,7 @@ const createSendTransport = () => {
|
|||||||
})
|
})
|
||||||
|
|
||||||
producerTransport.on('produce', async (parameters, callback, errback) => {
|
producerTransport.on('produce', async (parameters, callback, errback) => {
|
||||||
console.log('[produce] parameters', parameters)
|
console.log(parameters)
|
||||||
|
|
||||||
try {
|
try {
|
||||||
// tell the server to create a Producer
|
// tell the server to create a Producer
|
||||||
@ -306,39 +270,22 @@ const createSendTransport = () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const connectSendTransport = async () => {
|
const connectSendTransport = async () => {
|
||||||
|
|
||||||
console.log('[connectSendTransport] producerTransport');
|
|
||||||
|
|
||||||
// we now call produce() to instruct the producer transport
|
// we now call produce() to instruct the producer transport
|
||||||
// to send media to the Router
|
// to send media to the Router
|
||||||
// https://mediasoup.org/documentation/v3/mediasoup-client/api/#transport-produce
|
// https://mediasoup.org/documentation/v3/mediasoup-client/api/#transport-produce
|
||||||
// this action will trigger the 'connect' and 'produce' events above
|
// this action will trigger the 'connect' and 'produce' events above
|
||||||
producerVideo = await producerTransport.produce(videoParams)
|
producer = await producerTransport.produce(params)
|
||||||
console.log('producerVideo', producerVideo);
|
|
||||||
|
|
||||||
producerVideo.on('trackended', () => {
|
producer.on('trackended', () => {
|
||||||
console.log('track ended')
|
console.log('track ended')
|
||||||
// close video track
|
// close video track
|
||||||
})
|
})
|
||||||
|
|
||||||
producerVideo.on('transportclose', () => {
|
producer.on('transportclose', () => {
|
||||||
console.log('transport ended')
|
console.log('transport ended')
|
||||||
// close video track
|
// close video track
|
||||||
})
|
})
|
||||||
|
|
||||||
producerAudio = await producerTransport.produce(audioParams)
|
|
||||||
console.log('producerAudio', producerAudio);
|
|
||||||
|
|
||||||
// producerAudio.on('trackended', () => {
|
|
||||||
// console.log('track ended')
|
|
||||||
// // close video track
|
|
||||||
// })
|
|
||||||
|
|
||||||
// producerAudio.on('transportclose', () => {
|
|
||||||
// console.log('transport ended')
|
|
||||||
// // close video track
|
|
||||||
// })
|
|
||||||
|
|
||||||
const answer = {
|
const answer = {
|
||||||
origin_asset_id: ASSET_ID,
|
origin_asset_id: ASSET_ID,
|
||||||
dest_asset_id: originAssetId || parseInt(urlParams.get('dest_asset_id')),
|
dest_asset_id: originAssetId || parseInt(urlParams.get('dest_asset_id')),
|
||||||
@ -373,7 +320,7 @@ const createRecvTransport = async () => {
|
|||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
console.log('[createRecvTransport] params', params)
|
console.log(params)
|
||||||
|
|
||||||
// creates a new WebRTC Transport to receive media
|
// creates a new WebRTC Transport to receive media
|
||||||
// based on server's consumer transport params
|
// based on server's consumer transport params
|
||||||
@ -406,8 +353,7 @@ const resetCallSettings = () => {
|
|||||||
localVideo.srcObject = null
|
localVideo.srcObject = null
|
||||||
remoteVideo.srcObject = null
|
remoteVideo.srcObject = null
|
||||||
consumer = null
|
consumer = null
|
||||||
producerVideo = null
|
producer = null
|
||||||
producerAudio = null
|
|
||||||
producerTransport = null
|
producerTransport = null
|
||||||
consumerTransport = null
|
consumerTransport = null
|
||||||
device = undefined
|
device = undefined
|
||||||
|
Reference in New Issue
Block a user