当前位置: 首页 > 知识库问答 >
问题:

javascript - js怎么根据一个视频的在线url生成一个视频预览图?

韩欣怿
2024-01-14

js怎么根据一个视频的在线url生成一个视频预览图?

image.png
相当于要获取该视频的第一秒或者第一帧的图片。

共有2个答案

赵永逸
2024-01-14

以前回答过这个问题。不建议在前端通过 JS 来完成,最好通过后端用 ffmpeg 等工具来制作。

如果真的必须要做,可以用 canvas 来画,然后再转换成图片。

国兴文
2024-01-14

和img一样,直接canvas.drawImage绘制HTMLVideoElement就会取视频元素当前的一帧

 类似资料:
  • 用ffmpeg怎么把25个小视频组合成一个大视频? 每个小视频90X160px,没有声音,只有视频 5行5列 一共25个 以下代码来自网络,但是行不通,小视频没有声音,只有画面

  • 问题内容: 有没有办法在PHP中给出的视频文件(,),以生成缩略图图像预览? 问题答案: 请看一下http://ffmpeg.org/以及此讨论http://board.phpbuilder.com/showthread.php?10327812-How- to-install-ffmpeg-php-to-create-thumbnails-from- 影片

  • JS 怎么获取视频第一帧作为封面图,网上找了很多方法,都是空白的。。。新手,求指点,跪谢~

  • 我使用 camtasia 录制视频,用了其自带的生成字幕,惨不忍睹,生成的字幕完全不对,有没有其他什么方法可以将我编译后的 mp4 文件挂载字幕,最好是内嵌的。或者使用 camtasia 的工程文件生成字幕也可以

  • 那么如何在iPhone上播放完一个视频后直接播放一个视频呢?我把这个 NSString*filepath=[[NSBundle mainBundle]pathforresource:@“movie”oftype:@“m4v”];NSURL*fileurl=[NSURL fileurlwithpath:filePath];MPMoviePlayerController*moviePlayerCont

  • 我有一个blob数组(实际上是二进制数据--我可以表达它是最有效的。我现在使用Blobs,但可能或其他更好的方法)。每个Blob包含1秒的音频/视频数据。每秒都会生成一个新的Blob并将其追加到我的数组中。因此代码大致如下所示: 我的目标是将此音频/视频数据流式传输到HTML5元素。我知道Blob URL可以像下面这样生成和播放: