Skip to content
This repository was archived by the owner on Dec 16, 2025. It is now read-only.

Commit c60fce8

Browse files
samduttonsamdutton
committed
Added updated files
1 parent 57a88fd commit c60fce8

49 files changed

Lines changed: 10444 additions & 2090 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎README.md‎

Lines changed: 14 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,21 @@
1-
# High performance video for the web
1+
# Realtime communication with WebRTC
22

3-
Thia code has the resources you need for the codelab [High performance video for the web](https://codelabs.developers.google.com/codelabs/adaptive-web-media/#0).
3+
Thia code has the resources you need for the codelab [Realtime communication with WebRTC](https://codelabs.developers.google.com/codelabs/webrtc-web/#0).
44

5-
<a href="http://googlecodelabs.github.io/adaptive-web-media/step-03/" title="Step 3 live on GitHub Pages"><img src="https://goo.gl/QVJrmV" alt="Framegrab with captions from Big Buck Bunny, an open source film created by blender.org" width="540" /></a>
6-
7-
This is a work in progress. If you find a mistake or have a suggestion, please [file an issue](https://github.com/googlecodelabs/adaptive-web-media/issues). Thanks!
8-
9-
You can view a completed version of each step live at [googlecodelabs.github.io/adaptive-web-media](https://googlecodelabs.github.io/adaptive-web-media/). This is a [GitHub Pages](https://pages.github.com) site that corresponds to the gh-pages branch of this repo.
5+
This is a work in progress. If you find a mistake or have a suggestion, please [file an issue](https://github.com/googlecodelabs/webrtc-web/issues). Thanks!
106

117
## What you'll learn
12-
* Techniques to make the most of the video element.
13-
* Easy ways to implement subtitles, captions and descriptions.
14-
* The basics of Dynamic Adaptive Streaming over HTTP (DASH).
15-
* How to build a simple adaptive streaming video player.
16-
* Media delivery testing across devices and different bandwidths.
8+
* Get video from your webcam
9+
* Stream video with RTCPeerConnection
10+
* Stream data with RTCDataChannel
11+
* Set up a signaling service to exchange messages
12+
* Combine peer connection and signaling
13+
* Take a photo and share it via a data channel
14+
1715

1816
## What you'll need
19-
* Chrome 47 or above
17+
* Chrome 47 or above.
2018
* Web Server for Chrome, or use your own web server of choice.
21-
* The sample code
22-
* A text editor
23-
* Basic knowledge of HTML, CSS and JavaScript
19+
* The sample code.
20+
* A text editor.
21+
* Basic knowledge of HTML, CSS and JavaScript.

‎index.html‎

Lines changed: 9 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
<!--
22
Copyright 2016 Google Inc.
3-
3+
44
Licensed under the Apache License, Version 2.0 (the "License");
55
you may not use this file except in compliance with the License.
66
You may obtain a copy of the License at
7-
7+
88
http://www.apache.org/licenses/LICENSE-2.0
9-
9+
1010
Unless required by applicable law or agreed to in writing, software
1111
distributed under the License is distributed on an "AS IS" BASIS,
1212
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
@@ -18,10 +18,10 @@
1818
<html>
1919
<head>
2020

21-
<meta name="description" content="High performance video for the web" />
21+
<meta name="description" content="Realtime communication with WebRTC" />
2222
<meta name="author" content="//samdutton.com">
2323
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
24-
<meta itemprop="name" content="GitHub Pages site for Google codelab: High performance video for the web">
24+
<meta itemprop="name" content="GitHub Pages site for Google codelab: Realtime communication with WebRTC">
2525
<meta name="mobile-web-app-capable" content="yes">
2626
<meta id="theme-color" name="theme-color" content="#307699">
2727

@@ -170,26 +170,18 @@
170170

171171
<section>
172172

173-
<h1>Google codelab: WebRTC</h1>
173+
<h1>Google codelab:<br>Realtime communication with WebRTC</h1>
174174

175-
<p>This page has links to a live completed version for each step of the Google <a href="https://codelabs.developers.google.com/codelabs/webrtc/#0">WebRTC codelab</a></p>
175+
<p>Code for this codelab is available from <a href="//github.com/googlecodelabs/webrtc-web" title="View the repository for this site">github.com/googlecodelabs/webrtc-web</a>.</p>
176176

177-
<p>Code for this codelab is available from <a href="//github.com/googlecodelabs/webrtc" title="View the repository for this site">github.com/googlecodelabs/webrtc</a>.</p>
178-
179-
<p>This is a work in progress. If you find a mistake or have a suggestion, please <a href="https://github.com/googlecodelabs/webrtc/issues">file an issue</a>.</p>
177+
<p>This is a work in progress. If you find a mistake or have a suggestion, please <a href="https://github.com/googlecodelabs/webrtc-web/issues">file an issue</a>.</p>
180178

181179
<p>Thanks!</p>
182180

183181
</section>
184182

185183
<section id="steps">
186-
187-
<a href="/webrtc/step-01">Step 1: Get the sample code</a>
188-
<a href="/webrtc/step-02">Step 2: Make the most of the video element</a>
189-
<a href="/webrtc/step-03">Step 3: Add subtitles, captions &amp; descriptions</a>
190-
<a href="/webrtc/step-04">Step 4: Build video with JavaScript</a>
191-
<a href="/webrtc/step-05">Step 5: Implement adaptive streaming</a>
192-
184+
<!-- <a href="/webrtc/step-01">Step 1: Get the sample code</a> -->
193185
</section>
194186

195187
</div>

‎server.js‎

Lines changed: 0 additions & 22 deletions
This file was deleted.

‎step-01/css/main.css‎

Lines changed: 0 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,3 @@
1-
/*
2-
* Copyright 2016 Google Inc.
3-
*
4-
* Licensed under the Apache License, Version 2.0 (the "License");
5-
* you may not use this file except in compliance with the License.
6-
* You may obtain a copy of the License at
7-
*
8-
* http://www.apache.org/licenses/LICENSE-2.0
9-
*
10-
* Unless required by applicable law or agreed to in writing, software
11-
* distributed under the License is distributed on an "AS IS" BASIS,
12-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13-
* See the License for the specific language governing permissions and
14-
* limitations under the License.
15-
*/
16-
171
body {
182
font-family: sans-serif;
193
}

‎step-01/index.html‎

Lines changed: 0 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,3 @@
1-
<!--
2-
Copyright 2016 Google Inc.
3-
4-
Licensed under the Apache License, Version 2.0 (the "License");
5-
you may not use this file except in compliance with the License.
6-
You may obtain a copy of the License at
7-
8-
http://www.apache.org/licenses/LICENSE-2.0
9-
10-
Unless required by applicable law or agreed to in writing, software
11-
distributed under the License is distributed on an "AS IS" BASIS,
12-
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13-
See the License for the specific language governing permissions and
14-
limitations under the License.
15-
-->
16-
171
<!DOCTYPE html>
182
<html>
193

‎step-01/js/main.js‎

Lines changed: 0 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,3 @@
1-
// Copyright 2016 Google Inc.
2-
//
3-
// Licensed under the Apache License, Version 2.0 (the "License");
4-
// you may not use this file except in compliance with the License.
5-
// You may obtain a copy of the License at
6-
//
7-
// http://www.apache.org/licenses/LICENSE-2.0
8-
//
9-
// Unless required by applicable law or agreed to in writing, software
10-
// distributed under the License is distributed on an "AS IS" BASIS,
11-
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12-
// See the License for the specific language governing permissions and
13-
// limitations under the License.
14-
151
'use strict';
162

173
navigator.getUserMedia = navigator.getUserMedia ||

‎step-02/css/main.css‎

Lines changed: 0 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,3 @@
1-
/*
2-
* Copyright 2016 Google Inc.
3-
*
4-
* Licensed under the Apache License, Version 2.0 (the "License");
5-
* you may not use this file except in compliance with the License.
6-
* You may obtain a copy of the License at
7-
*
8-
* http://www.apache.org/licenses/LICENSE-2.0
9-
*
10-
* Unless required by applicable law or agreed to in writing, software
11-
* distributed under the License is distributed on an "AS IS" BASIS,
12-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13-
* See the License for the specific language governing permissions and
14-
* limitations under the License.
15-
*/
16-
171
body {
182
font-family: sans-serif;
193
}

‎step-02/index.html‎

Lines changed: 0 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,3 @@
1-
<!--
2-
Copyright 2016 Google Inc.
3-
4-
Licensed under the Apache License, Version 2.0 (the "License");
5-
you may not use this file except in compliance with the License.
6-
You may obtain a copy of the License at
7-
8-
http://www.apache.org/licenses/LICENSE-2.0
9-
10-
Unless required by applicable law or agreed to in writing, software
11-
distributed under the License is distributed on an "AS IS" BASIS,
12-
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13-
See the License for the specific language governing permissions and
14-
limitations under the License.
15-
-->
16-
171
<!DOCTYPE html>
182
<html>
193

‎step-02/js/main.js‎

Lines changed: 0 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,3 @@
1-
// Copyright 2016 Google Inc.
2-
//
3-
// Licensed under the Apache License, Version 2.0 (the "License");
4-
// you may not use this file except in compliance with the License.
5-
// You may obtain a copy of the License at
6-
//
7-
// http://www.apache.org/licenses/LICENSE-2.0
8-
//
9-
// Unless required by applicable law or agreed to in writing, software
10-
// distributed under the License is distributed on an "AS IS" BASIS,
11-
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12-
// See the License for the specific language governing permissions and
13-
// limitations under the License.
14-
151
'use strict';
162

173
var startButton = document.getElementById('startButton');

‎step-03/css/main.css‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
body {
2+
font-family: sans-serif;
3+
}
4+
5+
video {
6+
max-width: 100%;
7+
width: 320px;
8+
}

0 commit comments

Comments
 (0)