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