Skip to main content

<Player>中的播放问题

如果你在播放器中遇到媒体播放问题，例如：请阅读此页面

🌐 Read this page if you encounter issues with media playback in the Player such as:

  • 场景之间的黑色画面
  • 音频断断续续
  • 意外暂停
  • 到处跳

确保最佳实践​

🌐 Ensure best practices

1
将 pauseWhenBuffering 添加到<Html5Audio>、<Html5Video>、<OffthreadVideo>和<Img>组件中。
2
为了平滑过渡，在<Sequence>中使用 premountFor 属性。
3
如果播放器已经骑乘，请不要使用 prefetch() 。
4
避免过度激进地进行prefetch()和预骑乘——这会更快消耗资源。

启用日志记录v4.0.250​

🌐 Enable loggingv4.0.250

你可以通过向 <Player> 组件添加 logLevel="trace" 来观察媒体的挂载、加载、搜索和缓冲事件。

🌐 You can observe mounting, loading, seeking and buffering events of media by adding logLevel="trace" to the <Player> component.

Adding logLevel="trace" to the Player
import React from 'react';
import {Player} from '@remotion/player';

export const MyApp: React.FC = () => {
  return <Player {...otherProps} logLevel="trace" />;
};
note

不要在生产环境中启用此属性，因为它可能导致性能下降。

要观察预取事件，如果有的话，在你的 prefetch() 调用中添加 logLevel: "trace"：

🌐 To observe prefetching events, add logLevel: "trace" to your prefetch() calls, if there are any:

Adding logLevel: "trace" to prefetch()
import {prefetch} from 'remotion';

prefetch(src, {
  logLevel: 'trace',
});

报告问题​

🌐 Reporting issues

我们已经对相关事件实现了精确记录，以便改进 Remotion 对媒体播放的处理方式。
我们鼓励你提交反馈。如果你想要提交反馈，请：

🌐 We have implemented exact logging of relevant events so in order to improve how Remotion handles media playback.
We are encouraging you to file feedback. If you would like to report feedback, please:

1
确保你至少使用 Remotion 的 v4.0.302 版本。以前的版本存在已知错误。

启用日志记录 并在播放期间将所有日志与报告一起发送。

另请参阅​

🌐 See also

Last updated on