问题标签 [cross-fade]

我正在尝试创建一个非常简单的幻灯片，在每个图像之间交叉淡入淡出。问题是图像在下一张图像开始淡入之前淡出。

我希望每个图像淡入 1 秒，再保持 10 秒，然后淡出 1 秒 - 总共 12 秒。

@keyframes 是通过将动画持续时间除以 100 来计算的，即每秒 1.81%。

动画延迟为 11 秒，这引起了我的困惑，因为下一张图像应该随着最后一张图像淡出而淡入。

如果有人能阐明我做错了什么，那么我将不胜感激。

HTML：

CSS：

Codepen 链接： https ://codepen.io/Musicky/pen/YgyOPm

我正在尝试将多个音频文件合并到一个文件中，而不是使用以下命令进行连接：

虽然这个命令可以很好地连接，但我想重叠让我们说第一个文件结尾的最后 100 毫秒和下一个文件开始的 100 毫秒。

我现在正在尝试使用 ffmpeg 提供的“acrossfade”过滤器，但我没有取得任何成功。

这是我到目前为止所提出的，但它不起作用，因为它会抛出 ' Buffer is too short (n=0) for frame_length=1 ' 错误。

该文档不是很有帮助，有人知道可以做什么吗？

提前致谢！

我正在尝试在 html 中对我的照片创建淡入和淡出效果。显示图像时如何将css中的关键帧调用为javascript？

我必须使用 javascript 作为幻灯片要求的一部分

好像我必须插入.classlist.add？

我有一个小提琴 （Fiddle A），其中交叉淡入淡出的图像画廊发生在 2 张图像（2 个图块）中。这是我使用的 html/css 的片段。

这是我为上述 html 使用 2 张图像（2 个图块）的 @keyframes：

当有2 个图块（2 个图像）时， Fiddle A中的上述 css 动画工作得非常好（这正是我想要的） 。

问题陈述：

上面的小提琴（Fiddle A）对于 2 张图像来说工作得很好。当有3 和 4 个图像时，我想要相同的css-animation/cross-fade 图像库。

这是 4 张图像（4 个图块）的小提琴https://jsfiddle.net/zwjt8qko/1/embedded/result（小提琴 B）

这是 3 个图像（3 个图块）的小提琴https://jsfiddle.net/f6gr7kL1/embedded/result（小提琴 C）

我想知道我应该在上面的小提琴 B（4 张图像）和小提琴 C（3 张图像）中的关键帧中进行哪些更改，以便现在在小提琴 A中发生相同的css 动画/交叉淡入淡出。

我也对 JavaScript 解决方案持开放态度。

我有一个如下所示的小提琴，其中在位置 4（图片 4，图片 5，图片 6），我希望交叉淡入淡出（淡入/淡出）图像库发生。目前，该位置仅显示图 6。

https://jsfiddle.net/k0vzthne/embedded/result

这是我在小提琴中使用的 CSS 代码。目前，我在位置 4 看不到任何交叉淡入（淡入/淡出）图像库。

问题陈述：

我想知道我应该在上面的 CSS 代码中进行哪些更改，以便交叉淡入淡出的图像库发生在位置 4（包含图片 4、图片 5 和图片 6），其中 留下了 3 张图片，就像现在小提琴中一样位置 1、位置 2 和位置 3。

我正在尝试在 RecyclerView 项目中实现交叉淡入淡出动画。有两个文本视图将通过淡入淡出动画依次显示。

就像 1000ms 显示 TextViewOne -> 500ms 交叉淡入淡出到 TextViewTwo -> 1000ms 显示 TextViewTwo -> 500ms 交叉淡入淡出到 TextViewOne -> 1000ms 显示 TextViewOne -> 等等......有人可以帮我解决这个问题吗？提前致谢。

我目前的实现如下，它工作正常。在这里，我在 RelativeLayout 中使用了 2 个 TextView。

这是在相对布局的帮助下完成的。这是用于进行可见性更改的布局部分。

但它不是一个流畅的动画。我相信有经验的人会提供更好的解决方案。

我需要将多个视频文件（包含音频）合并到一个视频中。我注意到 xfade 最近发布并使用了它，但我遇到了音频同步问题。

所有视频的视频和音频格式/分辨率/成名和比特率/等都相同。

这是我用来合并 5 个不同持续时间的视频和 0.5 个交叉淡入淡出过渡的方法：

上面的代码生成一个带音频的视频。第一段和第二段与音频对齐，但从第二个过渡开始，声音未对齐。

hope you are all well. How do i fix the popping on image hover? I need it to slowly go large. as you can see the large image just fades.

I have attached a nice example to explain this more.

Any help would be grateful here. Thx yummi

我需要对带有前 X 帧的视频的最后 X 帧应用交叉淡入淡出，以获得无缝循环，但将其用于视频的必要部分。

这是循环播放整个视频的答案。

目前我所拥有的：（整个视频持续时间 = 25。剪切（结果）部分 = 15 秒（从 5 到 20 秒 pos）。过渡 = 1 秒。）

在这种情况下，一切正常，但在生成的视频结束时，会叠加原始视频的一段，从 0 到 1 秒开始，而不是从原始视频的 4 到 5 秒开始，因为它应该是。

我阅读了官方 ffmpeg 文档，尝试通过更改“setpts”对“trim/fade”的“start/end”参数进行一些操作，但我总是遇到另一批错误。