How to make the most of your HeyGen forum experience

General

public function heygen(){    try {        // 1) Yeni session        $session = $this->sendPost(            'https://api.heygen.com/v1/streaming.new',            [                'avatar_id' => 'Pedro_Black_Suit_public',                'quality'   => 'medium',                'voice'     => [                    'voice_id' => '1bd001e7e50f421d891986aad5158bc8',                    'rate'     => 1.0,                    'emotion'  => 'Friendly',                ],                'version'   => 'v2',            ]        );        // 2) Start        $this->sendPost(            'https://api.heygen.com/v1/streaming.start',            ['session_id' => $session['session_id']]        );        // 3) Chat        $chat = $this->sendPost(            'https://api.heygen.com/v1/streaming.task',            [                'session_id' => $session['session_id'],                'text'       => 'Merhaba, nasılsınız?',                'task_mode'  => 'sync',                'task_type'  => 'chat',            ]        );        // 4) Slot’u boşalt        $this->stopSession($session['session_id']);        // Hatadan sıyrılıp view’a geçiyoruz        $viewData = [            'wsUrl'       => $session['url'],            'accessToken' => $session['access_token'],        ];        // $this->load->view('heygen_stream', $viewData);        $this->load->view('multipurpose/ai_me_tools/Heygen/heygen_stream', $viewData);    } catch (Exception $e) {        // JSON hata dön        $this->output            ->set_status_header(500)            ->set_content_type('application/json')            ->set_output(json_encode([                'error' => $e->getMessage()            ]));    }}private function sendPost(string $url, array $payload){    $ch = curl_init($url);    curl_setopt($ch, CURLOPT_HTTPHEADER, [        'Content-Type: application/json',        'X-Api-Key: ' . $this->apiKey,    ]);    curl_setopt($ch, CURLOPT_POST,       true);    curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($payload));    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);    $resp = curl_exec($ch);    if (curl_errno($ch)) {        $err = curl_error($ch);        curl_close($ch);        throw new Exception('cURL error: ' . $err);    }    curl_close($ch);    $json = json_decode($resp, true);    if (! isset($json['code'])) {        throw new Exception('API format hatası: ' . $resp);    }    if ($json['code'] !== 100) {        throw new Exception("API error {$json['code']}: {$json['message']}");    }    return $json['data'];}private function stopSession(string $sessionId): void{    $this->sendPost('https://api.heygen.com/v1/streaming.stop', [        'session_id' => $sessionId    ]);}

<!DOCTYPE html><html lang="tr"><head>    <meta charset="UTF-8">    <title>HeyGen Avatar Streaming</title>    <style>        body {            font-family: Arial, sans-serif;            margin: 20px;            max-width: 800px;            margin: 0 auto;            padding: 20px;        }        #video-container {            display: flex;            justify-content: center;            margin: 20px 0;            background: #f0f0f0;            border-radius: 8px;        }        video {            width: 640px;            height: 480px;            border: 1px solid #ccc;        }        #debugPanel {            margin-top: 20px;            border: 1px solid #ddd;            padding: 10px;            background: #f9f9f9;            border-radius: 5px;        }        #logContainer {            height: 150px;            overflow-y: auto;            background: #f0f0f0;            padding: 10px;            font-family: monospace;            font-size: 12px;            border-radius: 4px;        }        .controls {            margin-top: 15px;        }        button {            padding: 8px 15px;            background: #4CAF50;            color: white;            border: none;            border-radius: 4px;            cursor: pointer;            margin-right: 10px;        }        button:hover {            background: #45a049;        }        .status {            font-weight: bold;            margin-bottom: 10px;        }        .error {            color: #f44336;        }    </style></head><body><h1>HeyGen Avatar Streaming</h1><div id="connection-details">    <p><strong>WS URL:</strong> <code id="wsUrl"></code></p>    <p><strong>Connection Status:</strong> <span id="connectionStatus">Not connected</span></p></div><div id="video-container">    <video id="mediaPlayer" autoplay playsinline muted></video></div><div class="controls">    <button id="connectBtn">Connect</button>    <button id="disconnectBtn">Disconnect</button></div><div id="debugPanel">    <div class="status">Debug Log</div>    <div id="logContainer"></div></div><script>    // Configuration    const wsUrlRaw = "<?= $wsUrl ?>";    const tokenRaw = "<?= $accessToken ?>";    // Fix URL if needed    const wsUrl = wsUrlRaw.replace('wsss://', 'wss://');    const token = tokenRaw;    // Elements    const wsUrlElement = document.getElementById('wsUrl');    const statusElement = document.getElementById('connectionStatus');    const logContainer = document.getElementById('logContainer');    const videoElement = document.getElementById('mediaPlayer');    const connectBtn = document.getElementById('connectBtn');    const disconnectBtn = document.getElementById('disconnectBtn');    // Display connection info    wsUrlElement.textContent = wsUrl;    // Logging function    function log(message, isError = false) {        const entry = document.createElement('div');        entry.textContent = `${new Date().toLocaleTimeString()}: ${message}`;        if (isError) entry.style.color = 'red';        logContainer.appendChild(entry);        logContainer.scrollTop = logContainer.scrollHeight;        console.log(message);    }    // Global room variable    let room = null;    // Load LiveKit dynamically    function loadLiveKit() {        return new Promise((resolve, reject) => {            log('Loading LiveKit library...');            const script = document.createElement('script');            script.src = 'https://cdn.jsdelivr.net/npm/livekit-client@1.11.2/dist/livekit-client.umd.js';            script.onload = () => {                log('LiveKit library loaded successfully');                resolve(window.LivekitClient);            };            script.onerror = () => {                const msg = 'Failed to load LiveKit library';                log(msg, true);                reject(new Error(msg));            };            document.head.appendChild(script);        });    }    // Connect to LiveKit room    async function connect() {        try {            statusElement.textContent = 'Loading...';            log('Starting connection process...');            // Load LiveKit if not already loaded            if (!window.LivekitClient) {                await loadLiveKit();            }            // Access the Room class safely            if (!window.LivekitClient || !window.LivekitClient.Room) {                throw new Error('LiveKit Room class not available');            }            const Room = window.LivekitClient.Room;            // Disconnect existing room if any            if (room) {                log('Disconnecting existing room connection');                await room.disconnect();                room = null;            }            // Create new room            log('Creating new Room instance');            room = new Room();            // Set up event handlers            log('Setting up event listeners');            // Use safer event handling            room.on('connected', () => {                log('Connected to room successfully');                statusElement.textContent = 'Connected';                // Safely check participants                try {                    const participantCount = room.participants ? room.participants.size : 0;                    log(`Room has ${participantCount} participants`);                } catch (err) {                    log('Could not access participants: ' + err.message, true);                }            });            room.on('disconnected', () => {                log('Disconnected from room');                statusElement.textContent = 'Disconnected';            });            room.on('participantConnected', (participant) => {                log('Participant connected: ' + participant.identity);            });            room.on('trackSubscribed', (track, publication, participant) => {                log(`Track subscribed: ${track.kind} from ${participant.identity}`);                if (track.kind === 'video') {                    log('Attaching video track to player');                    if (!videoElement.srcObject) {                        videoElement.srcObject = new MediaStream();                    }                    videoElement.srcObject.addTrack(track.mediaStreamTrack);                }                if (track.kind === 'audio') {                    log('Attaching audio track to player');                    if (!videoElement.srcObject) {                        videoElement.srcObject = new MediaStream();                    }                    videoElement.srcObject.addTrack(track.mediaStreamTrack);                    videoElement.muted = false;                }            });            room.on('error', (error) => {                log('Room error: ' + error.message, true);                statusElement.textContent = 'Error: ' + error.message;            });            // Connect to room with proper error handling            log(`Connecting to room at ${wsUrl}`);            statusElement.textContent = 'Connecting...';            await room.connect(wsUrl, token, {                autoSubscribe: true            });            log('Connected successfully');            statusElement.textContent = 'Connected, waiting for tracks...';        } catch (error) {            log('Connection error: ' + error.message, true);            statusElement.textContent = 'Connection failed';            console.error('Connection error:', error);        }    }    // Disconnect from LiveKit room    async function disconnect() {        if (room) {            log('Disconnecting from room');            try {                await room.disconnect();                room = null;                // Clear video                if (videoElement.srcObject) {                    const tracks = videoElement.srcObject.getTracks();                    tracks.forEach(track => track.stop());                    videoElement.srcObject = null;                }                statusElement.textContent = 'Disconnected';                log('Disconnected successfully');            } catch (err) {                log('Error during disconnect: ' + err.message, true);            }        } else {            log('No active connection to disconnect');        }    }    // Button event listeners    connectBtn.addEventListener('click', connect);    disconnectBtn.addEventListener('click', disconnect);    // Initial log    log('HeyGen Avatar Streaming initialized');    log(`WebSocket URL: ${wsUrl}`);    log('Click "Connect" to start streaming');</script></body></html>

11:57:26: Disconnected from room

Connect with the community, find inspiration, and learn how to make your best videos. 

HeyGen Hub

Job Title

HeyGen Community

Login to the HeyGen Hub community to connect with others, attend community events, and more!

Login or Sign Up for even more

To unlock all parts of the community and get the best experience, complete your profile.