Is this still working?

[markfrancombe]

Hi, first things first. Im not a coder, but a film-maker, and could really use this on a project of mine.
Now I dont know how complex it would be to get it working, but I tried the following.

Downloaded the zip to computer and ran the player.html

It opens some kind of interface, google maps window and console window ok, but apart from setting new points I dont know quite what to do next.

I read one of the comments saying I must run a local webserver. I can find out what this means later, but tried simply uploading the whole project to my own website server and running it online.
Google maps window helpfully states "Oops! Something went wrong" (dont you just hate those chatty errors?) and that theres more info in the javascript console.

I find THAT, and it says:
three.min.js:386 THREE.WebGLRenderer 57
dat.gui.min.js:57 'webkitRequestAnimationFrame' is vendor-specific. Please use the standard 'requestAnimationFrame' instead.
E @ dat.gui.min.js:57
js?v=3.exp&sensor=false:34 Google Maps API error: MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error
_.kb @ js?v=3.exp&sensor=false:34
common.js:161 Uncaught TypeError: Cannot read property 'toUrlValue' of undefined
at Array. (common.js:161)
at js?v=3.exp&sensor=false:108
at js?v=3.exp&sensor=false:39
at js?v=3.exp&sensor=false:108
at Xb (js?v=3.exp&sensor=false:41)
at Wb.cb (js?v=3.exp&sensor=false:108)
at stats.js:1
util.js:210 Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys
iB.j @ util.js:210
util.js:210 Google Maps API warning: SensorNotRequired https://developers.google.com/maps/documentation/javascript/error-messages#sensor-not-required
iB.j @ util.js:210

NONE OF WHICH I UNDERSTAND !!! Apart from the need for a Google maps API key...

I managed to get an API code, but no point really as I dont know what to do with it.

So... Any help would be great on this.

Cheers

MArk

[wswld]

Hi, I've been doing my own research on this library and it seems the project is officially abandoned.

1. viewer.html not working?! hyperlapse.tllabs.io outage? #33
2. http://teehanlax.com/
3. https://medium.com/the-prototype/the-best-300-000-teehan-lax-ever-spent-4f5b059b37e6#.cmcymve7k

It seems that Teehan+Lax the company behind this prototype no longer exists.

[BrettGregson]

I'm planning on playing around with this library this week, I'll let you know if I get it working

[markfrancombe]

@BrettGregson
Good Luck, please let me know (post here) if you have a breakthrough.
Although, I notice from other posts elsewhere that by making films in this way, I will infact be violating Google StreetView copyright... which kind of negates the point of making these films... a bit odd seeing as they released the library, what did they think it was going to be used for?

Mark

[DmytroJDS]

@markfrancombe
You also can try to contact with original project creator:
https://github.com/pnitsch
http://nitsch.io/

[jellyalex978]

@markfrancombe
yes it's work

[george001g]

HELLO, I wanted to ask if the site Hyperlapse goes?
I open and it's a weird site

[Finnste]

The code is still working. However, Google changed their regulations on using their maps and street view API in the meantime. If you use the simple.html you have to add the following lines of code before :

<script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initialize"> </script>

You have to get an API key from Google, which is free for a limited amount of traffic. Insert it into the line above and you should be ready to go.

[hardweb-it]

@Finnste I tried with "your" line but there is an error: initialize is not a function! Already tried with "init" instead of "initialize" but the errors are the same.

However, there is another console error produced by "GSVPiano.js" on line 83:

url = 'http://maps.google.com/cbk?output=tile&panoid=' + panoId + '&zoom=' + _zoom + '&x=' + x + '&y=' + y + '&' + Date.now();

the line above when called do this:

{
"code": 400,
"message": "Request contains an invalid argument.",
"status": "INVALID_ARGUMENT"
}

Any ideas?