tarinaretake

git clone https://git.tarina.org/tarinaretake
Log | Files | Refs | README | LICENSE

index.html (4125B)

      1 $def with (renderedfilms, unrenderedfilms, cameras, menu, selected,name,scene,shot,take,str,randhash,thumb,vumetermessage,func)
      2 $var renderedfilms = renderedfilms
      3 $var unrenderedfilms = unrenderedfilms
      4 <script>
      5 $$(document).on('keydown', function (event) {
      6     if (event.which == 37) {
      7         $$('#LEFT').trigger('click');
      8     } else if (event.which == 39) {
      9         $$('#RIGHT').trigger('click');
     10     } else if (event.which == 38) {
     11         $$('#UP').trigger('click');
     12     } else if (event.which == 40) {
     13         $$('#DOWN').trigger('click');
     14     } else if (event.which == 33) {
     15         $$('#RECORD').trigger('click');
     16     } else if (event.which == 34) {
     17         $$('#RETAKE').trigger('click');
     18     } else if (event.which == 9) {
     19         $$('#VIEW').trigger('click');
     20     } else if (event.which == 46) {
     21         $$('#DELETE').trigger('click');
     22     } else if (event.which == 13) {
     23         $$('#MIDDLE').trigger('click');
     24     }
     25 });
     26 </script>
     27 connected 
     28 <pre>use keyboard to control</pre>
     29 $for i in cameras:
     30     $i
     31 <br>
     32 <div id="controls" style="display:none"> >
     33 <a id="VIEW" href="/?func=view">VIEW</a> <a id="UP" href="/?func=up">__UP__</a> <a id="RECORD" href="/?func=record">RECORD</a><br>
     34 <a id="LEFT" href="/?func=left">LEFT</a> <a id="MIDDLE" href="/?func=middle">MIDDLE</a> <a id="RIGHT" href="/?func=right">RIGHT</a><br>
     35 <a id="DELETE" href="/?func=delete">DELETE</a> <a id="DOWN" href="/?func=down">DOWN</a> <a id="RETAKE" href="/?func=retake">RETAKE</a><br>
     36 <a href="/?func=picture">PICTURE</a>
     37 <a href="/?func=search">SEARCH</a>
     38 </div>
     39 
     40 <div id="menu" style="margin:0 auto; width:99%">
     41 $vumetermessage
     42 <br>
     43 $ y=0
     44 $for m in menu[3:]:
     45     $if selected == y:
     46         <b>$m[:-1]</b>
     47     $else:
     48         <a href="?selected=$y">$m[:-1]</a>
     49     $ y+=1
     50 <br>
     51 </div>
     52 $if thumb != '':
     53     $ picture="static/Videos/" + name + "/scene" + str(scene).zfill(3) + "/shot" + str(shot).zfill(3) + "/picture" + str(take).zfill(3) + ".jpeg"
     54 $else:
     55     $ picture="static/Videos/" + name + "/scene" + str(scene).zfill(3) + "/shot" + str(shot).zfill(3) + "/take" + str(take).zfill(3) + ".jpeg"
     56 
     57 
     58 $ take_link="static/Videos/" + name + "/scene" + str(scene).zfill(3) + "/shot" + str(shot).zfill(3) + "/take" + str(take).zfill(3) + ".mp4"
     59 $ scene_link="static/Videos/" + name + "/scene" + str(scene).zfill(3) + "/scene.mp4"
     60 $ film_link="static/Videos/" + name + "/" +name+ ".mp4"
     61 $if selected == 0:
     62     <a href='$film_link'><img width="80%" src="$picture?$randhash"/></a><br>
     63 $elif selected == 1:
     64     <a href='$scene_link'><img width="80%" src="$picture?$randhash"/></a><br>
     65 $elif selected > 1:
     66     <a href='$take_link'><img width="80%" src="$picture?$randhash"/></a><br>
     67 <br>
     68 $if func=='show_all_films':
     69     <h1>FILMS</h1>
     70 
     71     $for i in renderedfilms:
     72         <p>--------------------------------------------------------------</p>
     73         <h2>$i</h2>
     74         <a href="static/Videos/$i/${i}.mp4"><img width="80%" src="static/Videos/$i/scene001/shot001/take001.jpeg?$randhash"/></a><br>
     75         <p>Copy project to your destination:</p>
     76         <pre>scp -r pi@tarina.local:~/Videos/$i ~/films/$i</pre>
     77     <h1>Films unrendered</h1>
     78 
     79     $for i in unrenderedfilms:
     80         <h2>$i </h2>
     81         <p>Copy project to your destination:</p>
     82         <pre>scp -r pi@tarina.local:~/Videos/$i ~/films/$i</pre>
     83 
     84 <script>
     85 $$('#LEFT').on('click', function () { window.open('?func=left',"_self");return false; });
     86 $$('#RIGHT').on('click', function () { window.open('?func=right',"_self");return false; });
     87 $$('#DOWN').on('click', function () { window.open('?func=down',"_self");return false; });
     88 $$('#UP').on('click', function () { window.open('?func=up',"_self");return false; });
     89 $$('#RECORD').on('click', function () { window.open('?func=record',"_self");return false; });
     90 $$('#RETAKE').on('click', function () { window.open('?func=retake',"_self");return false; });
     91 $$('#DELETE').on('click', function () { window.open('?func=delete',"_self");return false; });
     92 $$('#VIEW').on('click', function () { window.open('?func=view',"_self");return false; });
     93 $$('#MIDDLE').on('click', function () { window.open('?func=middle',"_self");return false; });
     94 </script>
     95