X-Git-Url: http://git.plutz.net/?a=blobdiff_plain;f=templates%2Fview.html.sh;h=6c8a2e0aec965534908f63afaed53e8241ea0f62;hb=3fcb8652dc12ebccb83176bac1948a809322105d;hp=c0a41193e4f827d00a1702b1d43940ea6428a09c;hpb=5667597778145b23dc04aa65e1e9ea3ac0b7fd97;p=serve0

diff --git a/templates/view.html.sh b/templates/view.html.sh
index c0a4119..6c8a2e0 100755
--- a/templates/view.html.sh
+++ b/templates/view.html.sh
@@ -44,11 +44,13 @@ cat <<EOF
 
 
 <div id="videoview">
-  <h1>$info</h1>
+  <h1>$(htmlsafe "$info")</h1>
 
-  <a href="$video">Download</a>
-  <video autoplay controls>
-    <source src="$video" type='video/mp4; codecs="avc1.4D401E, mp3"'>"
+  <a href="$(urlsafe "$video")">Download</a>
+  <a href="javascript:stereoview(180, document.getElementById('mainvideo'));">View 180º Steroscopic</a>
+  <a href="javascript:stereoview(360, document.getElementById('mainvideo'));">View 360º Steroscopic</a>
+  <video id="mainvideo" autoplay controls>
+    <source src="$(urlsafe "$video")" type='video/mp4; codecs="avc1.4D401E, mp3"'>"
   </video>
 
   <span class="info length">$(printf "%d:%02d min" $(($length / 60)) $(($length % 60)) )</span>
@@ -59,6 +61,8 @@ cat <<EOF
   ${description:+<span class="info description">$(printf %s "$description" |_wiki)</span>}
 </div>
 
+<script type="text/javascript" src="?static=stereoview.js"></script>
+
 <form class="panel switchable bottom" id="tagger" action="?action=meta&${page_this}" method="post" accept-charset="UTF-8">
   <input type="hidden" name="referrer" value="$(attribsafe "${REQUEST_URI}")">
   <input type="hidden" name="length" value="$length">