> ## Documentation Index
> Fetch the complete documentation index at: https://docs.titanos.tv/llms.txt
> Use this file to discover all available pages before exploring further.
# Titan SDK with CDN
This guide explains how to integrate the Titan SDK into your project using the Content Delivery Network (CDN) URL method.
It's an alternative to the NPM method. This approach is ideal for simple projects, quick prototypes, or environments that do not use a build system with npm (like Vite or Webpack).
For modern and robust applications, we recommend using the [npm installation method](/titan-sdk), as it provides version management.
## How to Use
CDN integration is straightforward and involves just two steps.
To begin, add the following \
```
After the script is loaded, it will create a global object named TitanSDK on the window object. You can access it directly in your JavaScript files to start using the SDK's functionalities.
```javascript theme={null}
// The TitanSDK variable is now globally available
const titanSDK = TitanSDK;
console.log('Titan SDK has been loaded:', titanSDK);
```
## Usage Example
Here is a practical example of how to fetch device information using the CDN method. Note that, just like the npm version, function calls are asynchronous.
```javascript theme={null}
document.addEventListener('DOMContentLoaded', async () => {
try {
// 1. Access the global variable
const titanSDK = TitanSDK;
// 2. Call the function to get device information
const deviceInfo = await titanSDK.deviceInfo.getDeviceInfo();
// 3. Log the information to the console
console.log('TV Brand:', deviceInfo.Product.brand);
console.log('Model Year:', deviceInfo.Product.year);
} catch (error) {
console.error('Failed to use the Titan SDK:', error);
}
});
```
## Next Steps
View the main documentation and the recommended npm installation method.
Consult the detailed guide for migrating from the old DeviceInfo API.