dmxu1989 2019-07-16 15:11 采纳率: 0%
浏览 778

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

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

  • 写回答

1条回答 默认 最新

  • 爱吃土豆丝的打工人 河南登凌教育科技有限公司官方账号 2023-06-02 11:16
    关注

    可以使用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进行回放。

    评论

报告相同问题?

悬赏问题

  • ¥100 有人会搭建GPT-J-6B框架吗?有偿
  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名