react-native-video中的失真

Question

我在react-native- video中遇到了视频失真(不是每次)，我附上了下面的快照

​

​

附加视频组件的代码片段

                <Video
                  controls={false}
                  onLoad={onLoad}
                  onBuffer={onBuffer}
                  onLoadStart={onLoadStart}
                  onProgress={onProgress}
                  onEnd={onEnd}
                  paused={!play}
                  ref={videoPlayer}
                  resizeMode={screenType}
                  source={{
                    uri: getSourceHls(),
                  }}
                  style={{
                    position: 'absolute',
                    top: 0,
                    left: 0,
                    bottom: 0,
                    right: 0,
                    width: '100%',
                    height: '100%',
                    backgroundColor: Colors.background,
                  }}
                  volume={10}
                />

谁能告诉我我遗漏了什么/做错了什么？

Answer 1

我在react-native-video (4.4.5)上也遇到了类似的问题，我也一直在尝试获得一些解决方案。在我的例子中，这种情况并不总是发生在所有的视频上，而是发生在某些移动设备上。在将版本从4.4.5升级到5.1.1之后，我看到了改进，我目前正在监控。我将请求您尝试将react-native-video升级到最新版本(5.1.1)，这应该会给您带来一些好处。