화면들

화면들 

스트리밍 화면 

{% extends "base.html" %}

{% block content %}

	<div class="container">
		<center>
		<img src="{{ url_for('video_pi_feed') }}" class="border border-dark">
		</center>
	</div>    
	
{% endblock %}

아카이빙 리스트 

{% extends "base.html" %}

{% block content %}
	<div class="container">
		<div class="row">
			<h2>Archive</h2>
		</div>
		<div class="container">
			<div class="row">
				<table class="table table-striped">
					<thead>
						<tr>
							<th>Name</th>
							<th>Type</th>
							<th>Size</th>
							<th class="text-right">Actions</th>
						</tr>
					</thead>
					<tbody>
						{% for record in get_records() %}
						<tr>
							<td>{{ record.filename }}</td>
							<td>{{ record.type }}</td>
							<td>{{ record.size }}</td>
							<td class="text-right">
								<a href="archive/{{ record.filename }}" class="btn btn-success"><i class="fas fa-play fa-fw"></i>Play</a>
								<a href="archive/delete/{{ record.filename }}" class="btn btn-danger"><i class="fas fa-trash fa-fw"></i>Delete</a>
							</td>
						</tr>
						{% endfor %}
					</tbody>
				</table>
			</div>
		</div>
	</div>
{% endblock %}

아카이빙 실행 화면 

{% extends "base.html" %}

{% block content %}
<div class="container">
	{{ filename }}  <a href="/archive/delete/{{ filename }}" class="btn btn-danger"><i class="fas fa-trash fa-fw"></i>Delete</a>
	<div class="col-12 text-center">
		{% if type == 'video' %}
		<video class="video" width="640" height="480" controls>
			<source src="/archive/play/{{ filename }}" type="video/mp4">
		</video>
		{% elif type == 'audio' %}
		<audio controls>
			<source src="/archive/play/{{ filename }}" type="audio/mpeg">
		</audio>
		{% else %}
		<img src="/archive/play/{{ filename }}" >
		{% endif %}
	</div>
	
</div>
{% endblock %}