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

html - html css 交叉淡入淡出计时器

我有这个简单的网页,我想做的是淡入第一张图片 5 秒,然后将其更改为图片 #2 5 秒。这是我的代码:

我确实相信我的问题在于百分比部分。有人可以帮我吗?非常感激

0 投票
0 回答
446 浏览

javascript - 在滚动上淡入(Jquery)

我想实现这些代码,但它对我不起作用,一切都很好,但“淡入”div 没有显示给我。谁能帮我为什么它不起作用?我在 MVC5 应用程序中尝试过,在 mvc5 中添加脚本与其他版本有区别吗?!

HTML:

CSS:

JavaScript:

这是jsfiddle中的演示

0 投票
1 回答
1141 浏览

java - Android studio crossfade drawables 应用程序崩溃

我正在尝试制作基本的应用程序,将一个图像交叉淡化为另一个图像,然后再返回。但是,当我单击第一张图片时,该应用程序不断崩溃。

交叉淡入淡出方法fade独立工作。自从我添加了第二种将图像转换回来的方法以来,它刚刚开始崩溃。

我看到了InvocationTargetExceptionNullPointerException但我不明白这是如何/为什么会发生的。还有onClick设置为正确的方法。

活动主要 xml:

错误:

0 投票
1 回答
775 浏览

user-interface - CrossFadeColor 无法从深色变为白色

这我不明白,我不知道如何使这项工作......

我正在尝试使面板图像颜色从深绿色变为白色,如下所示:

这不起作用......它似乎保留了基色(绿色),然后将另一种颜色放入该颜色中:-/

任何人都可以帮助我...任何帮助表示赞赏。

0 投票
0 回答
198 浏览

ios - The Amazing audio engine 2 - 交叉淡入淡出循环

我正在为我的音序器应用程序使用令人惊叹的音频引擎 2库,并且我想实现 Crossfade 循环音频。

这是解释:

当用户按下音序器钢琴中的任何键时,它将播放一些音频文件,并且该音频文件将继续循环播放,直到用户释放键。但该循环将交叉淡入淡出。

我正在使用AEAudioFilePlayerModule进行循环,但不确定如何使用此类交叉淡入淡出音频文件。

交叉淡入淡出的解释:

在此处输入图像描述

开始/结束:此设置允许我选择我希望应用程序在音频文件中不断循环的位置,以便如果用户长时间点击并按住音符,音频将持续响起,直到用户松开手指。

XFade:这个功能(交叉淡入淡出)允许我选择如何在音频循环的结束和开始之间淡入淡出。这很好,这样声音就可以流畅地循环播放。此处设置为 9999。因此,在 200k 结束点之前的大约 5k 样本处,此音符的音频将开始淡出,同时,从 50k 样本开始的音频循环将淡入约 5k 样本的持续时间(XFade 的 1/2数量)。

请帮忙。

谢谢你。

0 投票
0 回答
357 浏览

android - 在无尽的 ViewPager 上出现闪烁的淡入淡出动画

我在我的一个应用程序中遇到了一个非常奇怪的行为,我真的希望你们能给我一些关于如何解决这个问题的提示。

设置:
我正在开发一种演示应用程序。多个图像和/或视频应该在无尽的幻灯片中重复显示,到目前为止效果很好。我通过实现“无尽”的 ViewPager 实现了这一点。这基本上跟踪自定义项目位置并重复显示相同的片段。
除了默认的幻灯片过渡,应用程序应该提供交叉淡入淡出过渡(幻灯片不移动,只有淡入/淡出)。就其本身而言,这也在起作用。它基本上通过基于当前位置和页面宽度添加反向 X 平移来禁用页面移动。

无尽 Viewpager 的适配器:

自定义淡入淡出动画:


问题:
现在是舞台部分。当应用程序运行了一段时间,假设重复了几百次,淡入淡出动画开始出现故障。褪色的页面不再是静止不动的,而是开始摇晃了一下。似乎计算的 x 平移不够准确。另一方面,幻灯片过渡仍然运作良好。


可能的原因:
我开始记录淡入淡出过渡期间到底发生了什么。由于给定的位置值似乎是正确的,所以我开始记录页面 x 位置,结果如下:

当考虑到页面宽度为 1920 像素时,似乎页面“新”页面 x 位置似乎每次都增加 1920 像素。这意味着一段时间后,页面 x 位置将达到数百万。
由于 x 平移是相对于页面实际位置进行的,因此我假设 x 位置越高,该值变得越来越不准确。

我的问题
我的假设是否正确?有谁知道我该如何解决这个问题?我真的没有想法在这里......

0 投票
1 回答
928 浏览

javascript - 使用 WebAudio API,如何在略读时添加短交叉淡入淡出以避免音频“爆音”

我使用 wavesurfer.js 生成音频源(播放器)的可视化。每当用户单击播放器以浏览音频时,我想添加一个简短的交叉淡入淡出。

我查看了http://www.html5rocks.com/en/tutorials/webaudio/intro/ Searching for Web Audio crossfade only 似乎只产生结果,其中讨论了 2 个不同音频源之间的交叉淡入淡出,但我想要一个单一的交叉淡入淡出资源。

有没有首选的方法来做到这一点?我猜一种方法是在播放器元素上有一个点击事件,然后淡出+淡入?或者可能有 2 个音频源,其中 1 个没有声音?

0 投票
0 回答
37 浏览

jquery - 通过 crossfade.js 使用超过 2 个图像

我需要用一组 10 个图像来完成这个效果http://mikefowler.me/crossfade.js/ 。Crossfade.js 需要 astart: image.pngend: image2.png. 我怎样才能用超过 2 张图片做到这一点?

0 投票
2 回答
228 浏览

ios - ios - 制作幻灯片效果(淡入/淡出和交叉淡入淡出)

我是 iOS 新手;我有兴趣使用视频或图像制作幻灯片。接下来,我想开发一个可以创建简单幻灯片的应用程序:

1/ 淡入淡出效果
2/交叉淡入淡出效果

编辑1:

创建后,我还想像某些视频编辑器应用程序一样将幻灯片保存到文件中。

请让我知道是否有任何支持这些效果的库。任何帮助,将不胜感激!

先感谢您!

0 投票
1 回答
1082 浏览

android - android - ffmpeg - 在 5 个视频之间进行淡入淡出

我想制作一个小型幻灯片应用程序,它能够使用ffmpeg4android在多个视频之间进行淡入、淡出和交叉淡入淡出等效果。

经过几个小时的研究,我仍然陷入了淡入淡出。按照这个建议,我可以创建一个交叉淡入淡出,但它不能完美地工作。

问题是我想将 5 个视频与它们之间的淡入淡出效果结合起来,每个视频的持续时间为 5 秒。结果,输出文件只有 5 秒而不是 25 秒,并且在输出文件的末尾有一个淡入淡出效果。

这是我的命令:

更新 1:添加日志

请在此处下载日志文件

如果我在命令中做错了什么,请告诉我。任何帮助,将不胜感激。

先感谢您!