问题标签 [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 投票
2 回答
47 浏览

android - Android 交叉溶解动画

我想在android中制作两个或三个渐变之间的交叉溶解动画,比如instagram背景动画,但是我没有找到任何库,那么如何编写这样的动画呢?

0 投票
0 回答
1040 浏览

html - CSS 背景图像淡入淡出

我创建了这个淡入淡出:

这是CSS:

我面临的问题是,文本随着交叉淡入淡出,我希望它被修复而不随着图像淡出!

另外,当网站加载时,你会看到图像立即消失,我不希望动画在 3 秒后开始......

另外,当您查看交叉淡入淡出时,在每张幻灯片之后,它都会显示白色背景,我认为 .home 类对此负责!我如何解决它?

0 投票
1 回答
2400 浏览

html - CSS 交叉渐变动画

我使用 CSS 创建了交叉淡入淡出,但我在时间上遇到了困难。我希望每张图像之间有 4 秒延迟或 4 秒,但它不起作用。

另外,除了时序之外,当图像交叉淡入淡出时,在第二张图像之后,它会一直回到第一张,而其余的不会显示或很快显示和淡出。

0 投票
0 回答
452 浏览

audio - ffmpeg:无限数量的过滤器/交叉淡入淡出的动态播放列表

我想使用 ffmpeg 无限播放动态播放列表。这个想法是,执行外部命令/脚本以请求下一个文件的路径(使用文件的预测开始时间作为参数)并继续无限播放文件。

从“使用 FFMPEG 将视频文件连续流式传输到 RTMP 服务器”的答案中,我了解到,我需要编写一个自定义解复用器,它类似于解concat复用器。问题源于这样一个事实,即我想在音频文件之间交叉淡入淡出,并且根据我对解复用器的理解,我必须在解复用器本身中实现该功能才能做到这一点,因为解复用器只能产生一个(或一个有限数量的)音频输出流,你需要两个来使用acrossfade-filter

所以我必须像这样设置过滤器图:

使用无限数量的交叉淡入淡出过滤器。

此外,我真的很想在交叉淡入淡出之前对音频文件进行预过滤(*,例如silenceremove),这使得它更加复杂,并且“在解复用器中实现所有内容”的方法更加糟糕。

我目前的解决方案是实现一个自定义解复用器,它在两个输出流之间交替,并在内部进行预过滤以及输入交替淡入淡出过滤器,如下所示:

我用这种方法看到的问题是,我需要将多个以 EOF 终止的文件从分路器发送到交叉淡入淡出过滤器,我不知道在使用标准 ffmpeg 函数(如ff_request_frame.

你能告诉我这种方法是否可行,或者你有更好的解决这个问题的方法,或者有什么想法可以让这更容易吗?

0 投票
0 回答
57 浏览

css - CSS cross-fade() 可以无限递归吗?

我在 W3C 文档中注意到cross-fade()定义如下:

在哪里

现在,在同一个文档中,单击链接,<image>其定义为:

换句话说,cross-fade()(via <image>) 可以被递归定义无数次;这是n = 3(3个嵌套cross-fade()实例)案例:

这个函数可以无限次递归定义吗?如果可以,嵌套的 cross-fade() 语句数量的增加将如何影响性能?

0 投票
4 回答
175 浏览

javascript - 向 JS 脚本添加淡入淡出功能?

所以我有这个在三个图像之间交替的基本脚本,我想添加一个简单的淡入/淡出/淡出或任何看起来最好的东西,这样它就不会那么笨重了。我怎样才能做到这一点?或者,还有更好的方法?

0 投票
2 回答
39 浏览

ironpython - IronPython NAudio 循环交叉淡入淡出故障

我在 IronPython 中使用 NAudio 来混合多个音频流以创建环境音频。这对于某些曲目来说效果相当好,但对于其他一些曲目(风,雨),它可能会在循环播放时出现不和谐的停止/开始。

因为我最初不是 100% 确定如何在 python 中实现 LoopStream 类示例,所以我开始只是在十分之一秒或更短的时间内进行位置检查。我知道为什么我在那里有差距。从那以后,我能够弄清楚如何在 python 中重新创建 LoopStream,并且它可以工作,但我仍然像以前一样在播放方面存在差距。我现在正试图将轨道的结尾交叉淡入到同一轨道的开头,当我这样做时,音频会完全出现故障。
这是代码:

0 投票
1 回答
42 浏览

css - 交叉淡入淡出 2 张不透明度为 0.7 的图像

我有两张相互重叠的图片,如果你将鼠标悬停在顶部,它会在 1 秒后从opacity:1到消失opacity:0

我希望它们具有opacity:0.7默认值,然后,当悬停在另一个上时,应该显示。

我遇到的问题是两个图像opacity:0.7现在都显示了,因为显然它们有点透明。

有没有办法做到这一点?

0 投票
3 回答
208 浏览

css - 如何在 flexbox 容器中交叉淡化图像?

要使用 CSS 交叉淡入淡出两个图像,我们通常会这样做(假设 CSS 中存在过渡的跨浏览器兼容性)

到目前为止,很平常。

现在,如果我想使图像垂直居中,我会使用 flexbox:

CSS:

但是出现了两个问题。首先,position: absolute;打破了 flexbox 居中,因为图像的左上角像素以 flexbox 为中心,而不是中心像素。其次,使用 flexbox 意味着图像现在是并排的,不再相互重叠。

我尝试在图像周围添加一个容器 div,将其居中,然后将图像绝对定位在其中,但没有任何区别。他们俩仍然并排出现并偏离中心。

编辑:第二个问题解决了。谢谢查兹。请参阅下面的 MCVE,以更好地了解我正在尝试做什么。除了我将 FontAwesome 的东西换成了问号之外,这几乎是原样的。

编辑:这两个问题现在都解决了。谢谢尼尔。下面的代码片段已更新以显示工作。

0 投票
0 回答
110 浏览

ffmpeg - 如何使用 FFMPEG 组合三个带有交叉淡入淡出的视频

我正在尝试组装 3 个视频(静态标题)(主要功能)(静态预告片)。标题和预告片是编码文本,主要特征是 h264 编码(6Mbs)。标题和预告片有 nul 音频编码。具体目标是三个片段之间的交叉淡入淡出。我的 concat 工作正常,但添加交叉淡入淡出给我带来了问题。

如何setpts=PTS-STARTPTS+(4/TB)[v2];工作?

这段代码把它放在一起,但是比特率和错误是错误的。