Added video.omxplayer frontend plugin

This commit is contained in:
Fabio Manganiello 2018-04-24 01:03:50 +02:00
parent 53f8f88bac
commit ebed6adf57
3 changed files with 71 additions and 0 deletions

View file

@ -0,0 +1,9 @@
#video-container {
max-width: 60em;
margin: 3em auto;
}
#video-form input[type=text] {
width: 100%;
}

View file

@ -0,0 +1,43 @@
$(document).ready(function() {
var $container = $('#video-container'),
$form = $('#video-form');
var initBindings = function() {
$form.on('submit', function(event) {
var formData = $(this).serializeArray().reduce(function(obj, item) {
var value = item.value.trim();
if (value.length > 0) {
obj[item.name] = item.value;
}
return obj;
}, {});
execute(
{
type: 'request',
action: 'video.omxplayer.stop',
},
function() {
execute(
{
type: 'request',
action: 'video.omxplayer.play',
args: formData,
}
)
}
);
return false;
});
};
var init = function() {
initBindings();
};
init();
});

View file

@ -0,0 +1,19 @@
<script type="text/javascript" src="{{ url_for('static', filename='js/video.omxplayer.js') }}"></script>
<link rel="stylesheet" href="{{ url_for('static', filename='css/video.omxplayer.css') }}"></script>
<div class="row" id="video-container">
<form action="#" id="video-form">
<div class="eleven columns">
<label for="resource">
Supported formats: <tt>file://[path]</tt>, <tt>https://www.youtube.com/?v=[video_id]</tt>
</label>
<input type="text" name="resource" placeholder="Video URL">
</div>
<div class="one column">
<button type="submit">
<i class="fa fa-podcast"></i>
</button>
</div>
</form>
</div>