p5.js MediaElement removeCue() 方法

介绍

removeCue() 方法用于从 HTML5 媒体元素（如 <video> 或 <audio>）的文本轨道（Text Track）中删除一个或多个 Cue 对象。可以通过使用 addCue() 方法将 Cue 对象添加到轨道中，然后使用 removeCue() 方法将其删除。

语法

mediaElement.removeCue(cue);

其中，cue 参数表示要删除的 Cue 对象。如果希望删除多个 Cue 对象，则可以多次调用 removeCue() 方法，每次传递一个 Cue 对象。

示例

下面是一个简单的示例，演示如何使用 addCue() 和 removeCue() 方法向媒体元素添加和删除文本轨道中的 Cue 对象：

var video = createVideo('sample.mp4');

function setup() {
  video.showControls();
  
  // 创建文本轨道
  var track = video.addTextTrack('captions', 'English', 'en');
  
  // 添加两个 Cue 对象
  var cue1 = new VTTCue(1, 3, 'Hello, world!');
  track.addCue(cue1);
  
  var cue2 = new VTTCue(5, 7, 'This is a test.');
  track.addCue(cue2);
  
  // 延迟 3 秒后删除第一个 Cue 对象
  setTimeout(function() {
    track.removeCue(cue1);
  }, 3000);
  
  // 延迟 7 秒后删除第二个 Cue 对象
  setTimeout(function() {
    track.removeCue(cue2);
  }, 7000);
}

在上面的示例中，我们将一个视频对象创建为 video 变量，然后向其添加一个文本轨道，并分别添加两个 Cue 对象。然后，我们使用 setTimeout() 函数延迟了 3 秒和 7 秒，分别删除了两个 Cue 对象。

参考

• p5.js 文档