怎么给视频添加画中画效果

3.3 版增加新功能 画中画

不想看文字的这里有视频教程
https://www.bilibili.com/video/av92178056/

可以随意设置画中画的位置,也能选择采用哪个视频的音频作为最终合成后的音频,先看一下界面参数:

image.png

再看一下最后的效果图:

image.png

软件还包括视频批量处理,码率设置,格式转换,添加字幕,添加水印,去除水印,修改分辨率,视频剪裁,倍速播放, 视频分段,视频镜像,背景音乐, 画中画等等,后续也会不断开发新功能。

软件地址:https://github.com/suifengqjn/videoWater

有兴趣可以去下载哈。

软件使用教程

https://github.com/suifengqjn/videoWater/blob/master/README_3.md

版本更新记录

1.0
  • 视频格式转换

  • 帧率设置

  • 比特率设置

  • 剪掉视频前几秒

  • 剪掉视频最后几秒

  • 去除水印

  • 调整视频分辨率

  • 添加文字水印

  • 添加图片水

  • 添加片头

  • 添加片尾

1.1

修复去除水印边界问题

1.2
  • 增加视频剪裁功能,此功能也适用于去水印

  • 可以手动指定配置文件,使用于有多套配置文件

1.3
  • 增加倍速播放,可以将视频加速或者减速

1.4
  • 文字水印,图片水印增加4种样式,一共9种

  • 增加文字水印跑马灯效果

1.5
  • 视频压缩

2.0
  • 视频镜像

  • 视频分段

  • 视频截图

2.1
  • 新增一种视频剪裁方式

  • 可设置两个水印位置

  • 调整结果输出

  • 添加定时任务(主要是用于配合自动发布)

2.2
  • 支持添加随机背景音乐

  • 修复滚动文字水印问题

3.0 大升级
  • 增加UI界面

  • 修复若干bug

  • 增加视频旋转

3.1
  • 增加视频合成

  • 修复连续点击开始处理出现的问题

3.2
  • 增加格式转换强制模式

  • 修复部分电脑显示网络错误的问题

  • 修复背景音乐保留问题

  • 完善合成随机模式

3.3
  • 增加画中画功能

  • 修复重置参数时部分UI没有重置的问题

videojs是一个流行的HTML5视频播放器库,它提供了丰富的功能和API来控制视频播放。要在videojs中实现视频画中画效果,可以使用以下步骤: 1. 首先,确保你已经引入了videojs库,并创建了一个video标签来嵌入你的视频。 2. 在videojs的初始化代码中,添加一个自定义的按钮来触发画中画效果。你可以使用videojs的`controlBar`选项来添加自定义按钮。 3. 在按钮的点击事件处理程序中,调用`requestPictureInPicture()`方法来进入画中画模式。这个方法会将当前的视频播放器切换到画中画模式,并在屏幕的一个角落显示一个小的视频播放器。 4. 如果需要退出画中画模式,可以调用`exitPictureInPicture()`方法。 下面是一个示例代码,演示了如何在videojs中实现视频画中画效果: ```javascript // 引入videojs库 <script src="https://vjs.zencdn.net/7.11.4/video.js"></script> // 创建video标签 <video id="my-video" class="video-js" controls preload="auto" width="640" height="264"> <source src="my-video.mp4" type="video/mp4"> </video> // 初始化videojs <script> var player = videojs('my-video'); // 添加自定义按钮 player.controlBar.addChild('button', { text: '画中画', className: 'vjs-picture-in-picture-button', onClick: function() { // 进入画中画模式 player.requestPictureInPicture(); } }); // 退出画中画模式的按钮 player.controlBar.addChild('button', { text: '退出画中画', className: 'vjs-exit-picture-in-picture-button', onClick: function() { // 退出画中画模式 document.exitPictureInPicture(); } }); </script> ``` 请注意,画中画功能在不同的浏览器中的支持程度可能有所不同。在使用之前,请确保你的浏览器支持该功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值