grunt-inline-canvas:用于在移动设备上在线播放视频的 grunt 实用程序和 javascript 服务

时间:2024-07-10 07:08:39
【文件属性】:

文件名称:grunt-inline-canvas:用于在移动设备上在线播放视频的 grunt 实用程序和 javascript 服务

文件大小:8KB

文件格式:ZIP

更新时间:2024-07-10 07:08:39

CoffeeScript

Grunt Inline Canvas 和 CanvasVideo 目的 这些实用程序的目的是在移动设备上在线播放视频。 它是如何工作的? grunt 任务extractVideoFrames使用 ffmpeg 将您的视频转换为帧。 然后使用任务framesToUri读取每个帧并将其转换为 base64 表示,并且所有 base64 帧都添加到一个 json 文件。 JavaScript 服务CanvasVideo使用 base64 处理 json 文件并将帧绘制到画布上。 运行任务 将要转换的视频放在: src/assets/video 。 接下来,执行: $ grunt extractVideo 要将图像转换为帧,然后: $ grunt convertFrames 将您的帧转换为 json 文件中的 dataURI。 生成的 json 文件将出现在target/asset


【文件预览】:
grunt-inline-canvas-master
----package.json(535B)
----src()
--------assets()
----custom-tasks()
--------grunt-extract-video-frames.coffee(934B)
--------grunt-frames-to-uri.coffee(603B)
--------grunt-convert-image.coffee(2KB)
----README.md(3KB)
----Gruntfile.coffee(2KB)

网友评论