webgl and real-time web communication
DESCRIPTION
Kaazing and Goo presentation at QCon London in March 2014.TRANSCRIPT
![Page 1: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/1.jpg)
© 2014 Kaazing Corporation. All Rights Reserved. 1
Victor Sand Software Engineer Peter Moskovits Head of Real-Time Solutions Mar 5, 2014
![Page 2: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/2.jpg)
© 2014 Kaazing Corporation. All Rights Reserved.
About Us
Peter Moskovits Head of Real-Time Solutions [email protected] @pmoskovi
Victor Sand Software Engineer [email protected] www.gootechnologies.com @vlgsand
![Page 3: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/3.jpg)
������������
����������� ���������������
�����������������
�������!��������"#����
![Page 4: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/4.jpg)
����� ��������������������$%%"""��������%�#�%
![Page 5: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/5.jpg)
������������
��$%%"""�����&��'����&������&%
��$%%"""������������������&%���"����%
![Page 6: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/6.jpg)
![Page 7: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/7.jpg)
��������������������������������������� �
��������"�(����
��&�����������
�����
��������
)�������
����������
����������������
![Page 8: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/8.jpg)
������������ ���������
![Page 9: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/9.jpg)
������������� ���������������*
����"�+��������
,���!����-����"������
![Page 10: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/10.jpg)
���������
��$%%��+��������������&%�����������
��$%%��+��������������&%����#%��������!�%
)��)!������&����#.����
![Page 11: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/11.jpg)
������������������������ ��������/����
![Page 12: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/12.jpg)
� ���������������������������������� �����
�������� �
��$%%�����������������������&
![Page 13: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/13.jpg)
�������������������������
���� ���������� ��
����!������+��$
��$%%"""������������������&
![Page 14: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/14.jpg)
���������������������
![Page 15: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/15.jpg)
��������������������������������
�
![Page 16: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/16.jpg)
�������������������������������
���� ������������
![Page 17: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/17.jpg)
��������������
0�����������-.����$
��$%%"""������������������&%�����1+�#
![Page 18: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/18.jpg)
© 2014 Kaazing Corporation. All Rights Reserved.
Demos
3
![Page 19: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/19.jpg)
© 2014 Kaazing Corporation. All Rights Reserved.
HTML5 WebSocket: TCP for the Web
! Standard Protocol (IETF): RFC-6455
! Standard API:
! W3C: JavaScript
! Single socket, full-duplex
! Low overhead: <1% of HTTP
! Low latency: low milliseconds
! SSL support
Full duplex
![Page 20: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/20.jpg)
5 5
Browser Web Tier
Half Duplex Full duplex
Back-end server Middleware
Web
Legacy Web
Back-end server
WebSocket
WebSocket Server
Full duplex
Web
Living Web
![Page 21: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/21.jpg)
© 2014 Kaazing Corporation. All Rights Reserved.
Protocol Layering
TCP
JMS XMPP AMQP B2B FTP VNC mktdata etc
Browsers, Native Applications and IoT Devices
WebSocket Gateway
Internet
WebSocket Gateway
![Page 22: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/22.jpg)
© 2014 Kaazing Corporation. All Rights Reserved.
WebSocket Clients and Server
7
![Page 23: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/23.jpg)
© 2014 Kaazing Corporation. All Rights Reserved.
Enterprise Messaging Extended to the Web
8
![Page 24: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/24.jpg)
© 2014 Kaazing Corporation. All Rights Reserved.
Raspberry Pi
Image source: http://www.oracle.com/technetwork/articles/java/raspberrypi-1704896.html
![Page 25: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/25.jpg)
© 2014 Kaazing Corporation. All Rights Reserved.
Demo Setup
![Page 26: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/26.jpg)
© 2014 Kaazing Corporation. All Rights Reserved.
Controlling the Light Remotely Using Pub-Sub Over the Web
![Page 27: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/27.jpg)
© 2014 Kaazing Corporation. All Rights Reserved.
The Web Bridges Continents
12
![Page 28: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/28.jpg)
© 2014 Kaazing Corporation. All Rights Reserved.
Demo
13
![Page 29: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/29.jpg)
© 2014 Kaazing Corporation. All Rights Reserved.
The Architecture
![Page 30: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/30.jpg)
© 2014 Kaazing Corporation. All Rights Reserved.
It’s More than “Just” the Web
15
![Page 31: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/31.jpg)
© 2014 Kaazing Corporation. All Rights Reserved.
The Web of Things
![Page 32: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/32.jpg)
© 2014 Kaazing Corporation. All Rights Reserved.
WebSocket Powering the Web of Things
WS
WS
WS WS WS WS
WS
WS
WS
![Page 33: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/33.jpg)
© 2014 Kaazing Corporation. All Rights Reserved.
Extending Protocols to the Web of Things
MQTT/WS
AMQP/WS
JMS/WS STOMP/WS
XMPP/WS
![Page 34: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/34.jpg)
© 2014 Kaazing Corporation. All Rights Reserved.
Web Communication Is Challenging
Clients disconnect
Network intermediaries
Locked down firewalls
Millions of users
High availability
Disaster recovery
Developer productivity
Integration with existing
security infrastructure
![Page 35: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/35.jpg)
© 2014 Kaazing Corporation. All Rights Reserved.
Demos
20
![Page 36: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/36.jpg)
© 2014 Kaazing Corporation. All Rights Reserved.
Find Out More
! The Zinger – Blog:
! http://blog.kaazing.com
! JMS WebSocket Tutorial
! http://tutorial.kaazing.com
! More developer content
! http://developer.kaazing.com
! Free product download
21
![Page 37: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/37.jpg)
© 2014 Kaazing Corporation. All Rights Reserved.
Kaazing at QCon
Visit Kaazing in the Power Lounge to see all these demos live
Win a mini Jambox
![Page 38: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/38.jpg)
© 2014 Kaazing Corporation. All Rights Reserved.
! http://tinyurl.com/gootech-qcon
! Goo Create Beta: http://gootechnologies.com
! Live Demos: http://gootechnologies.com/showcase
! http://kaazing.com
! http://tutorial.kaazing.com
! Kaazing Blog: Extreme HTML5 Video Interactivity: Sending WebSocket Messages with Popcorn.js
! The Definitive Guide to HTML5 WebSocket
Learn More
![Page 39: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/39.jpg)
© 2014 Kaazing Corporation. All Rights Reserved.
How to Get a Hold of Us?
Peter Moskovits Head of Real-Time Solutions [email protected] @pmoskovi
Victor Sand Senior Software Engineer [email protected] www.gootechnologies.com @vlgsand
![Page 40: WebGL and Real-Time Web Communication](https://reader034.vdocuments.us/reader034/viewer/2022042606/54b74c014a7959ef448b4633/html5/thumbnails/40.jpg)
© 2014 Kaazing Corporation. All Rights Reserved.
The End