SlideShare a Scribd company logo
Let´s optimize your
audio/video streaming on
the Internet
Massive P2P streaming with HTML5
browsers
P2P streaming with HTML5 browsers
is a technology that allows streaming at a lower cost with
better quality of:
ONLINE VIDEO ONLINE RADIOS STATIONS
HTML5 video player benefits
You can easily customize the layout of your player with CSS:
icons, size, color, social media, branding. There is no need to
do Flash or Silverlight development.
What´s new ?
Most providers stream today audio/video point to point
Broadcaster
With P2P streaming with HTML5 browsers
You´ll stream audio/vídeo point to point and users to users
Broadcaster
P2P streaming with HTML5 browsers
For audio/vídeo VOD or LIVE stream
- With HTML5 browsers, no plugins have to be installed
for end users.
- Flash player is not required.
- Works with any CDN.
P2P streaming with HTML5 browsers
Benefits
For audio/vídeo VOD or
Live stream
- Encode your files or live stream to
mp4 or webm and configure
fragments.
- Geolocalize your users.
- Offer adaptative streaming with
different quality according to different
user devices.
- Integrate P2P technology in your
favorite HTML5 player.
- Serve more viewers and save on
bandwidth.
- Reduce buffering time and improve
service quality.
- Handle your peak traffic: support
millions of concurrent viewers.
- Scalability: Built to serve and run
cross platform and browsers, no
matter our popular is what you are
streaming.
Benefits
‘ It is the first time that there is
an Internet technology that
reduces costs with this
feature: the more users there
are, the greater the savings’
‘Video plays in less than 2 seconds, improving the user
experience’
‘The more users, the faster
the video loads’
- The emerging standard HTML5 introduces two APIs
WebRTC and Media Source Extensions gives web
browsers the ability to communicate directly with each
other in real time + manage video segments.
P2P streaming with HTML5 browsers
Media Source
Extensions
(MSE)
WebRTC
- We use HTML5 APIs.
- We split (encode) the audio/video into chunks, next
appending each chunk using either chunks from the CDN
or users.
- The more users you have, the more peers, the better it
works, and the more you save on your audio/video
distribution costs.
P2P streaming with HTML5 browsers
- Streaming video usually requires a lot of bandwidth or a
specialized Content Delivery Network (CDN) to deliver videos to
the users.
- It is very relevant when you stream sports or contents with a lot
of traction. Cost optimization is even more relevant when users
are in Asia, because CDN video distribution cost is higher.
P2P streaming with HTML5 browsers
P2P streaming with HTML5 browsers
Amazon Cloudfront CDN price list per GB
P2P streaming with HTML5 browsers
Cost savings calculation
Traffic per month: 350 TB CDN distribution cost Peer to peer assumption
30%
First 10TB =10*1024*0,12 = 1.228$
Next 40TB =40*1024*0,08 = 3.276$
Next 100TB =100*1024*0,06 = 6.144$
Next 350 TB =200*1024**0,04 = 8.192$
Total: 18.842$ 5.652 $ savings/month
Support all browsers
- Detect user browser type, and according to it, manage the
HTML5 fallback. 83% HTML5, the rest is flash.
Want to know more ?
Visit us: http://socialtvs.net/
Follow us: https://twitter.com/SocialTVs
Contact-us: contact@socialtvs.net

More Related Content

PDF
HTML5 & WebRTC: New Horizons for P2P streaming
PPT
Slides
PDF
Different Types of Live Video Streaming Protocols and the Way They Work
PPTX
Big ip f5 ltm load balancing methods
PDF
Javascript Client & Server Architectures
PPT
香港六合彩 » SlideShare
PPTX
Mobile Operators: From Packet Delivery to Content Logistics
PDF
High perforance-browse-networking-2015-bwahn
HTML5 & WebRTC: New Horizons for P2P streaming
Slides
Different Types of Live Video Streaming Protocols and the Way They Work
Big ip f5 ltm load balancing methods
Javascript Client & Server Architectures
香港六合彩 » SlideShare
Mobile Operators: From Packet Delivery to Content Logistics
High perforance-browse-networking-2015-bwahn

What's hot (20)

PDF
8 faster networks – faster to the abyss
PPTX
Microsoft smooth straming on iis7
PPTX
V po pnetworks_solution_overview.2012
PPTX
Microservices tech talk
PPTX
ITCamp 2011 - Florin Cardasim - Duplex Communications with WCF and Azure
DOCX
DOTNET 2013 IEEE CLOUDCOMPUTING PROJECT An adaptive cloud downloading service
PPTX
Server Push Technology ( Ratchet )
PDF
Digital Transformation through Open Software Defined Infrastructure
PPTX
MSB Deep Dive
PPTX
ABR Algorithms Explained (from Streaming Media East 2016)
PDF
5 maximazing networkcapacity_v4-jorge_alvarado
PPTX
Microservice bus tutorial
PDF
NetCache Accelerates Web Servers
PDF
New features in PMTA 5.0
PDF
vPOP networks datasheet
PPTX
MSB to Support Carrier Grade ONAP Microservice Architecture with Service Mesh
PPTX
Flex Messeging Services
PDF
20190727 HashiCorp Consul Workshop: 管管你們家 config 啦
PPTX
Real time websites and mobile apps with SignalR
PDF
Considerations for Deploying Virtual Network Functions and Services
8 faster networks – faster to the abyss
Microsoft smooth straming on iis7
V po pnetworks_solution_overview.2012
Microservices tech talk
ITCamp 2011 - Florin Cardasim - Duplex Communications with WCF and Azure
DOTNET 2013 IEEE CLOUDCOMPUTING PROJECT An adaptive cloud downloading service
Server Push Technology ( Ratchet )
Digital Transformation through Open Software Defined Infrastructure
MSB Deep Dive
ABR Algorithms Explained (from Streaming Media East 2016)
5 maximazing networkcapacity_v4-jorge_alvarado
Microservice bus tutorial
NetCache Accelerates Web Servers
New features in PMTA 5.0
vPOP networks datasheet
MSB to Support Carrier Grade ONAP Microservice Architecture with Service Mesh
Flex Messeging Services
20190727 HashiCorp Consul Workshop: 管管你們家 config 啦
Real time websites and mobile apps with SignalR
Considerations for Deploying Virtual Network Functions and Services
Ad

Similar to P2P streaming with HTML5 (20)

PDF
Building video application on windows 8 with Windows Azure Media Services
PPTX
GlobalDots - How Video Streaming Works
PDF
Architecting a Video Encoding Strategy Designed For Growth
PPTX
IBC Content Everywhere Hub Presentation: HTML5 And Fastest Encoding
PDF
Suppose that you are designing a new video streaming service. You ha.pdf
PDF
Inlet Technologies - Powering Smooth Streaming
PPTX
Why Stream Video with Cloudflare?
PDF
WiZE Streaming Vs Downloading
PPT
Streaming Media over the Internet
PPTX
Best practices for live streaming
PPT
WEEK 1
PPTX
Multimedia Streaming Architecture
PDF
Video Streaming
DOCX
ProjectReportSem2
PPTX
FMS 3.5
PPT
Dos presentation by ahlam shakeel
PPTX
Encoding Video for Microsoft Silverlight
PDF
Building video applications on Windows 8 with Windows Azure Media Services
DOC
Xevgenis_Michail_CI7120 Multimedia Communications
Building video application on windows 8 with Windows Azure Media Services
GlobalDots - How Video Streaming Works
Architecting a Video Encoding Strategy Designed For Growth
IBC Content Everywhere Hub Presentation: HTML5 And Fastest Encoding
Suppose that you are designing a new video streaming service. You ha.pdf
Inlet Technologies - Powering Smooth Streaming
Why Stream Video with Cloudflare?
WiZE Streaming Vs Downloading
Streaming Media over the Internet
Best practices for live streaming
WEEK 1
Multimedia Streaming Architecture
Video Streaming
ProjectReportSem2
FMS 3.5
Dos presentation by ahlam shakeel
Encoding Video for Microsoft Silverlight
Building video applications on Windows 8 with Windows Azure Media Services
Xevgenis_Michail_CI7120 Multimedia Communications
Ad

More from Thierry Scelles (6)

PDF
DYNAMIC AD INSERTION FR
PDF
DYNAMIC AD INSERTION EN
PDF
DYNAMIC AD INSERTION ES
PDF
P2P HTML5 STREAMING MEDIA FR
PDF
P2P HTML5 STREAMING MEDIA EN
PDF
P2P HTML 5 MEDIA STREAMING ESP
DYNAMIC AD INSERTION FR
DYNAMIC AD INSERTION EN
DYNAMIC AD INSERTION ES
P2P HTML5 STREAMING MEDIA FR
P2P HTML5 STREAMING MEDIA EN
P2P HTML 5 MEDIA STREAMING ESP

Recently uploaded (20)

PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PPTX
Spectroscopy.pptx food analysis technology
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PPTX
Programs and apps: productivity, graphics, security and other tools
PDF
Electronic commerce courselecture one. Pdf
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PDF
Spectral efficient network and resource selection model in 5G networks
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PPTX
Cloud computing and distributed systems.
PDF
Machine learning based COVID-19 study performance prediction
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Reach Out and Touch Someone: Haptics and Empathic Computing
Building Integrated photovoltaic BIPV_UPV.pdf
Encapsulation_ Review paper, used for researhc scholars
The Rise and Fall of 3GPP – Time for a Sabbatical?
Spectroscopy.pptx food analysis technology
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Programs and apps: productivity, graphics, security and other tools
Electronic commerce courselecture one. Pdf
Per capita expenditure prediction using model stacking based on satellite ima...
Unlocking AI with Model Context Protocol (MCP)
Advanced methodologies resolving dimensionality complications for autism neur...
Network Security Unit 5.pdf for BCA BBA.
MIND Revenue Release Quarter 2 2025 Press Release
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
Spectral efficient network and resource selection model in 5G networks
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Cloud computing and distributed systems.
Machine learning based COVID-19 study performance prediction
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx

P2P streaming with HTML5

  • 1. Let´s optimize your audio/video streaming on the Internet Massive P2P streaming with HTML5 browsers
  • 2. P2P streaming with HTML5 browsers is a technology that allows streaming at a lower cost with better quality of: ONLINE VIDEO ONLINE RADIOS STATIONS
  • 3. HTML5 video player benefits You can easily customize the layout of your player with CSS: icons, size, color, social media, branding. There is no need to do Flash or Silverlight development.
  • 4. What´s new ? Most providers stream today audio/video point to point Broadcaster
  • 5. With P2P streaming with HTML5 browsers You´ll stream audio/vídeo point to point and users to users Broadcaster
  • 6. P2P streaming with HTML5 browsers For audio/vídeo VOD or LIVE stream - With HTML5 browsers, no plugins have to be installed for end users. - Flash player is not required. - Works with any CDN.
  • 7. P2P streaming with HTML5 browsers Benefits For audio/vídeo VOD or Live stream - Encode your files or live stream to mp4 or webm and configure fragments. - Geolocalize your users. - Offer adaptative streaming with different quality according to different user devices. - Integrate P2P technology in your favorite HTML5 player. - Serve more viewers and save on bandwidth. - Reduce buffering time and improve service quality. - Handle your peak traffic: support millions of concurrent viewers. - Scalability: Built to serve and run cross platform and browsers, no matter our popular is what you are streaming.
  • 8. Benefits ‘ It is the first time that there is an Internet technology that reduces costs with this feature: the more users there are, the greater the savings’ ‘Video plays in less than 2 seconds, improving the user experience’ ‘The more users, the faster the video loads’
  • 9. - The emerging standard HTML5 introduces two APIs WebRTC and Media Source Extensions gives web browsers the ability to communicate directly with each other in real time + manage video segments. P2P streaming with HTML5 browsers Media Source Extensions (MSE) WebRTC
  • 10. - We use HTML5 APIs. - We split (encode) the audio/video into chunks, next appending each chunk using either chunks from the CDN or users. - The more users you have, the more peers, the better it works, and the more you save on your audio/video distribution costs. P2P streaming with HTML5 browsers
  • 11. - Streaming video usually requires a lot of bandwidth or a specialized Content Delivery Network (CDN) to deliver videos to the users. - It is very relevant when you stream sports or contents with a lot of traction. Cost optimization is even more relevant when users are in Asia, because CDN video distribution cost is higher. P2P streaming with HTML5 browsers
  • 12. P2P streaming with HTML5 browsers Amazon Cloudfront CDN price list per GB
  • 13. P2P streaming with HTML5 browsers Cost savings calculation Traffic per month: 350 TB CDN distribution cost Peer to peer assumption 30% First 10TB =10*1024*0,12 = 1.228$ Next 40TB =40*1024*0,08 = 3.276$ Next 100TB =100*1024*0,06 = 6.144$ Next 350 TB =200*1024**0,04 = 8.192$ Total: 18.842$ 5.652 $ savings/month
  • 14. Support all browsers - Detect user browser type, and according to it, manage the HTML5 fallback. 83% HTML5, the rest is flash.
  • 15. Want to know more ? Visit us: http://socialtvs.net/ Follow us: https://twitter.com/SocialTVs Contact-us: contact@socialtvs.net