hi i am trying to play a mpd link with keys but i cant get it to work here is my index.html




<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Shaka Player Example</title>
<!-- Include Shaka Player library -->
<script src="http://localhost:8000/shaka-player.compiled.js"></script>
</head>
<body>
<!-- Video element to play content -->
<video id="videoPlayer" controls autoplay style="width: 640px; height: 360px;"></video>

<script>
// Configuration object with MPD URL and clear keys
const config = {
mpdUrl: 'YOUR_MPD_URL', // Replace 'YOUR_MPD_URL' with your actual MPD URL
clearKeys: {
'deadbeefdeadbeefdeadbeefdeadbeef': '18675309186753091867530918675309',
'02030507011013017019023029031037': '03050701302303204201080425098033'
}
};

// Function to initialize Shaka Player
async function initializePlayer(mpdUrl, clearKeys) {
try {
// Create a new video element
const videoPlayer = document.getElementById('videoPlayer');
const player = new shaka.Player(videoPlayer);

// Load content with clear keys configuration
await player.load(mpdUrl, null, {
drm: {
clearKeys: clearKeys
}
});

console.log('Player initialized successfully');
} catch (error) {
console.error('Error initializing player:', error);
}
}

// Call initializePlayer function with configuration parameters
initializePlayer(config.mpdUrl, config.clearKeys);
</script>
</body>
</html>