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

PixelStreaming WebSDK

Welcome to the @arcware-cloud/pixelstreaming-websdk, a robust solution tailored for integrating Unreal Engine's Pixel Streaming technology into web applications via Arcware Cloud. This SDK is an exten

PreviousBlueprint overviewNextImplementing the stream on your app

Last updated 2 months ago

The Arcware Cloud Pixel Streaming WebSDK is a specialized tool for integrating Unreal Engine's Pixel Streaming into web applications. As an extension of Epic Games' "PixelStreamingInfrastructure", it offers enhanced functionalities tailored for Arcware Cloud. This SDK enables seamless streaming of high-quality 3D content to web browsers, emphasizing performance and customizability for diverse use cases.

Features

This software development kit is targeting ease of use and an initial integration in no time.

Supported streaming features

  • Video and Audio Streaming

  • Keyboard, Mouse, and Touch Input

  • High-Quality Spatial Stereo (510Kbps)

  • Microphone Input Support

  • Game Controller Input Support

  • VR Streaming Support (Meta Quest 2 & 3, Apple Vision Pro)

Easy Integration

  • Simplified Setup: Get started with just a hand full lines of code.

  • Framework Agnostic: Build TypeScript and bundled with it's dependencies, this module comes with nothing but dev-dependencies. No Animations, Styles or additional libraries rquired.

User Interaction

  • Event Handlers: Setup listeners to handle various events of the streaming behavior.

  • UI Interaction: Emit UI interactions to the Unreal Engine application, allowing for real-time user engagement with the streamed content, directly from your frontend implementation.

Session Management

  • Session Persistence: Maintain user streaming sessions across page reloads or navigation, ensuring a consistent user experience.

State of Development

  • Community Feedback: Users are encouraged to contribute feedback and suggestions, which are integral to the SDK's development process. As a Core tenant of our Arcware Cloud platform, you can send feedback through our Contact Support form in the Help Center.


By leveraging these features, developers can provide an immersive and interactive streaming experience to their users, with the power of Unreal Engine's rendering capabilities right in their web browsers.


What's next?

⬆️
Getting Started
Configuration
@arcware-cloud/pixelstreaming-websdk
npm: @arcware-cloud/pixelstreaming-websdknpm
Logo