Hello, I am new to AWS media services and recently started experimenting with AWS IVS for video streaming. I am currently working on integrating the AWS IVS quality plugin to Video.js. The player is up and running, displaying the video, but I encountered a strange error.
Below is the callback function that is executed when the player is set up:
const handlePlayerReady = (player) => {
if (ivsMountState) {
registerIVSQualityPlugin(videojs);
player.enableIVSQualityPlugin();
}
playerRef.current = player;
player.on('waiting', () => {
console.log('player is waiting');
});
player.on('dispose', () => {
console.log('player will dispose');
});
player.on('dblclick', function () { player.requestFullscreen(); });
};
I included the registerIVSQuality plugin function from the AWS CDN like this:
<Script onLoad={(e) => setIvsMountState(true)} src="https://player.live-video.net/1.18.0/amazon-ivs-quality-plugin.min.js" />
However, I am now seeing an error message:
TypeError: e.extend is not a function
Any assistance with this issue would be greatly appreciated. Thank you!