invalidStateError: Failed to set remote answer sdp with simple-peer api
i used the simple-peer api :https://github.com/feross/simple-peer
but , i have a problem that i not undertand.
my goal is : to make a video chat in a LAN network with WEBRTC
here is the picture of error
here is the code
app.js
let p= null
function bindEvents(p)
p.on('error',function(err)
console.log('error',err)
)
p.on('signal', function(data)
document.querySelector('#offer').textContent= JSON.stringify(data)
)
p.on('stream',function(stream)
var video = document.querySelector('#receiver-video')
video.volume= 0
video.src= window.URL.createObjectURL(stream)
video.play()
)
document.querySelector('#start').addEventListener('click',function(e)
navigator.getUserMedia(
video:true,
audio:true
,function(stream)
p = new SimplePeer(
initiator: true,
stream: stream,
trickle: false
)
bindEvents(p)
let emitterVideo = document.querySelector('#emitter-video')
emitterVideo.volume = 0
emitterVideo.src = window.URL.createObjectURL(stream)
emitterVideo.play()
,
function()
)
)
document.querySelector('#incoming').addEventListener('submit',function(e)
e.preventDefault()
if(p==null)
p = new SimplePeer(
initiator: false,
trickle: false
)
bindEvents(p)
p.signal(JSON.parse(e.target.querySelector('textarea').value))
)
index.html
<body>
<p> DEMO DU WEBRTC</p>
<div class="container">
<div class="row">
<div class="col-sm-6">
<h2> RECEPTION</h2>
<video controls id="receiver-video" width="50%" height="200px">
</video>
<p>
<button id="start"> start</button>
</p>
<textarea id="offer" class="form-control"></textarea>
</div>
<div class="col-sm-6">
<h2>Envoi
</h2>
<video controls id="emitter-video" width="50%" height="200px"> </video>
<form id="incoming">
<div class="form-group">
<textarea class="form-control"></textarea>
</div>
<p>
<button type="submit">save offer </button>
</p>
</form>
</div>
</div>
</div>
<script src ="app.js"></script>
<script src="SimplePeer.js"></script>
</body>
i rename the api simplepeer.min.js(of site : https://github.com/feross/simple-peer/blob/master/simplepeer.min.js) to SimplePeer.js.
i'm testing locally with two chrome browsers tabs.
to transmate the offer, i not use a server , i use two textareas , the first for to display the offer of the tab running , the second, for to accept the other tab
the problem occurs when accepting the offer
webrtc
asked Nov 10 '18 at 9:18
Jonathan F
33
add a comment |
i used the simple-peer api :https://github.com/feross/simple-peer
but , i have a problem that i not undertand.
my goal is : to make a video chat in a LAN network with WEBRTC
here is the picture of error
here is the code
app.js
let p= null
function bindEvents(p)
p.on('error',function(err)
console.log('error',err)
)
p.on('signal', function(data)
document.querySelector('#offer').textContent= JSON.stringify(data)
)
p.on('stream',function(stream)
var video = document.querySelector('#receiver-video')
video.volume= 0
video.src= window.URL.createObjectURL(stream)
video.play()
)
document.querySelector('#start').addEventListener('click',function(e)
navigator.getUserMedia(
video:true,
audio:true
,function(stream)
p = new SimplePeer(
initiator: true,
stream: stream,
trickle: false
)
bindEvents(p)
let emitterVideo = document.querySelector('#emitter-video')
emitterVideo.volume = 0
emitterVideo.src = window.URL.createObjectURL(stream)
emitterVideo.play()
,
function()
)
)
document.querySelector('#incoming').addEventListener('submit',function(e)
e.preventDefault()
if(p==null)
p = new SimplePeer(
initiator: false,
trickle: false
)
bindEvents(p)
p.signal(JSON.parse(e.target.querySelector('textarea').value))
)
index.html
<body>
<p> DEMO DU WEBRTC</p>
<div class="container">
<div class="row">
<div class="col-sm-6">
<h2> RECEPTION</h2>
<video controls id="receiver-video" width="50%" height="200px">
</video>
<p>
<button id="start"> start</button>
</p>
<textarea id="offer" class="form-control"></textarea>
</div>
<div class="col-sm-6">
<h2>Envoi
</h2>
<video controls id="emitter-video" width="50%" height="200px"> </video>
<form id="incoming">
<div class="form-group">
<textarea class="form-control"></textarea>
</div>
<p>
<button type="submit">save offer </button>
</p>
</form>
</div>
</div>
</div>
<script src ="app.js"></script>
<script src="SimplePeer.js"></script>
</body>
i rename the api simplepeer.min.js(of site : https://github.com/feross/simple-peer/blob/master/simplepeer.min.js) to SimplePeer.js.
i'm testing locally with two chrome browsers tabs.
to transmate the offer, i not use a server , i use two textareas , the first for to display the offer of the tab running , the second, for to accept the other tab
the problem occurs when accepting the offer
webrtc
asked Nov 10 '18 at 9:18
Jonathan F
33
add a comment |
i used the simple-peer api :https://github.com/feross/simple-peer
but , i have a problem that i not undertand.
my goal is : to make a video chat in a LAN network with WEBRTC
here is the picture of error
here is the code
app.js
let p= null
function bindEvents(p)
p.on('error',function(err)
console.log('error',err)
)
p.on('signal', function(data)
document.querySelector('#offer').textContent= JSON.stringify(data)
)
p.on('stream',function(stream)
var video = document.querySelector('#receiver-video')
video.volume= 0
video.src= window.URL.createObjectURL(stream)
video.play()
)
document.querySelector('#start').addEventListener('click',function(e)
navigator.getUserMedia(
video:true,
audio:true
,function(stream)
p = new SimplePeer(
initiator: true,
stream: stream,
trickle: false
)
bindEvents(p)
let emitterVideo = document.querySelector('#emitter-video')
emitterVideo.volume = 0
emitterVideo.src = window.URL.createObjectURL(stream)
emitterVideo.play()
,
function()
)
)
document.querySelector('#incoming').addEventListener('submit',function(e)
e.preventDefault()
if(p==null)
p = new SimplePeer(
initiator: false,
trickle: false
)
bindEvents(p)
p.signal(JSON.parse(e.target.querySelector('textarea').value))
)
index.html
<body>
<p> DEMO DU WEBRTC</p>
<div class="container">
<div class="row">
<div class="col-sm-6">
<h2> RECEPTION</h2>
<video controls id="receiver-video" width="50%" height="200px">
</video>
<p>
<button id="start"> start</button>
</p>
<textarea id="offer" class="form-control"></textarea>
</div>
<div class="col-sm-6">
<h2>Envoi
</h2>
<video controls id="emitter-video" width="50%" height="200px"> </video>
<form id="incoming">
<div class="form-group">
<textarea class="form-control"></textarea>
</div>
<p>
<button type="submit">save offer </button>
</p>
</form>
</div>
</div>
</div>
<script src ="app.js"></script>
<script src="SimplePeer.js"></script>
</body>
i rename the api simplepeer.min.js(of site : https://github.com/feross/simple-peer/blob/master/simplepeer.min.js) to SimplePeer.js.
i'm testing locally with two chrome browsers tabs.
to transmate the offer, i not use a server , i use two textareas , the first for to display the offer of the tab running , the second, for to accept the other tab
the problem occurs when accepting the offer
webrtc
asked Nov 10 '18 at 9:18
Jonathan F
33
i used the simple-peer api :https://github.com/feross/simple-peer
but , i have a problem that i not undertand.
my goal is : to make a video chat in a LAN network with WEBRTC
here is the picture of error
here is the code
app.js
let p= null
function bindEvents(p)
p.on('error',function(err)
console.log('error',err)
)
p.on('signal', function(data)
document.querySelector('#offer').textContent= JSON.stringify(data)
)
p.on('stream',function(stream)
var video = document.querySelector('#receiver-video')
video.volume= 0
video.src= window.URL.createObjectURL(stream)
video.play()
)
document.querySelector('#start').addEventListener('click',function(e)
navigator.getUserMedia(
video:true,
audio:true
,function(stream)
p = new SimplePeer(
initiator: true,
stream: stream,
trickle: false
)
bindEvents(p)
let emitterVideo = document.querySelector('#emitter-video')
emitterVideo.volume = 0
emitterVideo.src = window.URL.createObjectURL(stream)
emitterVideo.play()
,
function()
)
)
document.querySelector('#incoming').addEventListener('submit',function(e)
e.preventDefault()
if(p==null)
p = new SimplePeer(
initiator: false,
trickle: false
)
bindEvents(p)
p.signal(JSON.parse(e.target.querySelector('textarea').value))
)
index.html
<body>
<p> DEMO DU WEBRTC</p>
<div class="container">
<div class="row">
<div class="col-sm-6">
<h2> RECEPTION</h2>
<video controls id="receiver-video" width="50%" height="200px">
</video>
<p>
<button id="start"> start</button>
</p>
<textarea id="offer" class="form-control"></textarea>
</div>
<div class="col-sm-6">
<h2>Envoi
</h2>
<video controls id="emitter-video" width="50%" height="200px"> </video>
<form id="incoming">
<div class="form-group">
<textarea class="form-control"></textarea>
</div>
<p>
<button type="submit">save offer </button>
</p>
</form>
</div>
</div>
</div>
<script src ="app.js"></script>
<script src="SimplePeer.js"></script>
</body>
i rename the api simplepeer.min.js(of site : https://github.com/feross/simple-peer/blob/master/simplepeer.min.js) to SimplePeer.js.
i'm testing locally with two chrome browsers tabs.
to transmate the offer, i not use a server , i use two textareas , the first for to display the offer of the tab running , the second, for to accept the other tab
the problem occurs when accepting the offer
webrtc
webrtc
asked Nov 10 '18 at 9:18
Jonathan F
33
asked Nov 10 '18 at 9:18
Jonathan F
33
edited Nov 10 '18 at 10:06
asked Nov 10 '18 at 9:18
Jonathan F
33
asked Nov 10 '18 at 9:18
Jonathan F
33
asked Nov 10 '18 at 9:18
Jonathan F
33
33
add a comment |
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53237557%2finvalidstateerror-failed-to-set-remote-answer-sdp-with-simple-peer-api%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53237557%2finvalidstateerror-failed-to-set-remote-answer-sdp-with-simple-peer-api%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
