화면들

화면들  

 스트리밍 화면  

 {% 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 %}