-
Notifications
You must be signed in to change notification settings - Fork 27
/
Copy pathconstraints_test.html
127 lines (102 loc) · 3.22 KB
/
constraints_test.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<html>
<head>
<title>Simple PeerConnection Constraints Test</title>
</head>
<body>
<h1>Simple PeerConnection Constraints Test</h1>
<div><video id="pc1video" width="640" height="480" controls></video></div><br/>
<div><video id="pc2video" width="640" height="480" controls></video></div><br/>
<div><button id="tehbutton" onClick="start();">Start!</button></div><br/>
<div id="log"></div>
<div><video id="localvideo" width="640" height="480" controls></video></div><br/>
<script type="application/javascript;version=1.8">
function log(msg) {
let div = document.getElementById("log");
div.innerHTML = div.innerHTML + "<p>" + msg + "</p>";
}
let pc1video = document.getElementById("pc1video");
let pc2video = document.getElementById("pc2video");
let button = document.getElementById("tehbutton");
let localvideo = document.getElementById("localvideo");
let pc1;
let pc2;
let pc1_offer;
let pc2_answer;
function failed(code) {
log("Failure callback: " + code);
}
// pc1.createOffer finished, call pc1.setLocal
function step1(offer) {
pc1_offer = offer;
pc1.setLocalDescription(offer, step2, failed);
}
// pc1.setLocal finished, call pc2.setRemote
function step2() {
pc2.setRemoteDescription(pc1_offer, step3, failed);
};
// pc2.setRemote finished, call pc2.createAnswer
function step3() {
pc2.createAnswer(step4, failed, {
"optional": [
{"OfferToReceiveAudio": true},
{"OfferToReceiveVideo": true}
]
});
}
// pc2.createAnswer finished, call pc2.setLocal
function step4(answer) {
pc2_answer = answer;
pc2.setLocalDescription(answer, step5, failed);
}
// pc2.setLocal finished, call pc1.setRemote
function step5() {
pc1.setRemoteDescription(pc2_answer, step6, failed);
}
// pc1.setRemote finished, media should be running!
function step6() {
log("HIP HIP HOORAY");
}
function start() {
button.innerHTML = "Stop!";
button.onclick = stop;
pc1 = new mozRTCPeerConnection();
pc2 = new mozRTCPeerConnection();
pc1.onaddstream = function(obj) {
log("pc1 got remote stream from pc2 " + obj.type);
pc2video.mozSrcObject = obj.stream;
pc2video.play();
}
pc2.onaddstream = function(obj) {
log("pc2 got remote stream from pc1 " + obj.type);
pc1video.mozSrcObject = obj.stream;
pc1video.play();
}
navigator.mozGetUserMedia({video:true}, function(video1) {
// Add stream obtained from gUM to <video> to start media flow.
localvideo.mozSrcObject = video1;
localvideo.play();
pc1.addStream(video1);
navigator.mozGetUserMedia({audio:true, fake:true}, function(audio1) {
pc1.addStream(audio1);
pc2.addStream(audio1);
navigator.mozGetUserMedia({video:true, fake:true}, function(video2) {
pc2.addStream(video2);
// Start the signaling.
pc1.createOffer(step1, failed, {
optional: [
{"OfferToReceiveAudio": true},
{"OfferToReceiveVideo": true}
]
});
}, failed);
}, failed);
}, failed);
}
function stop() {
pc1.close();
pc2.close();
button.innerHTML = "Start!";
button.onclick = start;
}
</script>
</html>