javascript - Cordova IOS 13.6.1 视频不模糊
问题描述
我在我们的 Cordova IOS/Android 应用程序中使用 Cordova 插件 ( https://github.com/cordova-rtc/cordova-plugin-iosrtc ) 以及用于 WebRTC 的https://apirtc.com/产品。当应用程序进入后台(最小化)时,我正在从一个客户端向另一个客户端发送消息(应用程序已最小化),因此未最小化的客户端会模糊其应用程序已最小化的客户端的视频。我有这个 HTML,我在其中放置本地和远程视频
<div class="videosArea">
<div id="remote-container"></div>
<div id="local-container"></div>
</div>
我也有我正在申请的这个 css
.blur-on-minimize {
opacity: 0.5;
filter: blur(10px);
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10px);
}
在 JS 中,我有这段代码来处理应用程序的最小化
session.on('contactMessage', function(e) {
if (e.content === 'VideoPaused') {
$( "#remote-container" ).addClass( "blur-on-minimize" )
// $( "#remote-container" ).hide()
} else if (e.content === 'VideoResumed') {
$( "#remote-container" ).removeClass( "blur-on-minimize" )
// $( "#remote-container" ).show()
}
Logger.info(`Received message ${e.content} from ${e.sender.getId()}`)
});
这种类的添加和删除不适用于 IOS 元素,但在浏览器和 Android 上可以正常工作。
知道为什么会这样吗?
更新:我也尝试添加类
.blur-on-minimize {
display:none;
}
根据下面的文档。似乎这仍然不适用于IOS https://github.com/cordova-rtc/cordova-plugin-iosrtc/blob/master/docs/videoCSS.md
解决方案
我通过调用 IOS 的刷新功能解决了这个问题 https://github.com/cordova-rtc/cordova-plugin-iosrtc/blob/master/docs/iosrtc.md#iosrtcrefreshvideos
session.on('contactMessage', function(e) {
if (e.content === 'VideoPaused') {
$( "#remote-container video" ).addClass( "blur-on-minimize" )
if (Meteor.isCordova && Meteor.isIos) {
cordova.plugins.iosrtc.refreshVideos()
}
} else if (e.content === 'VideoResumed') {
$( "#remote-container video" ).removeClass( "blur-on-minimize" )
if (Meteor.isCordova && Meteor.isIos) {
cordova.plugins.iosrtc.refreshVideos()
}
}
Logger.info(`Received message ${e.content} from ${e.sender.getId()}`)
});
请记住,模糊是不可能的,您只能执行此处列出的属性 https://github.com/cordova-rtc/cordova-plugin-iosrtc/blob/master/docs/videoCSS.md
推荐阅读
- python - 为向量构建 keras CNN
- python - Mqtt 检查订阅的主题是否已停止发布消息
- r - 我可以运行和编织使用外部代码给出相同的结果吗?
- pine-script - 交易晚了一天
- python - 如何根据概率分布将从列表中选择的值分配给 df 列?
- python - Python 和 Atom 的 Django 虚拟环境问题
- javascript - PAC 文件问题 str.match 不是函数
- c# - 有没有办法用 C# 在 Scriban 中动态地索引对象?
- swiftui - SwiftUI 从 URL 和构建列表中解析多层 JSON 数据
- python - 跳过地图中函数的迭代