OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <!-- | 3 <!-- |
4 Copyright (c) 2013 The Chromium Authors. All rights reserved. | 4 Copyright (c) 2013 The Chromium Authors. All rights reserved. |
5 Use of this source code is governed by a BSD-style license that can be | 5 Use of this source code is governed by a BSD-style license that can be |
6 found in the LICENSE file. | 6 found in the LICENSE file. |
7 --> | 7 --> |
8 <head> | 8 <head> |
9 <title>Video Effects Demo</title> | 9 <title>Video Effects Demo</title> |
10 <style> | 10 <style> |
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
42 <br> | 42 <br> |
43 <button id="startButton" onclick="start()">Start</button> | 43 <button id="startButton" onclick="start()">Start</button> |
44 <button id="toggleEffectButton" onclick="toggleEffect()">Enable Effect</button> | 44 <button id="toggleEffectButton" onclick="toggleEffect()">Enable Effect</button> |
45 <button id="callButton" onclick="call()">Call</button> | 45 <button id="callButton" onclick="call()">Call</button> |
46 <button id="hangupButton" onclick="hangup()">Hang Up</button> | 46 <button id="hangupButton" onclick="hangup()">Hang Up</button> |
47 <br> | 47 <br> |
48 <embed id="plugin" type="application/x-ppapi-example-video-effects" | 48 <embed id="plugin" type="application/x-ppapi-example-video-effects" |
49 width="320" height="240"/> | 49 width="320" height="240"/> |
50 | 50 |
51 <script> | 51 <script> |
52 var RTCPeerConnection = webkitRTCPeerConnection; | |
53 var getUserMedia = navigator.webkitGetUserMedia.bind(navigator); | 52 var getUserMedia = navigator.webkitGetUserMedia.bind(navigator); |
54 var attachMediaStream = function(element, stream) { | 53 var attachMediaStream = function(element, stream) { |
55 element.src = URL.createObjectURL(stream); | 54 element.src = URL.createObjectURL(stream); |
56 }; | 55 }; |
57 var startButton = document.getElementById('startButton'); | 56 var startButton = document.getElementById('startButton'); |
58 var toggleEffectButton = document.getElementById('toggleEffectButton'); | 57 var toggleEffectButton = document.getElementById('toggleEffectButton'); |
59 var callButton = document.getElementById('callButton'); | 58 var callButton = document.getElementById('callButton'); |
60 var hangupButton = document.getElementById('hangupButton'); | 59 var hangupButton = document.getElementById('hangupButton'); |
61 | 60 |
62 callButton.disabled = true; | 61 callButton.disabled = true; |
(...skipping 134 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
197 | 196 |
198 function InitializePlugin() { | 197 function InitializePlugin() { |
199 effectsPlugin = document.getElementById('plugin'); | 198 effectsPlugin = document.getElementById('plugin'); |
200 effectsPlugin.addEventListener('message', HandleMessage, false); | 199 effectsPlugin.addEventListener('message', HandleMessage, false); |
201 } | 200 } |
202 | 201 |
203 document.addEventListener('DOMContentLoaded', InitializePlugin, false); | 202 document.addEventListener('DOMContentLoaded', InitializePlugin, false); |
204 </script> | 203 </script> |
205 </body> | 204 </body> |
206 </html> | 205 </html> |
OLD | NEW |