Аудиозапись в модальном Bootstrap и Django

Мне нужно вставить в модал boostrap возможность записи звука с микрофона и передать файл в представление django.

Для текста я сделал это так, но я не знаю, как сделать это для аудио, идеи?

HTML:

<div class="modal fade" id="textModal">
        <div class="modal-dialog">
            <div class="modal-content">


                <form action="results_text_analysis" method="POST">

                    <!-- Modal Header -->
                    <div class="modal-header">
                        <h4 class="modal-title">Input text</h4>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>

                    <!-- Modal body -->
                    <div class="modal-body">
                        {% csrf_token %}
                        <textarea type="text" class="form-control input-lg" name="text"></textarea>
                    </div>

                    <!-- Modal footer -->
                    <div class="modal-footer">
                        <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary">Calculate</button>
                    </div>

                </form>

            </div>
        </div>

VIEW:

@api_view(['POST'])
def results_text_analysis(request):
    input_text = request.POST['text']
    .....

Вернуться на верх