Question

我正在使用Plyr播放器从Wowza流引擎（WSE）再现VOD流。到目前为止，我能够毫无问题地重现视频流，但是它无法识别WSE正在播放的VTT字幕。接下来是我的设置：

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>Plyr HLS</title>
  <!-- Plyr style sheet -->
  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/plyr/3.4.5/plyr.css" />
</head>

<body>
  <!-- HLS support -->
  <script src="//cdn.jsdelivr.net/hls.js/latest/hls.js"></script>
  <!-- Plyr -->
  <script src="//cdnjs.cloudflare.com/ajax/libs/plyr/3.4.5/plyr.min.js"></script>

  <video preload="none" id="player" controls crossorigin></video>

</body>
<script type="text/javascript">
  var video = document.querySelector('video');
  if (Hls.isSupported()) {
    var hls = new Hls();
    hls.loadSource('http://[WSE_IP_ADDRESS]:1935/EXAMPLE_PROJECT/mp4:content/21e71246-43dc-48ab-a998-50ad8b8e3c64.mp4/playlist.m3u8?wowzacaptionfile=21e71246-43dc-48ab-a998-50ad8b8e3c64.vtt');
    hls.attachMedia(video);
  }

  var player = new Plyr(video, {
    resetOnEnd: true
  });
</script>

</html>

这里有http://[WSE_IP_ADDRESS]:1935/EXAMPLE_PROJECT/mp4:content/21e71246-43dc-48ab-a998-50ad8b8e3c64.mp4/playlist.m3u8?wowzacaptionfile=21e71246-43dc-48ab-a998-50ad8b8e3c64.vtt

的内容

#EXTM3U
#EXT-X-VERSION:3
#EXT-X-STREAM-INF:BANDWIDTH=2840209,CODECS="avc1.100.31,mp4a.40.2",RESOLUTION=1280x720
chunklist_w233754979.m3u8?wowzacaptionfile=21e71246-43dc-48ab-a998-50ad8b8e3c64.vtt

接下来http://[WSE_IP_ADDRESS]:1935/EXAMPLE_PROJECT/mp4:content/21e71246-43dc-48ab-a998-50ad8b8e3c64.mp4/chunklist_w233754979.m3u8?wowzacaptionfile=21e71246-43dc-48ab-a998-50ad8b8e3c64.vtt的内容

#EXTM3U
#EXT-X-VERSION:3
#EXT-X-TARGETDURATION:12
#EXT-X-MEDIA-SEQUENCE:0
#EXTINF:9.718,
media_w233754979_0.ts?wowzacaptionfile=21e71246-43dc-48ab-a998-50ad8b8e3c64.vtt
#EXTINF:9.635,
media_w233754979_1.ts?wowzacaptionfile=21e71246-43dc-48ab-a998-50ad8b8e3c64.vtt
#EXTINF:9.885,
media_w233754979_2.ts?wowzacaptionfile=21e71246-43dc-48ab-a998-50ad8b8e3c64.vtt
#EXTINF:11.678,
media_w233754979_3.ts?wowzacaptionfile=21e71246-43dc-48ab-a998-50ad8b8e3c64.vtt
#EXTINF:10.218,
media_w233754979_4.ts?wowzacaptionfile=21e71246-43dc-48ab-a998-50ad8b8e3c64.vtt
#EXTINF:9.593,
media_w233754979_5.ts?wowzacaptionfile=21e71246-43dc-48ab-a998-50ad8b8e3c64.vtt
#EXTINF:9.635,
media_w233754979_6.ts?wowzacaptionfile=21e71246-43dc-48ab-a998-50ad8b8e3c64.vtt
#EXTINF:10.26,
media_w233754979_7.ts?wowzacaptionfile=21e71246-43dc-48ab-a998-50ad8b8e3c64.vtt
#EXTINF:10.386,
media_w233754979_8.ts?wowzacaptionfile=21e71246-43dc-48ab-a998-50ad8b8e3c64.vtt
#EXTINF:10.343,
media_w233754979_9.ts?wowzacaptionfile=21e71246-43dc-48ab-a998-50ad8b8e3c64.vtt
#EXTINF:11.345,
media_w233754979_10.ts?wowzacaptionfile=21e71246-43dc-48ab-a998-50ad8b8e3c64.vtt
#EXTINF:10.01,
media_w233754979_11.ts?wowzacaptionfile=21e71246-43dc-48ab-a998-50ad8b8e3c64.vtt
#EXTINF:10.677,
media_w233754979_12.ts?wowzacaptionfile=21e71246-43dc-48ab-a998-50ad8b8e3c64.vtt
#EXTINF:4.984,
media_w233754979_13.ts?wowzacaptionfile=21e71246-43dc-48ab-a998-50ad8b8e3c64.vtt
#EXT-X-ENDLIST

我完成了Wowza要求的所有配置，但显然我必须丢失一些东西。有人知道我需要做吗？

Plyr在Wowza Streaming Engine VOD上不显示VTT字幕

0 个答案: