实时流媒体弹出,而相机在iOS上不起作用 反应原生网络视图



我一直在React中尝试在iOS平台上使用WebRTC,但我在"playsInline"功能方面遇到了问题。我在视频标签上添加了两个playsInline属性,并在Webview设置中将"allowsInlineMediaPlayback"设置为true。如果按下相机按钮,就会弹出全黑屏幕,底部写着"直播",然后我关闭直播窗口,相机停止。

return (
<video
autoPlay = { true }
className = { className }
id = { id }
muted = { true }
playsInline = { true }
ref = { this._setVideoElement }
style = { style }
{ ...eventHandlers } />
);
<WebView
userAgent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.97 Safari/537.36"
source={{ uri: 'https://www.***' }}
ref = {webviewRef}
onMessage={handleOnMessage}
originWhitelist={['*']}
allowsInlineMediaPlayback = {true}
allowsFullscreenVideo = {true}
javaScriptEnabled = {true}
scalesPageToFit
mediaPlaybackRequiresUserAction={false}
startInLoadingState
javaScriptEnabledAndroid
useWebkit
/>

我添加了"playsInline"one_answers"allowsInlineMediaPlayback={true}",但它不起作用。

在此处检查allowsInlineMediaPlaybackhttps://github.com/react-native-webview/react-native-webview/blob/master/docs/Reference.md

布尔值,用于确定HTML5视频是内联播放还是使用本机全屏控制器。默认值为false。

为了在线播放视频,不仅需要将此属性设置为true,而且HTML文档中的视频元素还必须包括webkit playsinline属性。

最新更新