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
  • Introduction
  • Audio and Microphone Access
  • Fullscreen Functionality
  • Integrating Streaming Content
  • General Recommendations
  1. Web Integration
  2. PixelStreaming WebSDK
  3. Implementing the stream on your app

Best practices

Introduction

Welcome to our guide on employing audio, microphone, and Fullscreen functionalities within the PixelStreaming WebSDK framework. In our pursuit of seamless user experiences, we prioritize aligning with the highest standards of security and privacy, respecting browser policies designed to safeguard end users.


Audio and Microphone Access

User Consent: It is crucial that applications request explicit user consent before accessing audio or microphone capabilities. This requirement is not only a cornerstone of user privacy but also a compliance measure with modern browser security protocols. Encourage transparent practices by integrating clear consent mechanisms within your user interface.

Indicators of Use: Enhance trust and transparency by visibly indicating when the microphone is active. This practice reassures users about their privacy and control over their personal devices.


Fullscreen Functionality

Manual Activation: We advocate for users to manually initiate Fullscreen mode. This approach respects user autonomy and adheres to browser guidelines that typically restrict automatic fullscreen activation due to security concerns.

Security Warnings: Educate users on the potential security implications of Fullscreen mode, such as the increased risk of phishing through UI mimicry. Providing clear, accessible information empowers users to make informed decisions about their engagement with Fullscreen features.


Integrating Streaming Content

Avoiding Direct Iframe Embedding: Directly embedding streaming content via iframes can introduce security vulnerabilities and degrade the user experience. Modern browsers often apply restrictions to iframe content, limiting functionality in the interest of user safety.

Recommended Integration with WebSDK: To ensure optimal performance and security, we recommend leveraging our WebSDK for content integration. This approach bypasses the limitations and risks associated with direct iframe embedding, providing a seamless and secure streaming experience that complies with current web standards.

Why Avoid Direct Iframe Embedding?

  1. Security Concerns: Iframes can be a vector for security issues like clickjacking attacks. Embedding content directly from external sources can expose users to risks if not properly secured.

  2. Cross-Origin Restrictions: Modern web browsers implement the same-origin policy, which restricts how documents or scripts loaded from one origin can interact with resources from another origin. This can limit the functionality of content embedded via iframes.

  3. Performance and User Experience: Iframes can slow down page loading times and create a less integrated user experience. They also don't always adapt well to mobile screens or responsive designs.


General Recommendations

Stay Informed: Continually update your knowledge of browser guidelines and security practices. Share this knowledge with your users, offering clear instructions and the rationale behind these best practices to foster a safer digital environment.

By adhering to these guidelines, developers and users together contribute to a more secure, privacy-respecting digital ecosystem. Our commitment to these principles ensures that our WebSDK offers not only advanced functionality but also a trustable platform for developers and end-users alike. For more information please visit:

PreviousMigration from @arcware/webrtc-pluginNextConfiguration

Last updated 1 year ago

⬆️
Chrome for DevelopersChrome for Developers
MDN Web Docs
Logo
Logo