-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
145 lines (144 loc) · 5.68 KB
/
index.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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!--
* Copyright (C) 2016 Ericsson AB. All rights reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
-->
<!DOCTYPE html>
<html>
<head>
<title>Ericsson Contextual Communication Cloud examples</title>
<link rel="stylesheet" type="text/css" href="resources/main.css">
<link rel="icon" href="resources/favicon.ico">
<style type="text/css">
.middle {
width: 60%;
margin: auto;
padding-top: 30px;
}
h2 {
margin-top: 22px;
}
li {
margin-bottom: 10px;
}
.warning {
border: 1px solid #FBC736;
background-color: #F3E2AF;
border-radius: 8px;
padding: 14px;
color: #926E08;
}
</style>
</head>
<body>
<header>
<a class="header-title" href="index.html">
<img class="header-title-logo" src="resources/ECON_116px.png">
<span class="header-title-text">Ericsson Contextual Communication Cloud examples</span>
</a>
</header>
<main>
<div class="middle">
<h1>Examples</h1>
<p>
The easist way to get started developing on top of Ericsson Contextual Communication Cloud is to look
at a few example applications. But if you have not yet
read the <a href="https://ericsson.github.io/c3-web-guide/">introduction</a> we strongly
encourage you to do so first.
</p>
<p>
The code for these examples is Open Source and available at <a href="https://github.com/Ericsson/c3-web-examples">https://github.com/Ericsson/c3-web-examples</a>.
</p>
<h2>WebRTC calling</h2>
<ul>
<li>
<a href="webrtc/localCall.html">Local Call</a> - Sets up a 2-way audio/video
call inside the same web page.
</li>
<li>
<a href="webrtc/multiClientCall.html">Multi Client Call</a> - Sets up a 2-way audio/video
by asking two users to enter the same unique URL.
</li>
</ul>
<h2>WebRTC media device access</h2>
<ul>
<li>
<a href="webrtc/audioDetector.html">Audio Detector</a> - Handles errors that can occur when accessing user media devices, and verifies that audio is received from the microphone.
</li>
<li>
<a href="webrtc/audioMeter.html">Audio Meter</a> - Accesses the microphone and show the current volume as both raw and filtered values.
</li>
</ul>
<h2>WebRTC recording</h2>
<ul>
<li>
<a href="recording/recordLocal.html">Record local</a> - Previews video from a camera and
allows recording of it to WebM format. When stopped the recording is previewed and
can be downloaded.
</li>
</ul>
<h2>WebRTC screen/application sharing</h2>
<ul>
<li>
<a href="screen-sharing/screenSharing.html">Share Screen or Application</a> - Allow users to share their screen or any running application, given that the Chrome and Firefox extentions are provided.
</li>
</ul>
<h2>Sharing data</h2>
<ul>
<li>
<a href="data/sharedCursor.html">Shared Cursor</a> - Share the mouse cursor
position between two clients with really low latency.
</li>
<li>
<a href="data/fileDropShare.html">File Sharing</a> - Share arbitrary files
between two clients.
</li>
<li>
<a href="data/shareInput.html">Share Input</a> - Shows how to sync user
input in different <code><form></code> types and <code><textarea></code>.
</li>
<li>
<a href="data/supportChat.html">Support Chat</a> - Shows how to display a real-time preview of what other users are typing in a chat.
</li>
</ul>
<h2>User and session management</h2>
<ul>
<li>
<a href="users/registerUsers.html">Register Users</a> - A simple form for
registering new users.
</li>
<li>
<a href="users/pinSession.html">Pin Session Setup</a> - A simple session setup example using pin codes.
</li>
<li>
<a href="users/sessionHandling.html">Session Handling</a> - Shows how to create, save, load, and clear sessions.
</li>
</ul>
<h2>Experimental</h2>
<p class="warning">
These examples show unstable or upcoming features that might change or are not production ready.
</p>
<ul>
<li>
<a href="experimental/conferenceCall.html">Conference Call</a> - Sets up a 3-way video
call inside the same web page where you can select active speaker manually.
</li>
<li>
<a href="experimental/multiClientConferenceCall.html">Multi Client Conference Call</a> - Sets up a multi-party conference between anyone who enters the page. The active speaker is switched using voice activation.
</li>
</ul>
</div>
<footer></footer>
</main>
</body>
</html>