Skip to content

Teleport SDK Integration with Uppod ​

This section provides instructions for integrating the Teleport SDK with the Uppod media player.

1. Script Connection ​

Ensure that you have connected the main Teleport SDK script and the loader for Uppod. You can use separate scripts or a ready-made bundle.

Separate Scripts: ​

html
<!-- Main Teleport SDK script -->
<script src="https://cdn.teleport.media/stable/teleport.js"></script>
<!-- Loader for Uppod -->
<script src="https://cdn.teleport.media/stable/teleport.uppod.js"></script>

Bundle (includes SDK, loader, and polyfills): ​

html
<script src="https://cdn.teleport.media/stable/teleport.uppod.bundle.js"></script>

2. Teleport SDK Initialization

After connecting the scripts, you need to initialize the Teleport SDK, passing your API key and the player instance.

js
// 1. Initialize Uppod
// It is assumed that Uppod is already initialized on the page
// For example: var player = new Uppod({ ... });
const player = window.uppodPlayer; // Or another way to get the Uppod instance

// 2. Initialize Teleport SDK
teleport.initialize({
    apiKey: "YOUR_API_KEY", // Your API key from the Teleport cabinet
    loader: {
        type: "uppod", // Plugin identifier for Uppod
        params: {
            player: player // Pass the Uppod instance
        }
    }
})
.then(function (instance) {
    console.log('Teleport SDK successfully initialized for Uppod!', instance);
    // Here you can start video playback via Uppod
    // player.play();
})
.catch(function (error) {
    console.error('Ошибка инициализации Teleport SDK:', error);
});

// Optional: release Teleport resources when closing the page
window.addEventListener("unload", function () {
    if (tlprt) {
        tlprt.dispose();
        tlprt = null;
    }
});

Additional Configuration

For finer tuning of Teleport SDK behavior (e.g., URL cleaning, segment quality detection), refer to the Customization section.