开流之后 播放报 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进行回放。