]> git.plutz.net Git - serve0/commitdiff
projects / serve0 / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 7090517)
improvements for smaller screens
authorpaul <paul@plutz.net>
Tue, 28 Apr 2015 13:43:14 +0000 (13:43 +0000)
committerpaul <paul@plutz.net>
Tue, 28 Apr 2015 13:43:14 +0000 (13:43 +0000)
svn path=/trunk/; revision=45

actions/transcode.sh patch | blob | history
templates/frame.html.sh patch | blob | history
templates/videoview.css.sh patch | blob | history

diff --git a/actions/transcode.sh b/actions/transcode.sh
index fa1de34dc0150a205663152abe96263e808af5fa..fd169b54683c3cf086660ce925a2765071a9e5d3 100644 (file)
--- a/actions/transcode.sh
+++ b/actions/transcode.sh
@@ -10,7 +10,10 @@ head -n1 "$meta" |read length width height name
 
 twidth=$(($width * $target / $height))
 
-[ -f "$trans" ] || nohup avconv -i "$video" -s "${twidth}x${target}" -threads auto "$trans" &
+if ! [ -f "$trans" ]; then
+ [ "$target" -le 240 ] && nohup avconv -i "$video" -s "${twidth}x${target}" -b:a 80k -threads auto "$trans" &
+ [ "$target" -gt 240 ] && nohup avconv -i "$video" -s "${twidth}x${target}" -threads auto "$trans" &
+fi
 
 echo "Location: /transcoded/${info}.${target}p.webm"
 echo
diff --git a/templates/frame.html.sh b/templates/frame.html.sh
index eae2968a46d43e1c68b0e332cdf26a66c5e8e42b..4cb612b320f62b76bd6cf38889786e9da7854443 100755 (executable)
--- a/templates/frame.html.sh
+++ b/templates/frame.html.sh
@@ -20,6 +20,7 @@ cat <<EOF
 
 <html>
   <head>
+    <meta name="viewport" content="width=device-width">
     <title>$(. $PAGE title)</title>
     <style type="text/css">
     <!--
diff --git a/templates/videoview.css.sh b/templates/videoview.css.sh
index 3024c43a11f297e114f22b465aef82c0b5636739..cb45dc2ac9708e8b1863cf6a465d990a2ae3321b 100755 (executable)
--- a/templates/videoview.css.sh
+++ b/templates/videoview.css.sh
@@ -19,6 +19,7 @@ cat <<EOF
 
 * {
   box-sizing: border-box;
+  -moz-box-sizing: border-box;
 }
 
 body {
@@ -101,18 +102,24 @@ a.clearsearch, a.advanced, a.tagger, .pagination_nav {
 
 #thumblist {
   padding: .5em 0 3em 0;
+  text-align: center;
 }
 
 #thumblist .thumb {
   display: inline-block;
-  width: 212px;
-  padding: 0;
-  margin: .5em;
+  text-align: left;
+  width: 90%;
+  padding: 0 .5em;
+  margin: auto;
   vertical-align: top;
   word-wrap: break-word;
 }
+@media (min-width: 480px){#thumblist .thumb{width: 50%;}}
+@media (min-width: 640px){#thumblist .thumb{width: 33%;}}
+@media (min-width: 1024px){#thumblist .thumb{width: 256px;}}
+
 #thumblist .thumb img {
-  height: 162px;
+  width: 100%;
 }
 #thumblist .thumb a {
   display: block;
Webapp for managing video collections including tagging and playback