Getting Started Wizard

Your interactive journey into Playcast development

1
Welcome
2
Setup Check
3
Quick Start
4
First Project
5
Next Steps

šŸ‘‹ Welcome to Playcast

šŸ† Tutorial Started

Welcome to Playcast! This interactive wizard will guide you through setting up your first cloud gaming application. Choose a scenario that matches your goals:

šŸŽ®

Game Streaming

Set up a WebRTC-based game streaming solution with low latency

ā±ļø 15 minutes
šŸ”—

Platform Integration

Integrate Playcast into an existing application or service

ā±ļø 20 minutes
⚔

Custom Solution

Build a custom cloud gaming solution with advanced features

ā±ļø 30 minutes

šŸ”§ Environment Check

Let's verify your development environment is ready. Click each item to check:

āœ… Prerequisites Checklist

Node.js v20+
JavaScript runtime for development tools
Java 17 JDK
Required for Android and build tools
Visual Studio 2022
C++ development environment
Git
Version control system

šŸš€ Quick Start Commands

Run these commands to get your Playcast environment up and running:

Project Setup

Interactive
terminal
# Clone the Playcast repository
git clone https://github.com/your-org/playcast-apps.git
cd playcast-apps

# Install dependencies
npm install

# Start development environment
npm run serve-all:dev
Output
Click "Run Commands" to execute the setup...

šŸŽÆ What's Happening?

Repository Cloning
Downloading the Playcast source code
Dependencies Installation
Installing required packages and tools
Development Servers
Starting the local development environment

šŸ—ļø Your First Project

Let's create your first Playcast application based on your selected scenario:

Create New App

Live Code
my-first-app.ts
import { PlaycastClient } from '@playcast/core';
import { StreamingService } from '@playcast/streaming';

class MyFirstApp {
  private client: PlaycastClient;

  constructor() {
    this.client = new PlaycastClient({
      apiKey: 'your-api-key',
      environment: 'development'
    });
  }

  async startStreaming() {
    const stream = await this.client.createStream({
      quality: 'HD',
      codec: 'H264',
      bitrate: '5mbps'
    });

    console.log('Stream started:', stream.id);
    return stream;
  }

  async connectToGame(gameId: string) {
    const session = await this.client.connectToGame({
      gameId,
      inputMethod: 'keyboard-mouse'
    });

    console.log('Connected to game:', session.id);
    return session;
  }
}

// Initialize the app
const app = new MyFirstApp();
export default app;
Console Output
Click "Test Code" to see your app in action...

šŸŽ‰ Congratulations!

You've just created your first Playcast application! This simple example demonstrates:

  • Client initialization and configuration
  • Stream creation with quality settings
  • Game connection and session management

šŸŽÆ What's Next?

šŸ… Tutorial Complete

Great job! You've completed the getting started tutorial. Here are your next steps:

šŸ—ļø

Build Your First App

Create a complete streaming application with UI and controls

ā±ļø 30 minutes
šŸ“”

WebRTC Deep Dive

Learn advanced streaming configuration and optimization

ā±ļø 45 minutes
šŸ“–

API Documentation

Explore the complete Playcast API reference

ā±ļø Reference

šŸš€ Ready to Build Amazing Games?

Join the Playcast community and start creating!

šŸ†
Achievement Unlocked!
Getting Started