Agora.io 视频流在纵向和横向上剪切视频

Question

我正在使用 React Native 实现 agora.io，但在视频流上，接收器无法在移动设备旋转时获取完整视频，例如纵向视频的某些部分丢失，横向视频的某些部分丢失失踪。我想要像 YouTube 上的视频一样的视频流，在纵向模式下视频根据纵向适合，在横向模式下视频根据横向适合。

const config = {
  //Setting config of the app


  appid: '********', //streamer app appId
  channelProfile: 1, //Set channel profile as 0 for RTC
  clientRole: 2,
  videoEncoderConfig: {
    //Set Video feed encoder settings
    width: 720,
    height: 1600,
    bitrate: 1,
    frameRate: FPS30,
    orientationMode: Adaptative,
    swapWidthAndHeight: true,
  },

  audioProfile: AudioProfileDefault,
  audioScenario: AudioScenarioDefault,
};

Answer 1

您使用的视频渲染模式似乎是 hidden 而不是 fit。

要使用渲染模式fit，您可以进行类似的 AgoraView 组件设置：

import { AgoraViewMode } from 'react-native-agora';

<AgoraView mode={AgoraViewMode.FIT} {...otherProps} />

参考文献：

https://agora-rn-uikit.netlify.app/docs/api/classes/_agoraview_native_.agoraview

Agora.io 视频流在纵向和横向上剪切视频

Agora.io video streaming cuts the video on portrait and landscape

video-streaming

react-native

agora.io