• 请不要在回答技术问题时复制粘贴 AI 生成的内容
moose123
V2EX  ›  程序员

一个视频如何实现在 H5 下逐帧播放呢?

  •  
  •   moose123 · Feb 18, 2018 · 10686 views
    This topic created in 3180 days ago, the information mentioned may be changed or developed.

    一个普通视频如何在 H5 下能逐帧播放,比如点一个按钮播放一帧。。多谢。

    12 replies  •  2018-02-19 11:22:22 +08:00
    metorm
    metorm
    Feb 18, 2018 via Android
    1
    服务端事先解析成图片?
    azh7138m
    azh7138m
    Feb 18, 2018 via Android
    2
    video.js 了解一下
    blahgeek
    blahgeek
    Feb 18, 2018
    3
    设 video.currentTime
    darfux
    darfux
    Feb 18, 2018
    4
    试试这个:
    https://github.com/allensarkisyan/VideoFrame
    基于 currentTime 封装了一下
    GreatHumorist
    GreatHumorist
    Feb 18, 2018 via iPhone
    5
    看过一个骚操作,视频全转成图片,用 js 控制播放,我开始以为 gif,查看到源码兼职惊呆了
    moose123
    moose123
    OP
    Feb 18, 2018
    6
    多谢各位
    MrFireAwayH
    MrFireAwayH
    Feb 18, 2018
    7
    @GreatHumorist 记得没错的话 P 站的某些 GIF 图 也是一堆静态图组成的 骚的很
    mbfan
    mbfan
    Feb 19, 2018 via iPhone
    8
    试试 canvas ?
    http://www.w3school.com.cn/tags/canvas_drawimage.asp 里的最后一个例子。
    digimoon
    digimoon
    Feb 19, 2018
    9
    视频每帧全转图片的话那容量大多了吧
    最早见到的是在手办站,手办转一圈拍成视频让用户左右拖拽转着看
    sivacohan
    sivacohan
    Feb 19, 2018 via iPhone
    10
    直接做不行,考虑转图片吧。
    视频里面有个概念叫关键帧,同时 web 的跳转又是靠时间的,在 web 上实现逐帧处理超级麻烦。
    RqPS6rhmP3Nyn3Tm
    RqPS6rhmP3Nyn3Tm
    Feb 19, 2018 via iPhone
    11
    @MrFireAwayH 为啥,说不通啊
    anheiyouxia
    anheiyouxia
    Feb 19, 2018 via Android
    12
    @moose123 https://greasyfork.org/zh-CN/scripts/27614-html5 播放器增强插件 /code
    你参考一下这段代码,可以直接抄
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   3210 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 40ms · UTC 04:29 · PVG 12:29 · LAX 20:29 · JFK 23:29
    ♥ Do have faith in what you're doing.