lcalisto / ol_videos Goto Github PK

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);