LogoLogo
Quick Links
  • Arcware Cloud
  • Arcware Cloud Platform
    • Getting started with Arcware Cloud
      • Sign up and sign in
        • Reset your password
      • Selecting a Plan & Creating your Tenant
      • Creating & Managing your projects
        • Project Dashboard
          • Statistics
        • Uploading and releasing packages
          • Resume package upload
        • Preview stream
        • Project settings
          • Max instance run-time
          • AFK Module - User inactivity
          • Queue
      • Sharing your project
      • Upgrading your Plan
      • Organization
      • Products
        • The Marketplace
          • Direct Flow
          • Asset Management
      • Help Center
        • Customer Support tickets
  • 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
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 3 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