39 lines
1000 B
HTML
39 lines
1000 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<!-- Audio Player -->
|
|
<script src="https://kit.fontawesome.com/025ae7f87a.js" crossorigin="anonymous"></script>
|
|
<link href="{{ url_for('static', path='/audio-player/css/player.css') }}" rel="stylesheet">
|
|
<script src="{{ url_for('static', path='/audio-player/js/player.js') }}"></script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<div class="text-file">
|
|
{% for lo in log %}
|
|
<div>
|
|
<div class="player-container" id="player-container-{{ loop.index }}"></div>
|
|
<script>
|
|
new AudioPlayer({
|
|
container: '#player-container-{{ loop.index }}',
|
|
audioFile: '{{ lo.audio_file }}'
|
|
});
|
|
</script>
|
|
{% if lo.text %}
|
|
{% for line in lo.text %}
|
|
{{ line }}<br>
|
|
{% endfor %}
|
|
{% else %}
|
|
No text file found.
|
|
{% endif %}
|
|
</div>
|
|
|
|
{% endfor %}
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
|
|
</html> |