como usar webcam para tirar foto e gravar?

[oficina...@gmail.com]

Bom dia!
No cadastro de cliente tenho um campo de foto.
E no template um input tipo file onde o usuário seleciona a foto. Campo padrão para foto.
Está funcionando corretamente.
Mas quero melhorar a rotina.... usar a webcam para tirar a foto e já trazer para o cadastro.
Estou tentando trabalhar com webcam.js (https://github.com/jhuckaby/webcamjs). Inclusive tem documentação com exemplos. Achei bem completo. Recomendam algum outro? Ou alguém tem algum exemplo?
Exemplo disponível que estou seguindo: (html + javascript): https://pixlcore.com/demos/webcamjs/demos/combo.html
Estou com 2 problemas:
Meu primeiro problema é que ao entrar no template de cadastro a webcam é ativada.
Pois preciso colocar no template: <script type="text/javascript" src="{% static 'core/js/webcam.min.js'%}"></script>
Não sei como resolver?
Será que preciso criar um outro html apenas para webcam?
Criei um botão (Tirar foto), onde irá abrir um modal para trabalhar com a webcam.
Consegui fazer os botões de tirar foto, tirar outra foto e usar foto.
Meu segundo problema é que na function "save_photo" não consigo atualizar o input com a foto tirada.
Já tentei:
$("#id_foto").val(data_uri);
Mas não aceita.
Uncaught DOMException: Failed to set the 'value' property on 'HTMLInputElement': This input element accepts a filename, which may only be programmatically set to the empty string.

Aguardo ajuda!