WebRTCを使いたい・・となったのでサンプルコードを探し、発見したコードが Navigator.getUserMedia を使った実装だった。
それをMobile Safariの上で動かしてみたが思い通りに動かずはまった。。
原因は Navigator.getUserMedia がすでにDeprecatedになっており、使えないということ。
navigator.mediaDevices.getUserMedia を使うのが正しい。
参考：
以下のコードはちゃんと動きました。 https://kjunichi.github.io/ios/face/index.html
WebRTCを使ってCanvasに流した映像から画像を切り出す方法。 developer.mozilla.org
