问题标签 [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.
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 作为应用程序中的库或任何东西。
overlay - 如何使用melt做视频叠加?就像画中画一样(画中画)
我想使用melt.exe(命令行视频编辑器)来处理视频叠加。这就像在另一个上叠加一个视频,我可以控制将要放置的视频的大小和位置。我已经用shotcut完成了这个并查看了它生成的xml。但我想知道如何使用融化命令脚本来做到这一点。或者如果我知道有关视频叠加的所有信息,例如入/出点、大小、位置,以及如何根据这些信息创建 xxx.mlt(xml) 文件?
我得到了三个视频叠加生成一个这样的: 最终效果
我使用shotcut 来执行此操作,并得到一个.mlt 文件。抱歉,我不知道如何上传 xml 文件,或者不可能。
所以我想知道如何用melt.exe 做同样的事情?
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
为什么会发生这种情况,我该如何解决?感谢您的帮助!
jquery - jQuery:消除动画之间的白屏“暂停”
我刚刚发现了Barba.js,发现它非常有用。它提供了同一网站的 URL 之间的平滑转换。
在 jQuery和方法的帮助下,我整理了一个由两个页面(index.html 和 about.html)组成的Plunker ,它们可以顺利加载。fadeIn()
fadeOut()
这个动画的问题是它们之间有一个白屏间隔。
我怎样才能消除这个间隔,使过渡更平滑?我所说的“更流畅”是指类似于这个(点击“查看案例”)。
javascript - 从 JavaScript 淡入淡出动画中删除空格 - 故障排除
我的 JavaScript 淡入淡出动画只是淡出一个图像并淡入另一张图像,同时在不同图像之间显示空白(绿色)。如何让当前图像淡出以使用 JavaScript 显示队列中的下一个图像而不显示任何空白?淡入淡出应该淡出当前图像以显示其下方的下一个图像。我的 JavaScript 逻辑是否合理,还是我需要重新考虑它应该如何工作?任何想法或故障排除帮助将不胜感激!
javascript - 如何在 .js 幻灯片中交叉淡化图像
所以这是我的幻灯片 div:
它的CSS:
和javascript:
现在我希望它交叉淡入淡出,目前它只是非常突然地切换图像,但我希望它平滑。有什么帮助吗?
audio - 使用 FFmpeg 将多个音频文件交叉淡化为一个?
使用 FFmpeg,我试图将许多音频文件组合成一个长文件,每个文件之间都有淡入淡出。为了保持数字简单,假设我有 10 个输入文件,每个 5 分钟,我希望每个文件之间有 10 秒的交叉淡入淡出。(结果持续时间为 48:30。)假设所有输入文件具有相同的编解码器/比特率。
我惊喜地发现交叉淡入淡出两个文件是多么简单:
但acrossfade
过滤器不允许 3+ 输入。所以我天真的解决方案是重复运行ffmpeg
,将前一个中间输出与下一个输入文件交叉淡化。这并不理想。这让我想到了两个问题:
1.是否acrossfade
无损复制流?(当然,除了它们主动交叉淡入淡出的地方。)或者整个输入流都被重新编码了吗?
如果输入流完全重新编码,那么我的幼稚方法非常糟糕。在上面的示例中(调用acrossfade
9 次),第一个文件的前 4:50 将被重新编码 9 次!如果我合并 50 个文件,第一个文件将被重新编码 49 次!
2. 为了避免多次运行和重新编码问题,我可以在一次ffmpeg
调用中实现多次交叉淡入淡出行为吗?
我想我需要一些长的过滤图,但我还没有弄清楚。有没有人有交叉淡入淡出只有 3 个输入文件的例子?从那我可以自动化更长链的过滤器图。
感谢您的任何提示!
jquery - JQuery Crossfading Images with background img
我在尝试用图像交叉淡入淡出幻灯片时遇到了一些麻烦。这些图像由 background-img 属性显示。
当我使用 .fadeOut() 和 .fadeIn() 函数时,图像首先会在显示下一个图像之前淡入淡出。
我试过用 .load() 函数解决这个问题,但这似乎不起作用。
这是我的代码:
mySlider.js:
myScript.js:
html - 如何在多个图像上添加内容?
我有一个网页,我在其中使用 css 交叉淡入淡出动画在两个背景图像之间淡入淡出。现在,我需要在两个图像上方添加相同的内容(徽标和按钮)。但是,此内容仅对第一张图像可见,而对第二张图像不可见。这是我的代码:
索引.html
样式.css
我已经筋疲力尽地试图弄清楚。新来的,请帮忙。