lcalisto / ol_videos Goto Github PK
View Code? Open in Web Editor NEWVideos in OpenLayers
License: MIT License
Videos in OpenLayers
License: MIT License
The ol.js and ol.css assets are responding with 403.
https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.14.1/build/ol.js
https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.14.1/css/ol.css
Hey
First, a big thanks for your work in creating this :-).
I just tried to integrate it into a project this afternoon.
Unfortunately, while it works nicely with openlayers v4.6.5, it no longer works with openlayers 6.
I managed to get rid of all error-messages but unfortunately, no video is shown.
Of course, I understand that this project is not actively maintained. I just wanted to let you know; so in case you have the time and motivation to update it...
If I find a solution, I will of course let you know.
I have adapted the core of this repo to display a video on open layers. But sometimes the video just speeds up, especially when zooming. Another side effect of this is that video.currentTime
gives a wrong answer. I know this because I embedded the frame number into video. I also see this happening in the online example here:
https://lcalisto.github.io/ol_videos/
I've looked around and saw that people recommend changing the setInterval
for the map.render()
with requestanimationframe
but that didn't help.
Any idea why this is happening and how to fix?
I can't seem to get video rotation working properly. However, I see logic for it in the code base. I'm not super familiar with openlayers, so I could just be calling something incorrectly. I've included my code below, but when I run it, the tile layer rotates, but not the video.
var map = new ol.Map({
controls: ol.control.defaults({
attributionOptions: /** @type {olx.control.AttributionOptions} */ ({
collapsible: false
})
}),
interactions: ol.interaction.defaults().extend([
new ol.interaction.DragRotateAndZoom()
]),
layers: [
new ol.layer.Tile({
source: new ol.source.OSM()
})
],
target: 'map',
view: new ol.View({
center: [0, 0],
zoom: 2
})
});
var bbox = ["-8", "39", "14", "58"];
var framerate=1;
var showSeconds='all';
var opacity=1;
showAnimLayer(null, 'https://upload.wikimedia.org/wikipedia/commons/transcoded/b/ba/San_Diego_Zoo_1_2016-06-09.webm/San_Diego_Zoo_1_2016-06-09.webm.720p.vp9.webm', bbox, map, framerate, false, opacity, null);
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.