问题标签 [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.
android - Android 交叉溶解动画
我想在android中制作两个或三个渐变之间的交叉溶解动画,比如instagram背景动画,但是我没有找到任何库,那么如何编写这样的动画呢?
html - CSS 背景图像淡入淡出
我创建了这个淡入淡出:
这是CSS:
我面临的问题是,文本随着交叉淡入淡出,我希望它被修复而不随着图像淡出!
另外,当网站加载时,你会看到图像立即消失,我不希望动画在 3 秒后开始......
另外,当您查看交叉淡入淡出时,在每张幻灯片之后,它都会显示白色背景,我认为 .home 类对此负责!我如何解决它?
html - CSS 交叉渐变动画
我使用 CSS 创建了交叉淡入淡出,但我在时间上遇到了困难。我希望每张图像之间有 4 秒延迟或 4 秒,但它不起作用。
另外,除了时序之外,当图像交叉淡入淡出时,在第二张图像之后,它会一直回到第一张,而其余的不会显示或很快显示和淡出。
audio - ffmpeg:无限数量的过滤器/交叉淡入淡出的动态播放列表
我想使用 ffmpeg 无限播放动态播放列表。这个想法是,执行外部命令/脚本以请求下一个文件的路径(使用文件的预测开始时间作为参数)并继续无限播放文件。
从“使用 FFMPEG 将视频文件连续流式传输到 RTMP 服务器”的答案中,我了解到,我需要编写一个自定义解复用器,它类似于解concat
复用器。问题源于这样一个事实,即我想在音频文件之间交叉淡入淡出,并且根据我对解复用器的理解,我必须在解复用器本身中实现该功能才能做到这一点,因为解复用器只能产生一个(或一个有限数量的)音频输出流,你需要两个来使用acrossfade
-filter。
所以我必须像这样设置过滤器图:
使用无限数量的交叉淡入淡出过滤器。
此外,我真的很想在交叉淡入淡出之前对音频文件进行预过滤(*,例如silenceremove
),这使得它更加复杂,并且“在解复用器中实现所有内容”的方法更加糟糕。
我目前的解决方案是实现一个自定义解复用器,它在两个输出流之间交替,并在内部进行预过滤以及输入交替淡入淡出过滤器,如下所示:
我用这种方法看到的问题是,我需要将多个以 EOF 终止的文件从分路器发送到交叉淡入淡出过滤器,我不知道在使用标准 ffmpeg 函数(如ff_request_frame
.
你能告诉我这种方法是否可行,或者你有更好的解决这个问题的方法,或者有什么想法可以让这更容易吗?
css - CSS cross-fade() 可以无限递归吗?
我在 W3C 文档中注意到cross-fade()定义如下:
在哪里
现在,在同一个文档中,单击链接,<image>
其定义为:
换句话说,cross-fade()
(via <image>
) 可以被递归定义无数次;这是n = 3
(3个嵌套cross-fade()
实例)案例:
这个函数可以无限次递归定义吗?如果可以,嵌套的 cross-fade() 语句数量的增加将如何影响性能?
javascript - 向 JS 脚本添加淡入淡出功能?
所以我有这个在三个图像之间交替的基本脚本,我想添加一个简单的淡入/淡出/淡出或任何看起来最好的东西,这样它就不会那么笨重了。我怎样才能做到这一点?或者,还有更好的方法?
ironpython - IronPython NAudio 循环交叉淡入淡出故障
我在 IronPython 中使用 NAudio 来混合多个音频流以创建环境音频。这对于某些曲目来说效果相当好,但对于其他一些曲目(风,雨),它可能会在循环播放时出现不和谐的停止/开始。
因为我最初不是 100% 确定如何在 python 中实现 LoopStream 类示例,所以我开始只是在十分之一秒或更短的时间内进行位置检查。我知道为什么我在那里有差距。从那以后,我能够弄清楚如何在 python 中重新创建 LoopStream,并且它可以工作,但我仍然像以前一样在播放方面存在差距。我现在正试图将轨道的结尾交叉淡入到同一轨道的开头,当我这样做时,音频会完全出现故障。
这是代码:
css - 交叉淡入淡出 2 张不透明度为 0.7 的图像
我有两张相互重叠的图片,如果你将鼠标悬停在顶部,它会在 1 秒后从opacity:1
到消失opacity:0
。
我希望它们具有opacity:0.7
默认值,然后,当悬停在另一个上时,应该显示。
我遇到的问题是两个图像opacity:0.7
现在都显示了,因为显然它们有点透明。
有没有办法做到这一点?
css - 如何在 flexbox 容器中交叉淡化图像?
要使用 CSS 交叉淡入淡出两个图像,我们通常会这样做(假设 CSS 中存在过渡的跨浏览器兼容性)
到目前为止,很平常。
现在,如果我想使图像垂直居中,我会使用 flexbox:
CSS:
但是出现了两个问题。首先,position: absolute;
打破了 flexbox 居中,因为图像的左上角像素以 flexbox 为中心,而不是中心像素。其次,使用 flexbox 意味着图像现在是并排的,不再相互重叠。
我尝试在图像周围添加一个容器 div,将其居中,然后将图像绝对定位在其中,但没有任何区别。他们俩仍然并排出现并偏离中心。
编辑:第二个问题解决了。谢谢查兹。请参阅下面的 MCVE,以更好地了解我正在尝试做什么。除了我将 FontAwesome 的东西换成了问号之外,这几乎是原样的。
编辑:这两个问题现在都解决了。谢谢尼尔。下面的代码片段已更新以显示工作。
ffmpeg - 如何使用 FFMPEG 组合三个带有交叉淡入淡出的视频
我正在尝试组装 3 个视频(静态标题)(主要功能)(静态预告片)。标题和预告片是编码文本,主要特征是 h264 编码(6Mbs)。标题和预告片有 nul 音频编码。具体目标是三个片段之间的交叉淡入淡出。我的 concat 工作正常,但添加交叉淡入淡出给我带来了问题。
如何setpts=PTS-STARTPTS+(4/TB)[v2];
工作?
这段代码把它放在一起,但是比特率和错误是错误的。