2009-06-14 14:51:10 +00:00
|
|
|
{% extends 'base.html' %}
|
|
|
|
|
{% block head %}
|
2010-07-12 19:09:02 +00:00
|
|
|
<title>Pad.ma: Play</title>
|
2009-06-14 14:51:10 +00:00
|
|
|
<link rel="stylesheet" type="text/css" href="/static/css/padmaList.css" />
|
|
|
|
|
<script type="text/javascript" src="/static/js/padmaApi.js"></script>
|
|
|
|
|
<script type="text/javascript" src="/static/js/padmaList.js"></script>
|
2010-07-12 19:09:02 +00:00
|
|
|
<script type="text/javascript" src="/static/js/padmaVideo.js"></script>
|
|
|
|
|
<script type="text/javascript" src="/static/js/padmaLayer.js"></script>
|
|
|
|
|
<script type="text/javascript" src="/static/js/padmaSearch.js"></script>
|
2010-07-15 00:02:35 +00:00
|
|
|
<script type="text/javascript" src="/static/js/liveFuncs.js"></script>
|
2009-06-14 14:51:10 +00:00
|
|
|
<script type="text/javascript">
|
2010-07-15 00:02:35 +00:00
|
|
|
var listId = "{{ listId|escapejs }}";
|
2009-06-14 14:51:10 +00:00
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
{% endblock %}
|
|
|
|
|
|
|
|
|
|
{% block body %}
|
2010-07-12 19:09:02 +00:00
|
|
|
<!--
|
2009-06-15 00:34:10 +00:00
|
|
|
<div id="resultWrapper">
|
|
|
|
|
<div id="results">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div id="resultDetails">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2010-07-12 19:09:02 +00:00
|
|
|
-->
|
|
|
|
|
<script type="text/html" id="tmpl_layerResult">
|
|
|
|
|
<div class="layerTitle">
|
|
|
|
|
<span class="layerTrack"><%= layer.track %> </span>:
|
|
|
|
|
<span class="layerValue"><%= layer.shortValue %>... </span>
|
|
|
|
|
<span class="layerInOut"><%= layer.time_in_npt %> - <%= layer.time_out_npt %></span>
|
|
|
|
|
<span class="layerBtns">
|
|
|
|
|
<a href="#" class="addToClipBin" title="Add this clip to playlist.">>></a>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</script>
|
2009-06-14 14:51:10 +00:00
|
|
|
|
2010-07-12 19:09:02 +00:00
|
|
|
<script type="text/html" id="tmpl_clip">
|
|
|
|
|
<div class="clipMain">
|
|
|
|
|
<div class="clipImages">
|
|
|
|
|
<div class="clipInImage clipImage">
|
|
|
|
|
<img src="<%= layer.firstFrame128 %>" title="In: <%= layer.value %>" /><br />
|
|
|
|
|
<%= layer.time_in_npt %>
|
|
|
|
|
</div>
|
2010-07-15 00:02:35 +00:00
|
|
|
<div class="clipImage">
|
|
|
|
|
|
|
|
|
|
<video class="clipVideo" src="<%= layer.videoSrc128 %>" poster="<%= layer.middleFrame128 %>" controls="controls">
|
|
|
|
|
um, browser?
|
|
|
|
|
</video>
|
|
|
|
|
|
|
|
|
|
</div>
|
2010-07-12 19:09:02 +00:00
|
|
|
<div class="clipOutImage clipImage">
|
|
|
|
|
<img src="<%= layer.lastFrame128 %>" title="Out: <%= layer.value %>" /><br />
|
|
|
|
|
<%= layer.time_out_npt %>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="layerControls">
|
2010-07-15 00:02:35 +00:00
|
|
|
</div>
|
|
|
|
|
<div class="clipView layerControl">
|
|
|
|
|
-->
|
|
|
|
|
</div>
|
2010-07-12 19:09:02 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2010-07-15 00:02:35 +00:00
|
|
|
<div class="removeClip">
|
|
|
|
|
X
|
|
|
|
|
</div>
|
2009-06-14 14:51:10 +00:00
|
|
|
</div>
|
2010-07-12 19:09:02 +00:00
|
|
|
</script>
|
2010-07-15 00:02:35 +00:00
|
|
|
<script type="text/html" id="tmpl_playerWindow">
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
#wrapper {
|
|
|
|
|
width: 700px;
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
video {
|
|
|
|
|
width: 640px;
|
|
|
|
|
margin-left: 30px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#text {
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
font-family: Arial, Verdana, sans-serif;
|
|
|
|
|
color: #363636;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#track {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="wrapper">
|
|
|
|
|
<div id="video">
|
|
|
|
|
<video src="<%= layer.videoSrc320 %>" poster="<%= layer.firstFrame320 %>" controls="controls">browser? open video? huh?</video>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="text">
|
|
|
|
|
<div id="track">
|
|
|
|
|
<%= layer.track%>:
|
|
|
|
|
</div>
|
|
|
|
|
<div id="value">
|
|
|
|
|
<%= layer.value_html %>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
</script>
|
|
|
|
|
|
2010-07-12 19:09:02 +00:00
|
|
|
<div id="wrapper">
|
|
|
|
|
<div id="playBin">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="videos">
|
|
|
|
|
|
|
|
|
|
</div>
|
2009-06-15 00:34:10 +00:00
|
|
|
<div id="buffer">
|
|
|
|
|
<br /><br /><br /><br />
|
|
|
|
|
</div>
|
|
|
|
|
<div id="bottomBar">
|
|
|
|
|
<div id="searchDiv">
|
2010-07-12 19:09:02 +00:00
|
|
|
<form id="searchForm" action="" method="">
|
2010-07-15 00:02:35 +00:00
|
|
|
Search: <input type="text" id="search" /><span id="resultStats"></span>
|
2010-07-12 19:09:02 +00:00
|
|
|
</form>
|
2009-06-15 00:34:10 +00:00
|
|
|
</div>
|
2009-06-14 14:51:10 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{% endblock %}
|
