Skip to content

Instantly share code, notes, and snippets.

@cghiban
Created March 22, 2016 18:25
Show Gist options
  • Select an option

  • Save cghiban/ec5e7bed13d1fc49a5a2 to your computer and use it in GitHub Desktop.

Select an option

Save cghiban/ec5e7bed13d1fc49a5a2 to your computer and use it in GitHub Desktop.
static-videos
#/bin/sh
input=$1
fname=$(echo $input|sed -e 's/\.\w*$//')
avconv -v quiet -i $input -vframes 1 -an -f image2 -y $fname.jpg
#!/bin/sh
input=$1
encoder=avconv # or ffmpeg
mkdir -p ./small
$encoder -v quiet -i $input -vcodec libx264 -r 24 -s 720x404 -acodec copy -acodec copy small/$input
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#mediaspace_wrapper {
float: left;
}
#playlist {
width: 240px;
min-height:200px;
float:left;
background-color: yellow;
}
</style>
</head>
<body>
<div id="container">
<div id="playlist">Playlist</div>
<div id='mediaspace'>Test</div>
</div>
<script type='text/javascript' src='/js/swfobject.js'></script>
<script type='text/javascript' src='/js/jwplayer/jwplayer.js'></script>
<script type="text/javascript">
//<!--
var vids = [
'VID_20150525_082629134'
];
var playvideo = function(v, start) {
var levels = [{ file: '/v/' + v + '.mp4'}];
var image = '/v/' + v + '.jpg';
if (start == undefined || start == null)
start = false;
var modes = [ { type: "flash", src: "/js/jwplayer/player.swf" } ];
/*if (navigator.userAgent.match(/MSIE/)!=null) var modes = [ { type: "flash", src: "/js/jwplayer/player.swf" } ];
else var modes = [ {type: 'html5' }, { type: "flash", src: "/js/jwplayer/player.swf" } ];
*/
jwplayer('mediaspace').setup({image: image, width: 720, height: 404, levels: levels, autostart: start, modes: modes });
};
var plist = document.getElementById('playlist');
var ul = document.createElement('ul');
for (var i = vids.length -1 ; i > 0; i--) {
var li = document.createElement('li');
var a = document.createElement('a');
a.innerHTML = vids[i];
a.href = "javascript:;";
a.setAttribute('v', vids[i]);
a.addEventListener('click', function() {
playvideo(this.getAttribute('v'), true);
}, false);
li.appendChild(a);
ul.appendChild(li);
}
plist.appendChild(ul);
playvideo(vids[0], false);
// -->
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment