实时获取视频当前帧作为封面图

该段代码展示了如何使用JavaScript结合video.js库,实现实时获取视频当前帧并将其转化为封面图片的功能。当点击按钮时,当前时间点的视频帧被绘制到canvas上,然后转换为PNG图片并添加到列表中。用户可以选择图片作为最终封面。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

/*
* @version: 1.0.0(基于video版本7.5.5)
* @Author:  wangdongxue
* @Date:    2021-06-25 11:31:57
* effect :实时获取视频当前帧封面
*/

$(function(){
    var options2 = {
        fluid: true,
        //会用第一项技术去播放,不行再使用后面的选项 data-setup
        techOrder: ["html5", "flash", "other supported tech"],
        aspectRatio: "16:9",
        language: 'zh-CN',
        autoplay: true,
        playbackRates: [0.5, 1, 1.5, 2],
        controlBar: {
            volumePanel: {

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值