-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathclientB.html
More file actions
143 lines (106 loc) · 5.29 KB
/
Copy pathclientB.html
File metadata and controls
143 lines (106 loc) · 5.29 KB
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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<html>
<head>
</head>
<head>
<meta charset="utf-8" />
<meta name='keywords' content='WebRTC, HTML5, JavaScript' />
<meta name='description' content='WebRTC benchmarks base for AZKAR project' />
<!-- viewport sert a controler la mise en page sur les appareils mobiles -->
<meta name='viewport' content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1'>
<link rel="stylesheet" href="/css/style.css" />
<title>WebRTC AZKAR</title>
</head>
<body class="ihmRobot">
<strong><span id="zone_info_server">WebRTC AZKAR</span></strong>
<hr/>
<section id="bloc_1to1_messages" class="fullSizeContainerBox">
<!--<div id="websocketChat" class="insideFlex robot shadowBlack floatLeft doubleQuarterBox"> -->
<div id="websocketChat" class="floatLeft oneQuarterContainerBox insideFlex robot shadowBlack">
<form action="/" method="post" id="formulaire_chat_websoket" style="text-align:center" >
<strong>Websocket Chat & Logs </strong>
<input type="text" name="message" id="message" placeholder="Votre message..." size="28" autofocus />
<button id="env_msg_ws" type="submit" >Envoyer</button>
</form>
<hr class="hrForm">
<textarea class="input" style="width:100%" id="zone_chat_websocket" placeholder="Once upon a time..."></textarea>
<hr class="hrForm">
<form id="text-options1" style="text-align:center">
<label>Filename: <input type="text1" class="filename" id="text-filename1" placeholder="Robot_WS_LOGS"/>.txt</label>
<button id="saveLogs_webSocket" type="submit" value="Save"/>Save</button>
</form>
</div>
<!--<div id="dataChannelArea" class="insideFlex robot shadowBlack floatLeft doubleQuarterBox"> -->
<div id="dataChannelArea" class="floatLeft oneQuarterContainerBox insideFlex robot shadowBlack">
<div id="formulaire_chat_webRTC" class="pseudoForm" style="text-align:center">
<strong>WebRTC Chat & Logs </strong>
<input type="text" name="message" id="input_chat_WebRTC" disabled placeholder="Waiting open channel..." size="28" autofocus />
<button id="env_msg_WebRTC" disabled onclick="sendMessage()">Envoyer</button>
</div>
<hr class="hrForm">
<textarea class="input" id="zone_chat_WebRTC" style="width:100%" placeholder="Once upon a time..."></textarea>
<hr class="hrForm">
<form id="text-options2" style="text-align:center">
<label>Filename: <input type="text" class="filename" id="text-filename2" placeholder="Robot_webRTC_LOGS"/>.txt</label>
<button id="saveLogs_webRTC" type="submit" value="Save"/>Save</button>
</form>
</div>
</section>
<section id="bloc_1toN" class="fullSizeContainerBox">
<div class="floatLeft oneQuarterContainerBox insideFlex robot shadowBlack">
<div id="piloteCam" class="">
<strong> Pilot Camera</strong>
<hr/>
<video id='otherPeer' autoplay muted controls="controls" ></video>
</div>
</div>
<div class="floatLeft oneQuarterContainerBox insideFlex robot shadowBlack">
<div id="robotCam" class="">
<strong> Robot Camera</strong>
<hr/>
<video id='video' autoplay muted controls="controls"></video>
</div>
</div>
</section>
<section id="bloc_1to1_settings" class="fullSizeContainerBox">
<div id="selectionMicros" class="insideFlex robot shadowBlack floatLeft oneQuarterContainerBox">
<span id="messageDevicesStateMicro"> Micros disponibles</span>
<hr/>
<div class="select">
<select id="local_audioSource"></select>
</div>
</div>
<div id="selectionCams" class="insideFlex robot shadowBlack floatLeft oneQuarterContainerBox">
<span id="messageDevicesStateCams"> Caméras disponibles</span>
<hr/>
<div class="select">
<select id="local_videoSource"></select>
</div>
</div>
</section>
<script>
var otherType = "pilote-typeA";
var type = "robot-typeB";
</script>
<script src="/socket.io/socket.io.js"></script>
<script src="/js/lib/adapter.js"></script>
<script src='/js/lib/jquery-1.10.1.min.js'></script>
<script src="/js/lib/FileSaver.js"></script>
<script src="/js/common_tools.js"></script>
<script src="/js/common_settings.js"></script>
<script src="/js/module_logs.js"></script>
<script src='/js/main_websocket.js'></script>
<script src="/js/main_preSignaling.js"></script>
<script src='/js/main_1to1.js'></script>
<script>
// On récupère depuis nodejs le nom de la machine serveur
// en passant par de l'AJAX plutôt que par websocket....
hostName = "???";
$.get( "/getvar", function( data ) {
hostName = data.hostName;
//if (hostName != "???" ) $('#zone_info_server').replaceWith(settings.appName() + " V " + settings.appVersion()+ " ("+hostName+")");
infoServerTxt = settings.appBranch() + ' - ' + settings.appName() + " V " + settings.appVersion()+ " ("+hostName+")";
if (hostName != "???" ) $('#zone_info_server').replaceWith(infoServerTxt);
});
</script>
</body>
</html>