Yoo趣儿

Yoo趣儿 › Geek › 程序员 › 各位大佬，如何实现一个 avi 格式的视频播放平台，并且 ...

各位大佬，如何实现一个 avi 格式的视频播放平台，并且视频帧有关联信息的。

查看 91|回复 5
作者：CorgiDuu   
背景：业务上有一个需求，可以对特定事件进行回放，回放的内容包括有视频信息（ 20s-几分钟不等），以及视频每一帧对应的业务参数等。数据源位于腾讯 COS 对象存储中，一个原始视频大约 5 分钟，但是一个视频包含若干事件，也就是说一个事件只占原始视频的其中 20 秒左右，用户点击每一条事件时，后端会返回上述的业务参数，用于前端和视频帧匹配，视频经常变化，每天都会有新的大量视频上传到对象存储中，大概就是这种。
需求点：
[ol]
  • 视频格式为 avi
  • 点击每一条事件时，事件所在的视频片段可以快速加载（比如说在 1-2 秒内快速加载 5 分钟视频中的指定 20 秒）
  • 事件会跨视频，也就是说会存在一个事件需要播放两段视频的情况，比如说第一个 5 分钟结尾的 10 秒，到第二个 5 分钟开始的 10 秒
  • 需要同屏能够展示 4 个视频播放器，但是共享同一个进度条，拖动进度条，同时操控 4 个视频
  • 前端需要能够获取到视频帧信息，比如说进度条拖动到某点时，能够知道当前是具体帧索引，比如说第 300 帧，用于匹配业务参数（目前，后端点击事件信息时会返回）
    [/ol]
    技术栈：Go + vue3
    小弟之前未接触过视频播放的实现，一头雾水，想请教一下有什么成熟的方案可以解决吗？搜了一圈，大多数都是在提 m3u8 、videojs 、flvjs 、http range 之类的。不知道具体要实现上面的 5 点需求，需要有哪些技术点组合。
    希望有经验的前辈指点迷津，比如说是否需要后端把 COS 中的视频先拉取到本地，然后切片成 m3u8 存储？还是说直接可以读取 COS 中的视频？再比如说后端会记录这条事件在原视频中的位置，比如说第 400 帧到 1000 帧之间，那怎么和切片或者 range 搭配使用呢？
    或许以上就是很简单的视频播放需求，但是没接触过这方面的架构设计，所以一时找不到方向，希望 v 佬们指点下～

    视频, 比如说, 事件, cos

    • 相关帖子

    CorgiDuu
    OP
      
    上面提到的事件是一个业务概念，就类似于一个列表中每一条记录，后面关联的有每一帧的业务参数信息（非视频的参数，例如信号，配置参数等），在拖动视频进度条的时候，信号曲线也会跟着变化，类似于股票走势那种，所以想比较视频播放网站，这里还需要知道视频当前播放的帧序号，用于展示信号信息
    busier   
    avi 只是封装容器 不是格式 并且非常古老
    CorgiDuu
    OP
      
    @busier 哦哦，学到了，那我表述有问题，我想说的就是是 .avi 结尾的视频文件，如果想实现切片和播放之类的，是不是要转为 mp4 之类的呢？
    CorgiDuu
    OP
      
    补充一点：现在的实现方式很笨重，说出来怕大家笑话，我们根据用户的点击行为把 cos 视频拉下来，然后调用 opencv 库切成一帧帧的图片，然后根据事件所在索引，把具体的帧图片 base64 推给前端，前端解码展示图片，然后图片轮替，实现播放。。。。。。现在项目要重构了，想把这段逻辑给优化一下，希望能够做到不占用本地空间（如果可行，不行的话也可以接受），主要是可以优化体验，快速响应
    hello2090   
    没仔细看你的描述，太复杂了，你如果是需要用户点击的时间的视频帧，这就是一个类似于视频播放器 seek 的功能啊。
    得到用户点击的 timestamp,ffmpeg 打开文件，调 API seek 到那个位置，再从那个位置开始解码图片不就行了。当然一个细节是 ffmpeg seek 返回的是最接近用户点击位置的 I frame, 可能比用户需要的 timestamp 早一点，解码图片的时候你不需要返回那些太早的图片
    返回列表
    您需要登录后才可以回帖 登录 | 立即注册

    AD1

    热门主题

    热门板块

    问与答分享发现分享创造奇思妙想分享邀请码商业推广优惠信息PythonPHPJavaJavaScriptNode.jsGo语言C++HTML

    公告

    标签|小黑屋|Yoo趣儿

    GMT+8, 2024-11-11 00:07 , Processed in 0.180917 second(s), 14 queries , Gzip On, MemCached On.

    Powered by Discuz! X3.2

    The happiest thing in the world is to strive for an ideal.

    返回顶部