LogoLogo
Quick Links
  • Arcware Cloud
  • Arcware Cloud Platform
    • Getting started with Arcware Cloud
      • Sign up and sign in
      • Select a Plan & Creating your Tenant
      • Creating your Tenant
      • 04. Creating your first project
      • 05. Upload and manage your Unreal packages
      • 06. Setting up your project
      • 07. Preview and share the stream
      • 08. Upgrade your Tenant
      • 👑09. Organization
      • 👑10. Add-ons
      • 11. Help Center
      • 👑12. Customer Support
    • 👑Add-ons guide
      • Direct Flow
      • Asset Management
    • Advanced settings
      • 01. AFK Module - User inactivity
      • 02. Max instance run-time
    • Common Arcware Cloud Questions
  • Unreal Engine Setup
    • Set up Pixel Streaming in your own project​
      • 01. Core Settings
        • 01.1. Plugin
        • 01.2. Pixel Streaming Input / Json messages
        • 01.3. Resolution
        • 01.4. Camera Aspect Ratio
        • 01.5. Framerate
        • 01.6. Mouse
        • 01.7. Touch Input Setup for Mobile
        • 01.8. DirectX version
      • 02. Optional Settings
        • 02.1 Touch Controllers
        • 02.2 Playing Media files
    • Using the Arcware Pixel Streaming Template Project
      • Template Overview
      • Getting Started
        • 01. Template download
        • 02. Arcware Blueprints
          • 02.1. Arcware GameMode
          • 02.2. Arcware Player Controller
            • 02.2.1. Sending and Receiving Json messages
            • 02.2.2. Creating and Testing Your Own Events
          • 02.3. Arcware Pawn
            • 02.3.1 Change Movement Mode
            • 02.3.2 Set Collision Channels
            • 02.3.3 Add new camera views
          • 02.4. Arcware HUD
        • 03. Packaging your project
  • ARCWARE FEATURES
    • Screenshot Functionality
      • Frontend Overview
        • Web UI
        • In-Game UI
      • Blueprint overview
  • Web Integration
    • ⬆️PixelStreaming WebSDK
      • Implementing the stream on your app
        • Getting Started
        • Code examples
          • Javascript + HTML
          • React
          • VueJS
          • AngularJS
        • Migration from @arcware/webrtc-plugin
        • Best practices
      • Configuration
      • Interacting with the Stream
        • Stream Container
        • Video Element
        • Customizing the User Interface
        • Handling Dynamic Content
        • Stream Display Customization
      • Interacting with Unreal Engine
      • In depth
        • Ticket destroyed.
        • Events handlers
        • Disconnect
        • ConnectionIdentifier
        • Settings-Menu
        • AFK-module
      • Showcase
    • ⬇️WebRTC Plugin
      • Getting started
      • Props and Types
      • SizeContainer, container and videoRef
      • Enabling the audio
      • Afk-module
      • Interacting with Unreal Engine
      • Example WebRTC Plugin Applications
        • React
        • AngularJS
        • VueJS
        • Plain HTML
Powered by GitBook
LogoLogo

Arcware Cloud Platform

  • Getting started​
  • Add-ons guide
  • Common Arcware Cloud Questions

Unreal Engine Setup

  • Set up Pixel Streaming in your own project​
  • Using the Arcware Pixel Streaming Template Project
  • Common Unreal Engine Questions

Arcware Features

  • Screenshot Functionality

Web Integration

  • PixelStreaming WebSDK
  • WebRTC Plugin

Copyright 2024 - Arcware GmbH

On this page
  1. Web Integration
  2. WebRTC Plugin

Props and Types


Please follow to WebRTCClientProps interface exported from module to check properties types

Available props:

Prop name
Type
Description
Default

address

string

WSS Url of Signalling

undefined

packageId

string

Id of your project

undefined

shareId

string

Share Id created for your project

undefined

loader

(val: boolean, disconnected?: boolean) => void

Callback for loading status

undefined

videoInitializeCallback

(descriptor) => unknown

This event will be triggered once the video is initialized and ready to play.

undefined

sizeContainer

HTMLElement | string

The root container defines the boundaries of the video and container elements. In case of a string, please provide the ID attribute of the HTML element. If you do so, there is no need to specify the container and videoRef arguments.

undefined

container

HTMLElement

This element will wrap the video so that we can place UI elements that are aligned with the size of the <video>

undefined

videoRef

HTMLVideoElement

<video> element reference

undefined

audioRef

HTMLAudioElement

element reference

undefined

orientationZoom

{

portrait: number;

landscape: number;

}

This is the zoom level to send to the UE4 application when switching from portrait to landscape mode, and vice versa.

undefined

forceVideoToFitContainer

boolean

Try to fit sizeContainer

true

extmapAllowMixed

boolean

Should be false if UE version is less than 4.27

true

applicationResponse

(response: string) => unknown

This is the callback that will be triggered if the UE application sends a text response.

undefined

autoplay

{

video: boolean;

audio: boolean;

}

Autoplay for video and audio

{

video: true,

audio: true,

}

playOverlay

boolean

Overlay with play button

false

updateQueueData

{

updateQueueData: (queueData: Queue) => void;

// triggered when you are not in a queue anymore

hideQueueDialog: () => void; }

Callback to update the queue dialog state

undefined

sendResolutionOnResize

boolean

enable / disable sendResolution when window is resized

true

sendLetter

(letter: string) => unknown

These are the information messages from the signaling system about the current connection status.

undefined

PreviousGetting startedNextSizeContainer, container and videoRef

Last updated 1 year ago

⬇️