I am trying to use simple-peer library to broadcast a live video stream from the webcam to the server and from the server to multiple users. I am currently having problems with the stun/turn servers. I am using Xirsys. The program runs locally with no problems, but when I run it on Heroku it does not. I am new in NodeJs.
Does anyone know why it runs locally, but not globally?
Client side:
let Peer = require('simple-peer')
let socket = io()
const video = document.querySelector('video')
let client = {}
var configuration={
iceServers: [{
urls: [ "stun:sp-turn1.xirsys.com" ]
}, {
username: "LdzgXD2MWspU8qKuKIa9nYv02AqPhqD_qOeFSCsJfBjaCwq5mN-LsbrHReCmgGLwAAAAAF4HabRjYW1pbG9oaW5vam9zYQ==",
credential: "320899dc-2980-11ea-810a-06374c00029e",
urls: [
"turn:sp-turn1.xirsys.com:80?transport=udp",
"turn:sp-turn1.xirsys.com:3478?transport=udp",
"turn:sp-turn1.xirsys.com:80?transport=tcp",
]
}]
}
function CreateVideo(stream){
video.srcObject = stream
video.play()
}
document.getElementById('stream').onclick=function(){
navigator.mediaDevices.getUserMedia({ video: true, audio: true })
.then(stream=>{
socket.emit('NewClientStreamer')
video.srcObject = stream
video.play()
socket.on('CreateClientStreamerPeer',function(){
let peer = new Peer({
initiator:true,
config:configuration,
iceTransportPolicy: 'relay',
stream: stream,
trickle:true
})
peer.on('stream',function(stream){
CreateVideo(stream)
})
peer.on('close',function(){
document.getElementById("peerVideo").remove()
peer.destroy()
})
peer.on('signal', function(data){
if(!client.gotAnswer)
socket.emit('Offer',data)
})
client.peer=peer
})
socket.on('Answer',function(answer){
client.gotAnswer=true
client.peer.signal(answer)
})
})
.catch(err=>document.write(err))
}
document.getElementById('receive').onclick=function(){
socket.emit('NewClientReceiver')
socket.on('Offer',function(offer){
let peer = new Peer({
initiator: false,
trickle:true
})
peer.on('stream',function(stream){
CreateVideo(stream)
})
peer.on('signal', function(data){
socket.emit('ClientAnswer',data)
})
peer.signal(offer)
client.peer=peer
})
}
Server side:
const express = require('express')
const app = express()
const http = require('http').Server(app)
const io = require('socket.io')(http)
const port = process.env.PORT || 3000
const Peer=require('simple-peer')
const wrtc=require('wrtc')
var Streamer={}
var Receiver={}
var configuration={
iceServers: [{
urls: [ "stun:sp-turn1.xirsys.com" ]
}, {
username: "LdzgXD2MWspU8qKuKIa9nYv02AqPhqD_qOeFSCsJfBjaCwq5mN-LsbrHReCmgGLwAAAAAF4HabRjYW1pbG9oaW5vam9zYQ==",
credential: "320899dc-2980-11ea-810a-06374c00029e",
urls: [
"turn:sp-turn1.xirsys.com:80?transport=udp",
"turn:sp-turn1.xirsys.com:3478?transport=udp",
"turn:sp-turn1.xirsys.com:80?transport=tcp",
]
}]
}
app.use(express.static(__dirname + "/public"))
io.on('connection', function(socket){
socket.on('NewClientStreamer',function(){
socket.emit('CreateClientStreamerPeer')
})
function InitializeReceiver(offer){
var receiver={}
let peer = new Peer({
initiator:false,
config:configuration,
iceTransportPolicy: 'any',
wrtc:wrtc,
trickle:true
})
peer.on('signal', (data) => {
socket.emit('Answer',data)
})
peer.on('close',function(){
//
})
peer.on('stream',function(stream){
receiver.stream=stream
receiver.peer=peer
Receiver=receiver
})
peer.signal(offer)
}
socket.on('Offer',function(offer){
InitializeReceiver(offer)
})
socket.on('NewClientReceiver',function(){
var streamer={}
streamer.gotAnswer=false
let peer = new Peer({
initiator:true,
config:configuration,
iceTransportPolicy: 'any',
wrtc:wrtc,
stream: Receiver.stream,
trickle:true
})
peer.on('signal', function(offer){
if(!streamer.gotAnswer)
socket.emit('Offer',offer)
})
peer.on('connect',function(){
Streamer=streamer
})
streamer.peer=peer
socket.on('ClientAnswer',function(data){
streamer.gotAnswer=true
streamer.peer.signal(data)
})
})
})
http.listen(port,() => console.log(`Active on ${port} port`))
WebRTC-Chrome-webRTC internals
