-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathtutorials.html
109 lines (102 loc) · 5.07 KB
/
tutorials.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<title>rtc.io</title>
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<!-- responsive -->
<link rel="stylesheet" media="screen and (max-width: 960px)" href="css/tablet.css">
<link rel="stylesheet" media="screen and (max-width: 710px)" href="css/phone.css">
<link rel="stylesheet" type="text/css" href="fonts/source-sans/stylesheet.css">
<link rel="stylesheet" type="text/css" href="css/code.css">
</head>
<body>
<a class="scroll-point pt-top" name="top"></a>
<header>
<a href="https://github.com/rtc-io"><img class="fork" src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" alt="Fork me on GitHub"></a>
<a class="scroll-point pt-top" name="top"></a>
<div class="site">
<div class="mascot">
<img src="images/artsio.png">
</div>
<div class="logo" data-subtext="OpenSource WebRTC">
<a href="index.html">rtc.io</a>
</div>
<nav>
<ul>
<li><a href="index.html">About</a></li>
<li><a href="tutorials.html">Tutorials</a></li>
<li><a href="demos.html">Demos</a></li>
<li><a href="modules.html">Modules</a></li>
</ul>
</nav>
</div>
<div class="shadow"></div>
</header>
<div class="main" role="content"><h1 id="tutorials">Tutorials</h1>
<p>These tutorials will step you through some basic demos to get you up to speed quickly using rtc.io. If you are looking for more advanced demos check our <a href="demos.html">demos</a> page or see the full list of <a href="modules.html">modules</a> for detailed documentation.</p>
<h2 id="getting-started">Getting Started</h2>
<p>Use the bundled rtc module to create a simple video chat with shared text box.</p>
<ul>
<li><p><a href="tutorial-rtc-video-chat.html">Basic video chat</a></p>
</li>
<li><p><a href="tutorial-rtc-text-chat.html">Text chat using the data channel</a></p>
</li>
</ul>
<h2 id="rtc-io-component-demos">rtc.io Component Demos</h2>
<p>rtc.io components are CommonJS modules which can be installed via npm and included as dependencies in your project using <code>require()</code>. We'll need to use Browserify to bundle our app with it's dependencies to run in the browser - see the <a href="http://browserify.org/">Browserify site</a> for usage instructions.</p>
<p>Establishing a connection with rtc-quickconnect</p>
<ul>
<li><a href="tutorial-simple-text-share.html">Shared text box</a></li>
</ul>
<p>Capturing user video and audio with rtc-media</p>
<ul>
<li><a href="tutorial-simple-video-mirror.html">Video mirror</a></li>
</ul>
<p>Stream Processing</p>
<ul>
<li><a href="tutorial-simple-manipulation.html">Simple Video Manipulation</a></li>
</ul>
<p>Extablishing video connections with rtc-quickconnect</p>
<ul>
<li><a href="tutorial-quickconnect-videoconferencing.html">Video conferencing application</a></li>
</ul>
<h2 id="signalling-server">Signalling Server</h2>
<p>In the above examples, we have been using "//switchboard.rtc.io" as the signalling server. You can run your own signalling server using the <a href="module-rtc-switchboard.html">rtc-switchboard</a> module.</p>
<!-- ### Signalling
- [Simple Signalling using Socket.IO (Part 1)](tutorial-simple-signalling-socket-io-part1.html)
- [Simple Signalling using Socket.IO (Part 2)](tutorial-simple-signalling-socket-io-part2.html)
-->
<h2 id="further-reading">Further Reading</h2>
<p>Some presentations on the core capabilities of the rtc.io toolset:</p>
<ul>
<li><p><a href="http://rtc.io/presentations/lca_2014_webrtc/"><a href="http://rtc.io/presentations/lca_2014_webrtc/">http://rtc.io/presentations/lca_2014_webrtc/</a></a>. More info about this in <a href="http://gingertech.net/2014/01/08/use-deck-js-as-a-remote-presentation-tool/">Silvia's blog post</a>, though we have since deprecated rtc-glue and are now recommending the use of rtc.</p>
</li>
<li><p><a href="http://rtc.io/presentations/WDCNZ2014/"><a href="http://rtc.io/presentations/WDCNZ2014/">http://rtc.io/presentations/WDCNZ2014/</a></a>. This presentation uses rtc for its demos.</p>
</li>
</ul>
</div>
<footer>
<p>
<a href="http://nicta.com.au">
<img src="images/nicta-logo.gif" alt="NICTA logo">
</a>© NICTA 2013 - 2014
</p>
<p class="license">Project source code is licensed under the <a href="https://github.com/rtc-io/rtc/blob/master/LICENSE">Apache 2.0</a>.</p>
<a class="closing" href="#top"></a>
</footer>
</body>
<script src="js/app.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-26567546-2', 'rtc.io');
ga('send', 'pageview');
</script>
</html>