问题标签 [expo-av]

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 回答
73 浏览

react-native - 世博会视频在长按时以不同的时间位置播放

我想用 React Native Expo-AV Video 组件来做这个功能。
当用户长按视频组件时,视频将在 4 个不同的时间位置播放 1 秒,就像 xvideos 的视频一样。
还是他们在视频的海报中使用 gif?

0 投票
0 回答
89 浏览

react-native - 视频随着 Expo Av 不断消失

我正在使用 Expo av 结合平面列表在我的应用程序的学习部分呈现一堆视频。

由于某种原因,一些视频在初始加载后开始消失(就像你看到视频的封面突然消失了,你可以看到视频的空白处但那里什么都没有显示)。

此外,我应该提到,这在模拟器上运行良好,并且仅在物理设备上发生,如果您清除应用程序的捕获并在开始时再次加载它,它会显示视频并再次开始消失。

这是我的代码:

任何帮助将不胜感激。

0 投票
0 回答
38 浏览

react-native - 如何同步播放多个世博会影音视频?

我正在尝试expo-av同步播放 2 个视频,我的方法如下。问题是我尝试过的多个视频不能同时开始,一个或另一个会更早开始。我能想到的唯一问题是,如docs playbackObject.playAsync(): ... Playback may not start immediately after calling this function for reasons such as buffering. Make sure to update your UI based on the isPlaying and isBuffering properties of the AVPlaybackStatus ...中所述。但是,即使在听isLoadedisBuffering待时truefalse视频也无法同步开始。我应该检查另一个标志以确保视频开始时没有延迟(以便 2 个视频可以同步开始)或者解决这个问题的方法是什么?

或者我尝试过的另一个实现

0 投票
0 回答
16 浏览

react-native - 在手机上以低间隔播放重复声音听起来很糟糕

出于学习目的,我正在尝试使用 React Native 创建一个节拍器应用程序。我以预定的间隔一遍又一遍地播放一个简短的声音片段(20ms)。我计划让我的节拍器达到 300 bpm,这意味着我想以最快的速度每 200 毫秒播放一次声音。计时器按预期工作,声音播放:

使用来自计时器的回调调用 Play。

声音在网络浏览器中完美播放,但是当我在 Android 和 iPhone 上尝试 Expo 应用程序时,它会滞后,跳过节拍,并且有些节拍声音低沉。首先,我认为 Expo 应用程序可能会导致这种情况,所以我尝试为我的 Android 应用程序构建它,但它仍然表现不佳。

console.log 打印 20.25 并且我有一个计时器来计算偏移量。就像我说过的,它在 PC 网络浏览器上完美运行,但手机无法处理 300BPM。我开始在手机上以大约 200+ BPM 的速度获得奇怪的声音伪影。

我对这样的应用程序使用了错误的方法吗?有谁知道为什么手机会这样?

0 投票
0 回答
23 浏览

react-native - 如何在 expo-av 中显示视频风景?

在 expo-av 中按下视频的全屏按钮后,我需要旋转视频屏幕。我的代码是:

如何根据设备方向旋转视频?而且我需要它在按下全屏按钮后立即旋转。

0 投票
0 回答
46 浏览

react-native - 未处理的承诺拒绝:错误:寻求中断。在世博会视频 av React Native

我正在尝试实现 setPositionAsync() 以使用滑块更改视频的位置,它可以工作,但是当我更改它时,它会给我成百上千的关于unhandled promise rejection : Error: Seeking interrupted. 请帮助我的警告,我正在与世博会合作

0 投票
0 回答
63 浏览

reactjs - 如何使 React Native expo-av Video 上的本机控件可见?

我需要知道如何将函数分配给 expo-av Video 组件的 onPress 事件,或者如何使 useRef 引用触发 expo-av Video 组件上的 onPress 事件。

我对 React Native 视频组件有很多要求,我正在尝试找出如何最好地实现它们。主要问题是用户需要能够双击视频并启动动画。我们有一个 Pressable 组件,它在处理双击的视频上呈现。动画效果很好。但问题是视频还需要使用原生控件,而 Pressable 会阻止这些控件。

我有两种策略,但我都无法实现。计划 A,StackOverflow 上的某个人告诉我,expo-av Video 组件具有某种未在其文档中列出的 onPress 功能,而我所要做的就是使用该功能触发双击动画。到目前为止,我已经尝试过 onPress、onTouchEnd、onTouchStart 和 onClick,但所有这些都未定义且未在文档中列出。没有骰子。

计划 B,我可以创建一个 Pressable 组件,该组件在 Video 组件上进行渲染,该组件足够短,不会阻塞本机控件,但足够高,可以捕捉所有其他点击。然后,当用户双击 Pressable 时,动画就会触发并且一切正常。这是我最初提交的解决方案,但我们的 QA 人员说他们需要原生控件才能在第一次印刷时显示。通常,本机控件不可见,并且 expo-av 视频会在任何新闻上显示它们,但 Pressable 会阻止这些新闻,我在文档中找不到任何允许您参考触发 expo-av 新闻事件的内容。我有一个 useRef() 工作,并尝试了 videoRef.current.press、videoRef.current.click 和 videoRef.current.setStatusAsync({ progressUpdateIntervalMillis: 0 })。没有骰子。

综上所述,有谁 A:知道如何为 expo-av Video 组件的 onPress 事件分配一个函数吗?或 B:知道如何让 useRef 引用在 expo-av Video 组件上触发 onPress 事件?或 C:我还没有想到的其他解决方案?

如果有帮助,这里有一些代码片段:

视频实例化:

handleDoubleTap 函数:

Pressable 组件实例化:

0 投票
0 回答
11 浏览

react-native - 播放音频时出错 TypeError: sound.current.playAsync is not a function

我正在尝试使用 expo/av 在 React - Native 中创建音乐播放器。但我正面临错误

下面是我的代码:

我正在尝试按照文档使用异步函数(使用 ref 来初始化音频类并使用 require 来获取本地存储的音频,它似乎不起作用)但其中任何一个都无法正常工作,我是认真的卡住 。任何形式的帮助表示赞赏。

0 投票
0 回答
11 浏览

javascript - 如何将我录制的 Blob URI 音频转换为 Node.js 中的 .wav 或 .mp3 文件

我可以录制我的音频并获取该录制音频的 blob URI。我现在要做的是将该音频发送到我的 Node.js 服务器并将该 blob URI 转换为 .wav 或 .mp3 文件。我想知道如何将 blob URI 转换为文件。

0 投票
1 回答
26 浏览

react-native - 在 React Native App 中频繁播放声音

我正在开发一个 React Native 应用程序。我需要每 500 毫秒播放一次哔声。我已经有一个 mp3 文件可以播放,并且可以点击播放。但是在点击按钮几次后,它就坏了。我使用了 expo av 中的示例代码。我用播放音频声音的零食
我也可以使用另一个更长的 mp3 文件,但必须在结束后立即开始重播。

每 500 毫秒播放一次哔声的最佳方式是什么?使用更长的文件并在结束后重播?还是经常使用单次哔声?我怎样才能做到这一点?