问题标签 [cross-fade]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1709 浏览

audio - 使用ffmpeg在两个音频文件之间交叉淡入淡出?

我有两个 mp3 文件,想将它们连接到一个新文件。但是,我只想要每个文件的一部分,并且我想在两者之间创建一个交叉淡入淡出。

因此,例如,我想要 a.mp3 的前 3 分钟,然后在 5 秒内从 1:20 分钟标记(在 b.mp3 内)开始交叉淡入淡出到 b.mp3。

这是我想要的时间线图:

时间线

因此,生成文件的总长度将是 3:05 分钟加上 b.mp3 的长度减去 1:25 分钟,这归结为 b.mp3 的长度加上 1:40 分钟。

我对 ffmpeg 的源选择、映射和过滤语法太缺乏经验,无法得到我想要的结果。例如,我可以对一个 mp3 文件应用淡入或淡出,但我不知道如何使这两个重叠,从而导致两个音频源之间的交叉淡入淡出。

只是为了清楚起见:我正在寻找一个命令行来执行此操作,即使用独立版本的 ffmpeg,我没有使用 ffmpeg 作为应用程序中的库或任何东西。

0 投票
0 回答
194 浏览

overlay - 如何使用melt做视频叠加?就像画中画一样(画中画)

我想使用melt.exe(命令行视频编辑器)来处理视频叠加。这就像在另一个上叠加一个视频,我可以控制将要放置的视频的大小和位置。我已经用shotcut完成了这个并查看了它生成的xml。但我想知道如何使用融化命令脚本来做到这一点。或者如果我知道有关视频叠加的所有信息,例如入/出点、大小、位置,以及如何根据这些信息创建 xxx.mlt(xml) 文件?

我得到了三个视频叠加生成一个这样的: 最终效果

我使用shotcut 来执行此操作,并得到一个.mlt 文件。抱歉,我不知道如何上传 xml 文件,或者不可能。

所以我想知道如何用melt.exe 做同样的事情?

0 投票
1 回答
295 浏览

ffmpeg - ffmpeg 交叉淡入淡出 2 张 1080p 的图片

我使用此命令淡化 2 张图片,它适用于1024 × 768测试图片。

但是在 1920 × 1080 的原始图片中,出现了这个错误:

[Parsed_blend_0 @ 0x97c8240] First input link top parameters (size 1920x1080, SAR 0:1) do not match the corresponding second input link bottom parameters (1920x1080, SAR 1:1) [Parsed_blend_0 @ 0x97c8240] Failed to configure output pad on Parsed_blend_0

为什么会发生这种情况,我该如何解决?感谢您的帮助!

0 投票
3 回答
972 浏览

jquery - jQuery:消除动画之间的白屏“暂停”

我刚刚发现了Barba.js,发现它非常有用。它提供了同一网站的 URL 之间的平滑转换。

在 jQuery和方法的帮助下,我整理了一个由两个页面(index.html 和 about.html)组成的Plunker ,它们可以顺利加载。fadeIn()fadeOut()

这个动画的问题是它们之间有一个白屏间隔

我怎样才能消除这个间隔,使过渡更平滑?我所说的“更流畅”是指类似于这个(点击“查看案例”)

0 投票
2 回答
1573 浏览

c# - Unity 中的浮动文本

我的 2D 平台游戏关卡在地图上放置了宝箱,当收集到宝箱时,我需要显示一条消息。消息包含在一个List<string>并且随着宝物的收集,一一展示。这些消息将显示在 UI>Text 游戏对象中,该游戏对象锚定在画布的顶部中心。我想通过更新这个游戏对象的文本组件,在收集宝藏时将这些文本显示为浮动(淡入/淡出)。但是,如果在前一个的动画完成之前收集了两个或多个宝物,就会出现问题。我可以轻松地将新消息连接到现有消息,但我希望旧消息淡出,新消息淡入。这可以通过创建多个 UI>Texts 来完成,但是有很多消息,我没有想要创建这么多冗余的游戏对象。这个问题有什么好的解决方法吗? 在此处输入图像描述

0 投票
2 回答
106 浏览

javascript - 从 JavaScript 淡入淡出动画中删除空格 - 故障排除

我的 JavaScript 淡入淡出动画只是淡出一个图像并淡入另一张图像,同时在不同图像之间显示空白(绿色)。如何让当前图像淡出以使用 JavaScript 显示队列中的下一个图像而不显示任何空白?淡入淡出应该淡出当前图像以显示其下方的下一个图像。我的 JavaScript 逻辑是否合理,还是我需要重新考虑它应该如何工作?任何想法或故障排除帮助将不胜感激!

0 投票
2 回答
1017 浏览

javascript - 如何在 .js 幻灯片中交叉淡化图像

所以这是我的幻灯片 div:

它的CSS:

和javascript:

现在我希望它交叉淡入淡出,目前它只是非常突然地切换图像,但我希望它平滑。有什么帮助吗?

0 投票
0 回答
427 浏览

audio - 使用 FFmpeg 将多个音频文件交叉淡化为一个?

使用 FFmpeg,我试图将许多音频文件组合成一个长文件,每个文件之间都有淡入淡出。为了保持数字简单,假设我有 10 个输入文件,每个 5 分钟,我希望每个文件之间有 10 秒的交叉淡入淡出。(结果持续时间为 48:30。)假设所有输入文件具有相同的编解码器/比特率。

我惊喜地发现交叉淡入淡出两个文件是多么简单:

acrossfade过滤器不允许 3+ 输入。所以我天真的解决方案是重复运行ffmpeg,将前一个中间输出与下一个输入文件交叉淡化。这并不理想。这让我想到了两个问题:

1.是否acrossfade无损复制流?(当然,除了它们主动交叉淡入淡出的地方。)或者整个输入流都被重新编码了吗?

如果输入流完全重新编码,那么我的幼稚方法非常糟糕。在上面的示例中(调用acrossfade9 次),第一个文件的前 4:50 将被重新编码 9 次!如果我合并 50 个文件,第一个文件将被重新编码 49 次!

2. 为了避免多次运行和重新编码问题,我可以在一次ffmpeg调用中实现多次交叉淡入淡出行为吗?

我想我需要一些长的过滤图,但我还没有弄清楚。有没有人有交叉淡入淡出只有 3 个输入文件的例子?从那我可以自动化更长链的过滤器图。

感谢您的任何提示!

0 投票
1 回答
39 浏览

jquery - JQuery Crossfading Images with background img

我在尝试用图像交叉淡入淡出幻灯片时遇到了一些麻烦。这些图像由 background-img 属性显示。

当我使用 .fadeOut() 和 .fadeIn() 函数时,图像首先会在显示下一个图像之前淡入淡出。

我试过用 .load() 函数解决这个问题,但这似乎不起作用。

这是我的代码:

mySlider.js:

myScript.js:

0 投票
2 回答
65 浏览

html - 如何在多个图像上添加内容?

我有一个网页,我在其中使用 css 交叉淡入淡出动画在两个背景图像之间淡入淡出。现在,我需要在两个图像上方添加相同的内容(徽标和按钮)。但是,此内容仅对第一张图像可见,而对第二张图像不可见。这是我的代码:

索引.html

样式.css

我已经筋疲力尽地试图弄清楚。新来的,请帮忙。