Web SDK (incl. UX)

Introduction

5min

Welcome to the NativeWaves documentation for the EXP Web SDK!

The NativeWaves EXP Web SDK is a powerful framework that enables the creation of extraordinary watching experiences within your web applications. By integrating the Web SDK into your existing apps, you get access to immersive and interactive web experiences that elevate the engagement and enjoyment of your events.

The Web SDK can generally be split into two main parts:

  • the core responsible for playback and playback controls, as well as providing a set of re-usable components
  • the event-specific experiences e.g. a football experience

A key difference of the Web SDK to the mobile SDKs for Android and iOS is the fact that it contains UI components that can be used to create event-specific experiences and build your custom views.

Core Features

  • LL-HLS, HLS and mp4 content playback
  • Live streaming & VOD
  • Switching between different camera angles
  • Choose between global audio tracks
  • Second screen synchronisation
  • Keep track of current position when switching between content (timeline management)
  • Accurate Seeking (+/- 50ms)
  • DRM playback
  • Watching Metrics
  • Mobile and Desktop video controls
  • Show "no content" information on missing video sections
  • Swipe gestures
  • Theming options
  • Building blocks to be used across experiences and for video controls

Experience Features

  • Pre-built event-specific experiences (e.g. football experience) built using the Core SDK
  • Theming options

Environment

The NativeWaves EXP Client Web SDK is designed to be cross-platform compatible, ensuring consistent performance across various web browsers and platforms. This compatibility enables you to reach a broad user base and deliver exceptional watching experiences to a wide range of devices.

Technologies & Frameworks

  • React (>=18)
  • Typescript

Platforms

  • Windows
  • Mac
  • Android
  • iOS

Browsers

  • Google Chrome
  • Mozilla Firefox
  • Apple Safari* (limitations on iOS, further information in the FAQ's)

If you have any question, don't hesitate to contact us.