Google Cast - 带有样式媒体接收器的字幕？答案

【问题标题】：Google Cast - Subtitles with the Styled Media Receiver?Google Cast - 带有样式媒体接收器的字幕？
【发布时间】：2014-04-08 16:37:40
【问题描述】：

我正在使用 Styled Media Receiver。我的视频有一个带有 WebVTT 字幕的 URL，我想将它们提供给接收者以显示它们，但在 API 文档中找不到任何方法。

我正在使用 Styled Media Receiver，因为我的 Javascript/HTML 很弱，但我还没有找到一种方法可以在不使用 Media Player Library 的情况下从 Android 发送器发送字幕。

【问题讨论】：

你有没有想过如何做到这一点？

标签： android google-cast

【解决方案1】：

如果您不需要/不想使用媒体播放器库，请查看此示例代码以在接收器应用中制作您自己的隐藏式字幕。

https://github.com/googlecast/CastClosedCaptioning-chrome/blob/master/closedcaptioningreceiver.html

window.showTracks = function() {
  console.log('showTracks activeTrackIndex='+window.activeTrackIndex+' 
  if (window.activeTrackIndex != undefined &&
      window.activeTrackIndex >= 0 &&
      window.activeTrackIndex < window.tracks.length) {
    var trackElement = document.createElement('track');
    trackElement.src = window.tracks[window.activeTrackIndex]['src'];
    console.log('showTracks trackElement.src='+trackElement.src);
    if (window.mediaElement.firstChild) {
      window.mediaElement.replaceChild(
          trackElement, window.mediaElement.firstChild);
    } else {
      window.mediaElement.appendChild(trackElement);
    }
    window.mediaElement['textTracks'][0].mode = 'showing';
  } else {
    window.mediaElement['textTracks'] = null;
    window.mediaElement.innerHTML = null;
  }
};

CC web vtt 文件由 Chrome 发送器作为自定义数据传递，但您也可以使用 Android 发送器进行传递。

    var customData = event.data['customData'];
    if (customData && customData['cc']) {
      tracks = customData['cc']['tracks'];
      window.activeTrackIndex = customData['cc']['active'];
      showTracks();
    }

【讨论】：

我正在设置 customData Json 对象，与上面示例中的对象完全一样，但没有显示字幕。这应该与 Styled Media Receiver 一起使用吗？
否，Styled Media Receiver 目前不支持 CC，您需要创建自己的接收器。当我们通过 SDKm 添加对 CC 的支持时，我们也会更新 Styled 接收器。
我看到了一些关于这个的东西。应该已经支持了。但是我找不到关于这个主题的任何信息@AliNaddaf 你知道我们应该如何在 2021 年使用样式化接收器立即实施它吗？

【解决方案2】：

您需要编写自己的接收器，自定义接收器。 google github 中有一个示例应用程序，您可以参考。然后你可以通过

mediaPlayer.enableCaptions(true, 'ttml' , url);

【讨论】：