H5Live Player Engage your audience with True interactive live - - PowerPoint PPT Presentation

▶
h5live player
SMART_READER_LITE
LIVE PREVIEW

H5Live Player Engage your audience with True interactive live - - PowerPoint PPT Presentation

Feb 19, 2024 256 likes •565 views

nanoStream Cloud & H5Live Player Engage your audience with True interactive live streaming With ultra-low latency (ULL) Oliver Lietz, Founder & CEO, nanocosmos V20200428a 1 Trends for audience engagement with live video streaming?

slide-1
SLIDE 1

1

nanoStream Cloud & H5Live Player

Engage your audience with True interactive live streaming With ultra-low latency (ULL)

V20200428a

Oliver Lietz, Founder & CEO, nanocosmos

slide-2
SLIDE 2

Trends for audience engagement with live video streaming?

Any Device / Mobile 1st Global audience Web Applications Interaction / Gamification

Audience Engagement & Interaction enabled by ULL-Live Streaming

White Label Your Brand

slide-3
SLIDE 3

What are the applications and use cases for audience engagement?

Interaction / Engagement / Monetization

Live Sports Social Retail Gaming Auctions Webcasts

Interactive Elements Q&A Polling Surveys Feedback Channel

slide-4
SLIDE 4

ULL Live Streaming / nanocosmos / nanoStream Cloud

Example Application: Webcast Live Conferencing

  • Video Presentation / Screen Sharing
  • Plugin-free: HTML5 Cross-Platform / Web

Application / Firewall-sensitive

  • Ultra-Low-Latency: around 1 second end-to-end
  • Global scale to large audiences

(10k-50k-100k viewers)

4

Interaction/Engagement: Q&A, Polls, Surveys, Feedback Control Room

slide-5
SLIDE 5

ULL Live Streaming / nanocosmos / nanoStream Cloud 5

Example Application: Panel Discussions

Interaction/Engagement: Q&A, Polls, Surveys, Feedback Control Room

Source: slido

slide-6
SLIDE 6

Example Application: Citizens‘ Participation in Public Services

  • Deutsche Bahn: Planning phase, public podiums

Interaction/Engagement: Q&A

slide-7
SLIDE 7

Video Meeting + Live Streaming

Live Meeting / Collaboration – share with large groups Live Streaming to nanoStream Cloud Video Meeting (Zoom / Jitsi) meeting/ conference shared with a larger audience

New Opportunities for using Remote Meetings for Audience Engagement!

slide-8
SLIDE 8

ULL Live Streaming / nanocosmos / nanoStream Cloud

Example Applications : Live Auctions and Sales

  • Auction: e.g. real estate venue, art, retail
  • Global audience, real-time bid
  • Ultra-Low Latency: around 1 second end-to-end
  • Global scale to large audiences
  • Monetization and gamification of business

applications

8

Interaction: Sales/Bids

slide-9
SLIDE 9

ULL Live Streaming / nanocosmos / nanoStream Cloud

Example Applications : Live Sports Betting

  • Live Sports Betting: e.g. horse racing
  • Ultra-Low-Latency: around 1 second end-to-end
  • Global scale to large audiences
  • Monetization and Gamification of business

applications

  • 24/7 Service

9

Interaction: Bids, Chat

slide-10
SLIDE 10

ULL Live Streaming / nanocosmos / nanoStream Cloud 10

nanoStream Cloud ULL-CDN global audience

nanoStream Cloud – Our Solution

Interaction enabled by latency Cross-platform HTML: nanoStream Cloud & H5Live Player

Live Sources

slide-11
SLIDE 11

ULL Live Streaming / nanocosmos / nanoStream Cloud 11

H5Live Player working on all browsers Ultra-Low Latency 1 second end-to-end

Latency Demo: 1s glass-to-glass, „hand-wave“

slide-12
SLIDE 12

ULL Live Streaming / nanocosmos / nanoStream Cloud

Our solution: nanoStream H5Live Player, part of nanoStream Cloud

12

RTMP/H264/AAC WebRTC TCP/UDP

  • Unique Technology created by

nanocosmos

  • Ultra-Low-Latency (ULL)
  • Plugin-free / All Browsers,

including Safari on iOS

  • Light-weight, easy to embed
  • instant live streaming, global

scale with nanoStream Cloud

nanoStream Cloud

slide-13
SLIDE 13

ULL Live Streaming / nanocosmos / nanoStream Cloud

player.setup( { "source": { ”stream": ”123-456" }}; Easy to embed on HTML5 (light-weight Javascript-Client)

H5Live Player working on all HTML5 browsers:

Desktop and Mobile, Windows, Mac, iOS, Android, Chrome, Firefox, Safari, Edge, IE, … !

HTML5 Player - on your own web page

CDN (nanoStream Cloud)

13

slide-14
SLIDE 14

Live Encoding

(H264/RTMP/WebRTC) nanoStream

  • r 3rd party

nanoStream Cloud

Global Scale, 24/7, instant access

nanoStream H5Live Player (HTML5)

Live Streaming with nanoStream Cloud

Ultra-Low-Latency - 1 sec end-to-end (glass-to-glass)

Camera / Live Encoder

Live Encoder Streaming Service / CDN Live Player

Global Audience

slide-15
SLIDE 15

ULL Live Streaming / nanocosmos / nanoStream Cloud

nanoStream Cloud / CDN / Global Scale Around the world in 1 second

Live Source

instant live streaming Many-to-many

15

Origin/Ingest Edge

Live Stream 1s

H5Live Player

ULL Playback

  • n all HTML5

browsers

slide-16
SLIDE 16

ULL Live Streaming / nanocosmos / nanoStream Cloud

Enhanced Features: Adaptive Bitrate

  • Multiple Bitrates
  • Live Transcoding
  • Adaptive Bitrate Player
  • Ultra-Low-Latency
  • Metrics/Analytics
  • QoS / QoE – increased engagement

16

slide-17
SLIDE 17

Up-Stream 1.5 Mbit/s

Live Transcoding, Adaptive Bitrate (ABR)

17

ABR Player + Transcoder

Down-Stream High or Low Low 400 kBit/s

Live Encoder

Live Stream

2 Streams: 1 Passthrough, 1-n Transcoded

High = Passthrough 1.5 Mbit/s

Server

Up-Stream

Metrics / Analytics / ML

slide-18
SLIDE 18

ULL Live Streaming / nanocosmos / nanoStream Cloud 18

Live Stream Metrics / Analytics

End-to-end QoS / Engagement Insight / Business Intelligence Full control of the whole workflow / glass-to-glass

slide-19
SLIDE 19

19

Metrics / Analytics – Global View

Stream Quality Metrics

slide-20
SLIDE 20

20

  • Cross-platform: ALL HTML5 browsers, incl. iOS
  • End-to-end: Live Encoding / Playback / ULL CDN
  • Light-weight: instant live streaming and playback
  • White Label / API / SDK (browser based and native)
  • Integrate with existing Live Encoding setups
  • Metrics & Analytics (end-to-end)
  • Reasonable Pricing
  • Our solution: nanoStream Cloud & H5Live Player
  • Go Live Around The World in 1 Second!

nanoStream Cloud

Engage your audience at a global scale!

Try nanoStream Cloud for your interactive content now !

nanocosmos.de/demo

Questions & Answers

Oliver Lietz / sales@nanocosmos.de

ULL Live Streaming / nanocosmos / nanoStream Cloud

slide-21
SLIDE 21

ULL Live Streaming / nanocosmos / nanoStream Cloud 21

Thank You!

slide-22
SLIDE 22

Supplemental slides

slide-23
SLIDE 23

rtc.startBroadcast ( { “output": { id: “12345-67890“ } );

nanoStream Cloud – End-to-End - Browser Based Webcaster broadcast - H5Live Playback

  • player. start ( {

“source": { id: “12345-67890“ } );

slide-24
SLIDE 24

ULL Live Streaming / nanocosmos / nanoStream Cloud

Latency values: „Glass-to-glass“ or „hand-wave“ latency

High Latency Low Latency

H5LiveTM

LL-HLS/MSE fMP4 / Websocket

WebRTC

Peer-to-peer Video Meetings

60+ 45 3 1 0.5 30 HLS/DASH

HTTP-based file chunks

RTMP 4 2 6 10 Latency / seconds 0.2

Typical Latency

nanoStream Cloud

CMAF

24

Ultra Low Latency (Interactive)

slide-25
SLIDE 25

nanoStream Live Streaming

Streaming Server

Upstream 1 Mbit/s

Live Server Live Player Live Encoder

nanoStream H5Live Player HTML5 Browsers Ultra-Low-Latency nanoStream

Downstream N x 1 Mbit/s

slide-26
SLIDE 26

26

Live Auctions

slide-27
SLIDE 27

ULL Live Streaming / nanocosmos / nanoStream Cloud 27

nanoStream Cloud ULL-CDN global audience

Latency Demo: 1s glass-to-glass, „hand-wave“

JVC: H264/RTMP JVC Connected Cam RTMP Live Encoder / Upstream directly from the Cam H5Live Player working on all browsers ULL

slide-28
SLIDE 28

ULL Live Streaming / nanocosmos / nanoStream Cloud

Interactive Live Video Streaming with Ultra-Low Latency

28

▪ Audience: worldwide distribution, scalable (100 - 1000 – 10000 – 100000 - …) ▪ Cross-platform: any device, all browsers, plugin-free (HTML5) ▪ Integration / Ease of use / End-to-end solution / Instant adhoc streaming ▪ Metrics/Analytics for high QoS: End-to-end 2-way Interaction / Feedback

Live Encoding Live Streaming / Delivery Live Playback

Live Encoder Hard- or Software RTMP/WebRTC/SRT nanoStream, OBS, Videon, Teradek, JVC, … HTML5: All Browsers

ULL: 1 second nanoStream Cloud nanoStream H5Live Player

slide-29
SLIDE 29

ULL Live Streaming / nanocosmos / nanoStream Cloud 29

Live Encoder RTMP Live Player HTTP Segments (HLS, DASH, fMP4) HLS/DASH: Long Latency!

Live Encoding Live Streaming / Delivery Live Playback

Live Video Streaming – current standards: HLS / DASH

  • HLS/DASH: HTTP Segments/Chunks and buffering create long latency (6-

30s)

  • Suitable for OTT/Broadcast, but not for interactive live streaming (1s)
slide-30
SLIDE 30

ULL Live Streaming / nanocosmos / nanoStream Cloud

Use Cases for Interactive Live Streaming

https://www.nanocosmos.de/blog/use-cases/

HQ Trivia/GAVL//Realtimebox/DiscipleMedia/M.Schwartz-Unsplash/Press

  • Live Meetings
  • Enterprise Webcasts
  • Education
  • Screen Sharing
  • Auctions
  • Gambling / Quiz Shows / iGaming
  • Monitoring/Security
  • Search and Rescue
  • Social Media
  • Influencers
  • VR/360

Mobile First! Many to many

Audience Engagement / Gamification „Vertical“ Use Cases: Going beyond OTT/broadcast

30