WebRTC で使用するカメラを選択できるようにする

[su8ru]

望遠レンズがついているスマホだとそれが選択されて永遠にピントが合わないことがある。
各スキャン画面で設定できるようにして、その設定は localStorage に保存するのがよさそう。

navigator.mediaDevices.enumerateDevices()

たとえば私のスマホだと、camera2 0 が正しそうだけど camera2 4 が選択されていそう

[
    ... (audioinput)
    {
        "deviceId": "5a71313edc9e16dc1d58ea2883d3bf8acd815957573e2c97461044695c18fc13",
        "kind": "videoinput",
        "label": "camera2 1, facing front",
        "groupId": "2d2465d73f76ac73e06fdb9722e4dc7de04e736cbbb60636f792559ff65c1ea8"
    },
    {
        "deviceId": "8f74012e447361048b29ec9b20ad776705bacbd3bd6912f799f2a93b7aee4d1b",
        "kind": "videoinput",
        "label": "camera2 4, facing back",
        "groupId": "a41a80d0b149458d454eb4f1bd29af20a753e3954b8203f1b14b27709ef9a162"
    },
    {
        "deviceId": "721ffd6a66b81f4e6ce77a56cbdfa896d364c92330db201371ac60d4ba15191c",
        "kind": "videoinput",
        "label": "camera2 3, facing back",
        "groupId": "bed2eb9da00046b32fadcaf9a1642b3a2a0f7fc3550b5e4580879e378def3bb5"
    },
    {
        "deviceId": "067fd3b57e3ba98e711e826747d72a5f3acd6f3da42c931802b54813b4edd60f",
        "kind": "videoinput",
        "label": "camera2 2, facing back",
        "groupId": "72d2991d535c431d955cab8655071326a6ae66bac7f9f76467c364ac85d8def1"
    },
    {
        "deviceId": "4241ebc780307476f651db1f1a8bbfc04d5c579af0d974c0bd7038da803000f0",
        "kind": "videoinput",
        "label": "camera2 0, facing back",
        "groupId": "e9502878e935420f2ddad3444d34ab84558d480cfe681f3487a82c32b88cfba3"
    },
    {
        "deviceId": "default",
        "kind": "audiooutput",
        "label": "",
        "groupId": "default"
    }
]