added upload and messages
Alexander Roidl
2 years ago
parent
83dc392cac
commit
389f9b71cb
@ -0,0 +1,7 @@
|
|||||||
|
FROM tiangolo/uwsgi-nginx-flask:python3.8-alpine
|
||||||
|
RUN apk --update add bash nano
|
||||||
|
ENV STATIC_URL /static
|
||||||
|
ENV STATIC_PATH /var/www/app/static
|
||||||
|
COPY ./requirements.txt /var/www/requirements.txt
|
||||||
|
RUN pip install -r /var/www/requirements.txt
|
||||||
|
|
||||||
Binary file not shown.
@ -0,0 +1,12 @@
|
|||||||
|
{% macro render_field(field) %}
|
||||||
|
<dt>{{ field.label }}
|
||||||
|
<dd>{{ field(**kwargs)|safe }}
|
||||||
|
{% if field.errors %}
|
||||||
|
<ul class=errors>
|
||||||
|
{% for error in field.errors %}
|
||||||
|
<li>{{ error }}</li>
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
{% endif %}
|
||||||
|
</dd>
|
||||||
|
{% endmacro %}
|
||||||
@ -0,0 +1,108 @@
|
|||||||
|
{% extends 'base.html' %}
|
||||||
|
|
||||||
|
{% block main %}
|
||||||
|
{% from "_formhelpers.html" import render_field %}
|
||||||
|
|
||||||
|
<h1 class="page-header">Add Message</h1>
|
||||||
|
{% with messages = get_flashed_messages() %}
|
||||||
|
{% if messages %}
|
||||||
|
<div class="alert alert-danger">
|
||||||
|
<ul>
|
||||||
|
{% for message in messages %}
|
||||||
|
<li>{{ message }}</li>
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
{% endwith %}
|
||||||
|
|
||||||
|
<form method="POST" action="{{ url_for('addaudio') }}" enctype=multipart/form-data>
|
||||||
|
{{ form.csrf_token }}
|
||||||
|
<input type="hidden" name="longitude" value="{{ longitude }}" />
|
||||||
|
<input type="hidden" name="latitude" value="{{ latitude }}" />
|
||||||
|
<div style="width: 40%;">
|
||||||
|
message: {{ form.message(cols="45", rows="10", class="form-control") }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="audio">
|
||||||
|
<a onclick="record_audio()" href="#">record</a>
|
||||||
|
<a onclick="stop_audio()" href="#">stop</a>
|
||||||
|
<span id="seconds_rec"></span><span> seconds</span>
|
||||||
|
<div id="audio-player-container"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<input type="file" name="file" id="uploadedFile" accept="audio/*"><br>
|
||||||
|
|
||||||
|
<button type="submit">Submit</button>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<clear>
|
||||||
|
{% endblock main %}
|
||||||
|
{% block js%}
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
var mediaRecorder;
|
||||||
|
var seconds_rec = 0;
|
||||||
|
var seconds_int;
|
||||||
|
|
||||||
|
function record_audio(){
|
||||||
|
seconds_int = setInterval(
|
||||||
|
function () {
|
||||||
|
document.getElementById("seconds_rec").innerHTML = seconds_rec;
|
||||||
|
seconds_rec += 1;
|
||||||
|
}, 1000);
|
||||||
|
|
||||||
|
navigator.mediaDevices.getUserMedia({ audio: true })
|
||||||
|
.then(stream => {
|
||||||
|
mediaRecorder = new MediaRecorder(stream);
|
||||||
|
mediaRecorder.start();
|
||||||
|
|
||||||
|
const audioChunks = [];
|
||||||
|
mediaRecorder.addEventListener("dataavailable", event => {
|
||||||
|
audioChunks.push(event.data);
|
||||||
|
});
|
||||||
|
|
||||||
|
mediaRecorder.addEventListener("stop", () => {
|
||||||
|
const audioBlob = new Blob(audioChunks);
|
||||||
|
const audioUrl = URL.createObjectURL(audioBlob);
|
||||||
|
var sound = document.createElement('audio');
|
||||||
|
sound.id = 'audio-player';
|
||||||
|
sound.controls = 'controls';
|
||||||
|
sound.src = audioUrl;
|
||||||
|
console.log(audioUrl)
|
||||||
|
sound.type = 'audio/ogg';
|
||||||
|
document.getElementById("audio-player-container").innerHTML = sound.outerHTML;
|
||||||
|
|
||||||
|
|
||||||
|
const audio = new Audio(audioUrl);
|
||||||
|
//audio.play();
|
||||||
|
let file = new File([audioBlob], "audio.ogg",{type:"audio/ogg"});
|
||||||
|
let container = new DataTransfer();
|
||||||
|
container.items.add(file);
|
||||||
|
document.getElementById("uploadedFile").files = container.files;
|
||||||
|
|
||||||
|
//const audio = new Audio(audioUrl);
|
||||||
|
//audio.play();
|
||||||
|
});
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
stop_audio()
|
||||||
|
}, 1000 * 60);
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function stop_audio(){
|
||||||
|
clearInterval(seconds_int);
|
||||||
|
mediaRecorder.stop();
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
{% endblock js%}
|
||||||
@ -0,0 +1,33 @@
|
|||||||
|
{% extends 'base.html' %}
|
||||||
|
|
||||||
|
{% block main %}
|
||||||
|
{% from "_formhelpers.html" import render_field %}
|
||||||
|
|
||||||
|
<h1 class="page-header">Add Message</h1>
|
||||||
|
{% with messages = get_flashed_messages() %}
|
||||||
|
{% if messages %}
|
||||||
|
<div class="alert alert-danger">
|
||||||
|
<ul>
|
||||||
|
{% for message in messages %}
|
||||||
|
<li>{{ message }}</li>
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
{% endwith %}
|
||||||
|
<form method="POST" action="{{ url_for('addtext') }}" enctype=multipart/form-data>
|
||||||
|
{{ form.csrf_token }}
|
||||||
|
<input type="hidden" name="longitude" value="{{ longitude }}" />
|
||||||
|
<input type="hidden" name="latitude" value="{{ latitude }}" />
|
||||||
|
<div style="width: 40%;">
|
||||||
|
message: {{ form.message(cols="45", rows="10", class="form-control") }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button type="submit">Submit</button>
|
||||||
|
|
||||||
|
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<clear>
|
||||||
|
{% endblock main %}
|
||||||
|
|
||||||
@ -0,0 +1,13 @@
|
|||||||
|
click==8.1.3
|
||||||
|
Flask==2.2.2
|
||||||
|
Flask_SocketIO==5.3.1
|
||||||
|
flask_sqlalchemy==3.0.2
|
||||||
|
Flask_WTF==1.0.1
|
||||||
|
marshmallow==3.18.0
|
||||||
|
PyPDF2==2.11.1
|
||||||
|
python-dotenv==0.21.0
|
||||||
|
requests==2.28.1
|
||||||
|
SQLAlchemy==1.4.42
|
||||||
|
Wand==0.6.10
|
||||||
|
Werkzeug==2.2.2
|
||||||
|
WTForms==3.0.1
|
||||||
@ -1,3 +1,3 @@
|
|||||||
#! /usr/bin/env python
|
#! /usr/bin/env python
|
||||||
from app import app, socketio
|
from app import app, socketio
|
||||||
socketio.run(app,host="0.0.0.0", port=8080, ssl_context='adhoc')
|
socketio.run(app,host="0.0.0.0", port=8080)
|
||||||
|
|||||||
@ -0,0 +1,6 @@
|
|||||||
|
#!/bin/bash
|
||||||
|
app="geo.app"
|
||||||
|
docker build -t ${app} .
|
||||||
|
docker run --platform linux/amd64 -p 56733:80 \
|
||||||
|
--name=${app} \
|
||||||
|
-v $PWD:/app ${app}
|
||||||
Loading…
Reference in New Issue