Comment sélectionnez la caméra dans la webapp?

Comment choisir entre l'avant et l'arrière de la caméra dans une webapp?

également utile pour: Comment choisir entre plusieurs microphones?

OriginalL'auteur AddingColor | 2014-01-17

  1. 20

    Il y a un live exemple sur:

    https://webrtc.github.io/samples/src/content/devices/input-output/

    (Ce webrtc-link est nouveau, et devrait fonctionner sur Chrome mobile)

    Lien est à partir de cette réponse - https://stackoverflow.com/a/35480435/2414207, qui est en train de discuter MediaDevices.enumerateDevices()[nouveau] vs MediaStreamTrack.getSources()[obsolète] dans la profondeur.

    Vous pouvez trouver de plus amples informations (un peu dépassée aujourd'hui, mais utile pour obtenir de l'image) à ce sujet sur:

    http://www.html5rocks.com/en/tutorials/getusermedia/intro/#toc-gettingstarted

    Faites défiler vers le bas et sauter:

    • Fonction de détection de
    • Accéder à un périphérique d'entrée
    • Réglage des médias contraintes

    jusqu'à

    • Sélection d'une source de média

    De référence: mon ancien live exemple (cassé)

    https://simpl.info/getusermedia/sources/

    Ils sont à l'aide de MediaStreamTrack.getSources()[obsolète],cela ne fonctionne pas sur Chrome 45 et Firefox 39 plus.

    Pour la nouvelle fonction MediaDevices.enumerateDevices() - voir https://stackoverflow.com/a/35480435/2414207

    J'ai répondu moi-même, parce que je cherchais des informations sur stackexchange et ne peut trouver de tout, donc de poser cette question pour les gens confrontés au même problème
    Cet exemple ne fonctionne pas sur chrome mobile. Au moins la commutation entre les caméras ne fonctionnent pas.
    a été un travail de démonstration jamais montré dans la dernière année. Je ne peux pas trouver un seul qui fonctionne dans chrome mobile.
    ce (les prochains jours), est-il exact que la vidéo fonctionne, mais la sélection de la caméra ne fonctionne pas?
    Qui est correct. Sur mon Samsung avec Chrome 54.0.2840.85 l'appareil photo avant travaux sur la charge, mais lors de la modification à l'arrière, il se casse (noir appareil photo de l'écran). Sur mon Nexus5 (Chrome 54.0.2840.85), les deux appareils ne fonctionnent pas. Dans mon Débogage à distance à l'Inspecteur qu'il jette les erreurs dans le main.js:42 "PermissionDeniedError" msg": "Seule sécurisé origines sont autorisées (voir: goo.gl/Y0ZkNV)."" https peut résoudre ce problème. Je vais le tester aussi bien local. Aussi à partir de l'Inspecteur principal.js:32 MediaStreamTrack.getSources est obsolète. Voir chromestatus.com/feature/4765305641369600 pour plus de détails."

    OriginalL'auteur AddingColor