HTML5 video editor for select scenes. It use a range slider to choose the scenes of a video and get the start and end seconds.
- HTML5
- Supports touch devices
- Adapt to your style
- jQuery
- jQuery UI
- jQRangeSlider
- Bootstrap
<link href="../video_scene_selector.css" rel="stylesheet" type="text/css">
<script src="../video_scene_selector.js"></script>
<script>
$(function() {
$('#my_video').vScene({
onChange: function (start, end) {
console.log("Start: " + start + " End: " + end);
},
onSelect: function (start, end) {
console.log("Start: " + start + " End: " + end);
}
});
});
</script>
<body>
<div class="container">
<video controls="controls" id="my_video">
<source src="http://devfiles.myopera.com/articles/2642/sintel-trailer.ogv" type='video/ogg; codecs="theora, vorbis"'>
</video>
</div>
</body>
None of the parameters is mandatory.
Name | Values | Description |
onChange | function (start, end) {} |
This function is called every time the scene changes its start or end seconds. |
onSelect | function (start, end) {} |
This function is called when the user clicks the select button. |
Copyright : Jesus Sayar Celestino 2013 License : MIT