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

javascript - 如何向此 aria 自动旋转幻灯片添加交叉淡入淡出过渡

我正在尝试使用交叉渐变过渡自定义此Aria 自动旋转图像轮播示例。似乎这个问题经常被问到,但我似乎无法从其他答案中得到解决方案。我最好的尝试只是让图像淡入,而不是交叉淡入(这个轮播上淡入的 jsfiddle 示例)

这是淡入淡出的代码:

我通过调整代码来学习 html 和 css,但是学习如何以这种方式调整 javascript 并没有奏效。任何关于如何在 CSS 中调整它,或者如何/在哪里查看编辑 javascript 的指针,将非常感激!

0 投票
1 回答
61 浏览

audio - 如何使用 ffmpeg 多次连接一个 mp3 文件(包括交叉淡入淡出)?

我尝试使用(一个)ffmpeg 命令制作一个 bash 文件,其中单个 mp3 文件(假设持续时间为两分钟)将延长到例如 8 小时的持续时间。由于 mp3 文件的前后总是有这些静音间隙,为了使其无缝循环,我需要使用交叉淡入淡出。如果没有一个巨大的命令,我怎么能做到这一点:

ffmpeg -i same.mp3 -i same.mp3 -i same.mp3 ....(数百次) -filter_complex "[0][1]acrossfade=d=5:c1=exp:c2=exp[a01] ...等(数百次)输出.mp3

0 投票
0 回答
96 浏览

html - CSS图像动画交叉淡入淡出循环-如何使一张图像延迟其淡入淡出动画(停留在页面上)比其他图像更长?

我正在尝试创建一种效果,使初始图像的显示时间比随后的动画图像长。我希望第一个项目出现 10 秒,其他项目显示 6 秒。我尝试调整时间,强制第一个图像不透明,并且注意到似乎很有效。我觉得我错过了一些关于它如何工作的关键。

我想我知道以下图像如何获得 6 秒的时间,但是是什么决定了第一个的动画时间?我可以告诉它在开始循环之前等待 4 秒钟,以便第一张图像在页面上停留更长时间吗?