flv.js怎么做录像回放的功能

开流之后 播放报 4915 bytes unconsumed data remain when flush buffer, dropped警告 然后就是 MediaSource onSourceEnded 请问啥问题

可以使用flv.js的API来实现录像回放的功能。具体实现方法如下:

// 创建flv.js实例
var flvPlayer = flvjs.createPlayer({
  type: 'flv',
  url: 'your_flv_stream_url'
});

// 绑定flv.js事件
flvPlayer.on(flvjs.Events.ERROR, function() {
  console.log('播放出错');
});

flvPlayer.on(flvjs.Events.LOADING_COMPLETE, function() {
  console.log('加载完成');
});

flvPlayer.on(flvjs.Events.METADATA_LOADED, function() {
  console.log('元数据加载完成');
});

// 播放flv流
flvPlayer.attachMediaElement(document.getElementById('videoElement'));
flvPlayer.load();
flvPlayer.play();

// 实现录像回放
var videoElement = document.getElementById('videoElement');
var recordedVideoUrl = 'your_recorded_video_url';

videoElement.addEventListener('loadedmetadata', function() {
  videoElement.currentTime = 10; // 设置回放起始时间
});

videoElement.addEventListener('timeupdate', function() {
  if (videoElement.currentTime >= 20) { // 设置回放结束时间
    videoElement.pause();
    videoElement.src = recordedVideoUrl;
    videoElement.load();
    videoElement.play();
  }
});

在上面的代码中,首先创建了一个flv.js实例,并绑定了一些事件。然后将flv.js实例绑定到一个video元素上,并播放flv流。接着实现了录像回放的功能,即在video元素的loadedmetadata和timeupdate事件中设置回放起始时间和结束时间,并切换到录像视频的URL进行回放。