react-native-video 是不是支持来自 hls url 的直播?

Posted

技术标签:

【中文标题】react-native-video 是不是支持来自 hls url 的直播?【英文标题】:Does react-native-video supports live streaming from hls url?react-native-video 是否支持来自 hls url 的直播? 【发布时间】:2020-09-08 10:46:04 【问题描述】:

我正在使用 react-native-video 来处理 hls 网址。它适用于 box react-native run-android 但在构建 bundleRelease 后,直播视频无法播放

【问题讨论】:

你用的是哪个版本? 是的,您可以在此处的文档中找到它。 https://github.com/react-native-community/react-native-video 是最新版我不知道旧版。 嘿伙计,你能解决这个问题吗? 【参考方案1】:

简单的答案是肯定的! this package will help you ! 首先安装它使用

sudo npm -g i react-hls-player

在您的项目中使用

导入包
import React from 'react';
import ReactDOM from 'react-dom';
import ReactHlsPlayer from 'react-hls-player';

然后渲染它

ReactDOM.render(
  <ReactHlsPlayer
    src="https://bitdash-a.akamaihd.net/content/sintel/hls/playlist.m3u8"
    hlsConfig=
      maxLoadingDelay: 4,
      minAutoBitrate: 0,
      lowLatencyMode: true,
    
  />,
  document.getElementById('app')
);

简单粗暴!

【讨论】:

问题是关于 React-Native。

以上是关于react-native-video 是不是支持来自 hls url 的直播?的主要内容,如果未能解决你的问题,请参考以下文章

React-native-video 不显示视频播放器

错误 react-native-video:未定义不是对象(评估“RCTVideoInstance.Constants”)

react-native-video 中的失真

react-native-video 同时播放单独的视频和音轨?

自动链接是不是完全取代手动步骤(反应原生)?

当我单击 react-native-video 播放器中的硬件后退按钮时如何锁定 LandScape 模式?