切换Kaltura播放列表条目时如何更新播放器配置？

我通过以下代码加载播放列表条目：

kalturaPlayer.loadPlaylistByEntryList({entries: [{entryId: '123'}, {entryId: '456'}]}, {countdown: {duration: 20}});

播放器配置如下：

const kalturaPlayer = KalturaPlayer.setup({
      "sources": {
        "options": {},
      },
      "targetId": "player-placeholder",
      "ui": {
        "components": {},
        "settings": {
          "showSpeedMenu": true,
        }
      },
      "provider": {
        "partnerId": PARTNER_ID,
        "uiConfId": UI_CONFIG_ID,
        "ks": KS_SESSION
      },
      "playback": {
        "autoplay": true,
        "allowMutedAutoPlay": true,
        "playsinline": true,
        "textLanguage": "default",
        "pictureInPicture": false,
        "inBrowserFullscreen": false,
      },
      "plugins": {
        "share": {
          "disable": true
        },
        "download": {
          "disable": true
        },
        "report": {
          "disable": true
        }
      }
    });

我通过自有API传入entry_id获取对应的KS，播放器初始化时会调用该API获取KS并播放视频。现在需要实现：切换播放列表的上一个/下一个条目时，先获取当前条目的entry_id，调用自有API拿到新KS，更新播放器配置中的KS后再播放媒体。我已经添加了事件监听，但不知道如何完成后续步骤：

kalturaPlayer.addEventListener(KalturaPlayer.playlist.PlaylistEventType.PLAYLIST_ITEM_CHANGED, () => {
   // get entry_id ? // then call my own API to get KS // then update player config with the new KS // then play the media
});

我查阅了Kaltura的change-media API，但没能解决问题。

实现步骤 #

1. 获取当前切换后的条目ID #

在PLAYLIST_ITEM_CHANGED事件回调中，通过播放器实例的playlist.getCurrentItem()方法获取当前激活的播放列表条目，从中提取entryId：

const currentItem = kalturaPlayer.playlist.getCurrentItem();
const entryId = currentItem.entryId;

2. 调用自有API获取新KS #

用项目中的HTTP请求工具（示例用fetch）传入entryId获取对应的KS：

async function fetchKS(entryId) {
  const response = await fetch('/your-api-endpoint', {
    method: 'POST',
    body: JSON.stringify({ entryId }),
    headers: {
      'Content-Type': 'application/json'
    }
  });
  const data = await response.json();
  return data.ks; // 假设API返回的KS字段为ks
}

3. 更新播放器KS配置并重新加载媒体 #

通过updateConfig()方法更新播放器的KS配置，之后重新加载当前条目。注意先暂停播放器避免切换异常：

kalturaPlayer.addEventListener(KalturaPlayer.playlist.PlaylistEventType.PLAYLIST_ITEM_CHANGED, async () => {
  // 暂停当前播放
  kalturaPlayer.pause();
  
  // 获取当前条目ID
  const currentItem = kalturaPlayer.playlist.getCurrentItem();
  if (!currentItem) return;
  
  const entryId = currentItem.entryId;
  
  try {
    // 获取新KS
    const newKS = await fetchKS(entryId);
    
    // 更新播放器provider配置
    kalturaPlayer.updateConfig({
      provider: {
        ks: newKS
      }
    });
    
    // 重新加载当前条目
    await kalturaPlayer.loadMedia({ entryId });
    
    // 恢复自动播放（如果配置开启）
    if (kalturaPlayer.getConfig().playback.autoplay) {
      kalturaPlayer.play();
    }
  } catch (error) {
    console.error('获取KS或加载媒体失败:', error);
    // 可添加错误提示逻辑
  }
});

4. 优化：阻止自动播放提前加载 #

因为配置开启了autoplay，切换条目时可能在KS更新前尝试加载媒体导致权限错误，可在事件触发时阻止默认行为：

kalturaPlayer.addEventListener(KalturaPlayer.playlist.PlaylistEventType.PLAYLIST_ITEM_CHANGED, async (event) => {
  // 阻止默认自动加载行为
  event.preventDefault();
  
  // 后续步骤同上...
  
  // 加载完成后手动播放
  kalturaPlayer.play();
});

内容的提问来源于stack exchange，提问作者Sarah Manning