并扩大了网络作为相机和麦克风平台的范围
原文地址:blog.bitsrc.io/ios-14-3-br…
原文作者:leemartin.dev/
发布时间:2020年12月19日 - 3分钟阅读
自从苹果在2017年夏天为Safari浏览器带来支持以来,我一直在关注WebRTC在iOS上的发展。我在我的网络工作中使用WebRTC来获取用户的摄像头或麦克风,并将这些媒体流整合到独特的营销活动中。虽然2017年的那个时刻对开放框架来说是巨大的,但在iOS上的可访问性方面仍然存在差距。这些问题主要与Twitter、Facebook和Instagram等流行社交应用内的浏览器有关。这个问题也存在于非Safari浏览器应用程序中,如Chrome。😥
正如我在Behemoth案例研究中所讨论的,几乎所有的社交应用都通过iOS提供的浏览器层将网络浏览保留在其应用中。(为什么要把你送走,因为他们可以继续为你提供广告🙃)我没有做太多的iOS开发,但很明显,有两种主要的方式可以在本地应用程序中调出浏览器窗口。SFSafariViewController和WKWebView。在2017年,这两个选项都不支持框架,所以所有关键的社交应用(和非Safari浏览器)都无法运行WebRTC驱动的应用。
去年,iOS 13迎来了WebRTC对SFSafariViewController的到来,所以突然间,Twitter的应用内浏览器能够运行这些类型的应用程序。我当时很兴奋,并评论说,我们只是在等待WKWebView的多米诺骨牌倒下。🤞🏻现在时机已到。在iOS 14.3中,WKWebView现在支持WebRTC,除了那些没有升级到14.3的用户之外,你应该可以放心地使用它。感谢所有在iOS上工作的开发者,是他们让这一切成为现实。
我想我将利用这个时刻来强调过去的几个WebRTC项目,以帮助激发未来在该框架上的黑客行为。有很多项目可以选择,但这里是我最喜欢的几个项目和它们相应的案例研究。
灵感
一个Behemoth案例研究和一些抱怨
对于Behemoth,我们使用WebRTC来获得麦克风的访问权,并让粉丝们背诵撒旦的祈祷词,以便流传一首歌。我们使用了 IBM Watson 来确保他们说的是正确的话。
David Bowie
为庆祝《太空怪谈》50周年
对于大卫-鲍伊,我们使用WebRTC来获取用户的相机,并让他们拍摄一张月亮的照片,以解锁 "太空怪谈 "的新视频。我们使用谷歌视觉API来确保月亮出现在拍摄的照片中。
一个安静的地方
为网络建立一个声音探测器来保护你的安全
对于《安静的地方》,我们使用WebRTC来获得麦克风的访问权,并检测你当前位置的安全程度。我们通过使用Web Audio来计算你所在地的平均响度,并要求你保持30秒的安静。
从哪里开始使用WebRTC
CodePen教程
如何在CodePen上使用Vue、Tailwind和WebRTC构建一个简单的iOS主屏幕PWA相机
WebRTC终于出现在iOS主屏幕上了
当WebRTC进入iOS主屏幕应用程序时(另一个里程碑),我实际上写了一个关于在CodePen.IO上创建一个简单摄像头的教程 CodePen.IO 。这个教程带你了解我认为是一个可靠的相机应用的最低限度,并附带一个你可以分叉的CodePen。
多年来,WebRTC一直是我灵感的一个巨大来源。如果你对这个框架有任何疑问,请随时在Twitter上给我留言。快乐的黑客行为!