Skip to content
Snippets Groups Projects

Display UI overlay when VLC.js is loaded

Merged Antoine du FOU requested to merge adufou/vlc.js:incoming_antoine into incoming
+ 22
12
@@ -2,9 +2,14 @@ var statusElement = document.getElementById('status');
var progressElement = document.getElementById('progress');
var spinnerElement = document.getElementById('spinner');
// This should be set to true once the user clicks on the canvas for the first time
var was_clicked = false;
var VlcModuleExt = {
preRun: [],
postRun: [ function() {
preRun: [ function() {
window.display_overlay = true
}],
onRuntimeInitialized: function() {
// This should run after the wasm module is instantiated
// before, the Pthread object won't be available
VlcModuleExt.PThread.receiveObjectTransfer = function (data) {
@@ -14,7 +19,7 @@ var VlcModuleExt = {
});
window.dispatchEvent(event);
};
}],
},
print: (function() {
var element = document.getElementById('output');
@@ -48,16 +53,21 @@ var VlcModuleExt = {
overlay.addEventListener('click', (event) => {
window.on_overlay_click(overlay, event);
});
// Create a global window.display_overlay variable to track whether
// the UI should be visible - see update_overlay function
window.display_overlay = true,
overlay.addEventListener('mouseenter', e => {
window.display_overlay = true;
});
overlay.addEventListener('mouseleave', e => {
window.display_overlay = false;
// Should only add EventListeners once
if (was_clicked === false) {
// Create a global window.display_overlay variable to track whether
// the UI should be visible - see update_overlay function
overlay.addEventListener('mouseenter', e => {
window.display_overlay = true;
});
overlay.addEventListener('mouseleave', e => {
window.display_overlay = false;
});
// Setting to true after first click on the canvas
was_clicked = true;
}
});
return canvas;
Loading