vikasmarwaha@webrtc.org | 98fce15 | 2013-02-27 23:22:10 +0000 | [diff] [blame] | 1 | <!DOCTYPE html> |
| 2 | <html> |
| 3 | <head> |
vikasmarwaha@webrtc.org | 4c44fe0 | 2013-04-08 21:23:58 +0000 | [diff] [blame] | 4 | <title>PeerConnection PRANSWER Demo</title> |
| 5 | <!-- Load the polyfill to switch-hit between Chrome and Firefox --> |
| 6 | <script src="../../base/adapter.js"></script> |
| 7 | <style> |
| 8 | video { |
| 9 | border:5px solid black; |
| 10 | width:320px; |
| 11 | height:240px; |
| 12 | } |
| 13 | </style> |
| 14 | </head> |
| 15 | <body> |
| 16 | <video id="vid1" autoplay="true" muted="true"></video> |
| 17 | <video id="vid2" autoplay></video> |
| 18 | <br> |
| 19 | <button id="btn1" onclick="start()">Call</button> |
| 20 | <button id="btn2" onclick="accept()">Accept</button> |
| 21 | <button id="btn3" onclick="stop()">Hang Up</button> |
| 22 | <script> |
vikasmarwaha@webrtc.org | 98fce15 | 2013-02-27 23:22:10 +0000 | [diff] [blame] | 23 | //var vid1 = document.getElementById("vid1"); |
| 24 | //var vid2 = document.getElementById("vid2"); |
| 25 | btn1.disabled = true; |
| 26 | btn2.disabled = true; |
vikasmarwaha@webrtc.org | 4c44fe0 | 2013-04-08 21:23:58 +0000 | [diff] [blame] | 27 | btn3.disabled = true; |
vikasmarwaha@webrtc.org | 98fce15 | 2013-02-27 23:22:10 +0000 | [diff] [blame] | 28 | var pc1,pc2; |
| 29 | var localstream; |
vikasmarwaha@webrtc.org | 4c44fe0 | 2013-04-08 21:23:58 +0000 | [diff] [blame] | 30 | var sdpConstraints = {'mandatory': { |
| 31 | 'OfferToReceiveAudio':true, |
| 32 | 'OfferToReceiveVideo':true }}; |
| 33 | |
| 34 | function gotStream(stream) { |
vikasmarwaha@webrtc.org | 98fce15 | 2013-02-27 23:22:10 +0000 | [diff] [blame] | 35 | trace("Received local stream"); |
vikasmarwaha@webrtc.org | 4c44fe0 | 2013-04-08 21:23:58 +0000 | [diff] [blame] | 36 | // Call the polyfill wrapper to attach the media stream to this element. |
| 37 | attachMediaStream(vid1, stream); |
vikasmarwaha@webrtc.org | 98fce15 | 2013-02-27 23:22:10 +0000 | [diff] [blame] | 38 | localstream = stream; |
| 39 | btn1.disabled = false; |
| 40 | } |
| 41 | |
vikasmarwaha@webrtc.org | 4c44fe0 | 2013-04-08 21:23:58 +0000 | [diff] [blame] | 42 | getUserMedia({audio:true, video:true}, gotStream, function() {}); |
vikasmarwaha@webrtc.org | 98fce15 | 2013-02-27 23:22:10 +0000 | [diff] [blame] | 43 | |
| 44 | function start() { |
| 45 | btn1.disabled = true; |
| 46 | btn2.disabled = false; |
vikasmarwaha@webrtc.org | 4c44fe0 | 2013-04-08 21:23:58 +0000 | [diff] [blame] | 47 | btn3.disabled = false; |
vikasmarwaha@webrtc.org | 98fce15 | 2013-02-27 23:22:10 +0000 | [diff] [blame] | 48 | trace("Starting Call"); |
vikasmarwaha@webrtc.org | 4c44fe0 | 2013-04-08 21:23:58 +0000 | [diff] [blame] | 49 | videoTracks = localstream.getVideoTracks(); |
| 50 | audioTracks = localstream.getAudioTracks(); |
| 51 | if (videoTracks.length > 0) |
| 52 | trace('Using Video device: ' + videoTracks[0].label); |
| 53 | if (audioTracks.length > 0) |
| 54 | trace('Using Audio device: ' + audioTracks[0].label); |
vikasmarwaha@webrtc.org | 98fce15 | 2013-02-27 23:22:10 +0000 | [diff] [blame] | 55 | |
vikasmarwaha@webrtc.org | 4c44fe0 | 2013-04-08 21:23:58 +0000 | [diff] [blame] | 56 | var servers = null; |
| 57 | pc1 = new RTCPeerConnection(servers); |
| 58 | trace("Created local peer connection object pc1"); |
| 59 | pc1.onicecandidate = iceCallback1; |
| 60 | pc2 = new RTCPeerConnection(servers); |
vikasmarwaha@webrtc.org | 98fce15 | 2013-02-27 23:22:10 +0000 | [diff] [blame] | 61 | trace("Created remote peer connection object pc2"); |
vikasmarwaha@webrtc.org | 4c44fe0 | 2013-04-08 21:23:58 +0000 | [diff] [blame] | 62 | pc2.onicecandidate = iceCallback2; |
vikasmarwaha@webrtc.org | 98fce15 | 2013-02-27 23:22:10 +0000 | [diff] [blame] | 63 | pc2.onaddstream = gotRemoteStream; |
| 64 | |
| 65 | pc1.addStream(localstream); |
| 66 | trace("Adding Local Stream to peer connection"); |
vikasmarwaha@webrtc.org | 4c44fe0 | 2013-04-08 21:23:58 +0000 | [diff] [blame] | 67 | |
| 68 | pc1.createOffer(gotDescription1); |
| 69 | |
| 70 | } |
| 71 | |
| 72 | function gotDescription1(desc) { |
| 73 | pc1.setLocalDescription(desc); |
| 74 | trace("Offer from pc1 \n" + desc.sdp); |
| 75 | pc2.setRemoteDescription(desc); |
| 76 | // Since the "remote" side has no media stream we need |
| 77 | // to pass in the right constraints in order for it to |
| 78 | // accept the incoming offer of audio and video. |
| 79 | pc2.createAnswer(gotDescription2, null, sdpConstraints); |
| 80 | } |
| 81 | |
| 82 | function gotDescription2(desc) { |
| 83 | // Provisional answer, set a=inactive & set sdp type to pranswer. |
| 84 | desc.sdp = desc.sdp.replace(/a=recvonly/g, "a=inactive"); |
| 85 | desc.type = "pranswer"; |
| 86 | pc2.setLocalDescription(desc); |
| 87 | trace("Pranswer from pc2 \n" + desc.sdp); |
| 88 | pc1.setRemoteDescription(desc); |
| 89 | } |
| 90 | |
| 91 | function gotDescription3(desc) { |
| 92 | // Final answer, setting a=recvonly & sdp type to answer. |
| 93 | desc.sdp = desc.sdp.replace(/a=inactive/g, "a=recvonly"); |
| 94 | desc.type = "answer"; |
| 95 | pc2.setLocalDescription(desc); |
| 96 | trace("Answer from pc2 \n" + desc.sdp); |
| 97 | pc1.setRemoteDescription(desc); |
vikasmarwaha@webrtc.org | 98fce15 | 2013-02-27 23:22:10 +0000 | [diff] [blame] | 98 | } |
| 99 | |
| 100 | function accept() { |
vikasmarwaha@webrtc.org | 4c44fe0 | 2013-04-08 21:23:58 +0000 | [diff] [blame] | 101 | pc2.createAnswer(gotDescription3, null, sdpConstraints); |
| 102 | btn2.disabled = true; |
| 103 | btn1.disabled = false; |
vikasmarwaha@webrtc.org | 98fce15 | 2013-02-27 23:22:10 +0000 | [diff] [blame] | 104 | } |
| 105 | |
| 106 | function stop() { |
| 107 | trace("Ending Call" + "\n\n"); |
| 108 | pc1.close(); |
| 109 | pc2.close(); |
| 110 | pc1=null; |
| 111 | pc2=null; |
| 112 | btn2.disabled = true; |
| 113 | btn1.disabled = false; |
vikasmarwaha@webrtc.org | 4c44fe0 | 2013-04-08 21:23:58 +0000 | [diff] [blame] | 114 | btn3.disabled = true; |
vikasmarwaha@webrtc.org | 98fce15 | 2013-02-27 23:22:10 +0000 | [diff] [blame] | 115 | } |
| 116 | |
vikasmarwaha@webrtc.org | 4c44fe0 | 2013-04-08 21:23:58 +0000 | [diff] [blame] | 117 | function gotRemoteStream(e) { |
vikasmarwaha@webrtc.org | 98fce15 | 2013-02-27 23:22:10 +0000 | [diff] [blame] | 118 | vid2.src = webkitURL.createObjectURL(e.stream); |
vikasmarwaha@webrtc.org | 4c44fe0 | 2013-04-08 21:23:58 +0000 | [diff] [blame] | 119 | trace("Received remote stream"); |
vikasmarwaha@webrtc.org | 98fce15 | 2013-02-27 23:22:10 +0000 | [diff] [blame] | 120 | } |
| 121 | |
vikasmarwaha@webrtc.org | 4c44fe0 | 2013-04-08 21:23:58 +0000 | [diff] [blame] | 122 | function iceCallback1(event) { |
| 123 | if (event.candidate) { |
| 124 | pc2.addIceCandidate(new RTCIceCandidate(event.candidate)); |
| 125 | trace("Local ICE candidate: \n" + event.candidate.candidate); |
vikasmarwaha@webrtc.org | 98fce15 | 2013-02-27 23:22:10 +0000 | [diff] [blame] | 126 | } |
| 127 | } |
| 128 | |
vikasmarwaha@webrtc.org | 4c44fe0 | 2013-04-08 21:23:58 +0000 | [diff] [blame] | 129 | function iceCallback2(event) { |
| 130 | if (event.candidate) { |
| 131 | pc1.addIceCandidate(new RTCIceCandidate(event.candidate)); |
| 132 | trace("Remote ICE candidate: \n " + event.candidate.candidate); |
vikasmarwaha@webrtc.org | 98fce15 | 2013-02-27 23:22:10 +0000 | [diff] [blame] | 133 | } |
vikasmarwaha@webrtc.org | 4c44fe0 | 2013-04-08 21:23:58 +0000 | [diff] [blame] | 134 | } |
vikasmarwaha@webrtc.org | 98fce15 | 2013-02-27 23:22:10 +0000 | [diff] [blame] | 135 | </script> |
| 136 | </body> |
| 137 | </html> |
| 138 | |