Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: Hyperlax.tv – a real-time feed of Instagram's latest Hyperlapse videos

hyperlax.tv

Post reply on HN
Print view View original

21–30 of 65 posts

Re: Show HN: Hyperlax.tv – a real-time feed of Instagram's latest Hyperlapse videos

#21

Post by shoq »

tbird24 wrote: post #2

Really excited to share a personal project I've been working on here. If you check it out, I'd love to know what you think. Enjoy a peek into the lives of others, from locations around the world. Hyperlax is meant to be a bit of an escape, a bit voyueristic, a bit relaxing. I think it's mesmerising. Maybe you will too!

In the description meta tags you wrote peak instead of peek. Sometimes if a lot of short clips are played successively I only see compression artifacts.

Very nice idea and implementation though!

Re: Show HN: Hyperlax.tv – a real-time feed of Instagram's latest Hyperlapse videos

#22

Post by braaap »

paromi wrote: post #7

a volme control would be nice

Interesting. You still use this feature? I always thought YouTube and the like still included it on their sites as a throwback to an earlier time, or something. I always use the software on the playback device itself to control the speakers.

Re: Show HN: Hyperlax.tv – a real-time feed of Instagram's latest Hyperlapse videos

#23

Post by janfoeh »

tbird24 wrote: post #19
janfoeh wrote: post #15

Very nice! A minor niggle: the map in the sidebar doesn't react when the window is being resized. Edit: also, the map seems to get stuck: http://i.imgur.com/YOVzJwz.jpg

Gah! You are correct about the map not resizing. Has to do with the library I used, called Datamaps. I could listen for window resize events, but for the MVP I figured it wasn't worth it. Thanks for pointing it out though, I'll get to this. What did you to do get that map stuck in your screenshot? Never seen that before.

I don't think I did anything - I hardly interacted with the page at all, except from skipping a Soundcloud track once and possibly resizing the page.

At one point, it switched from "world view" to "US continental view" to show a hyperlapse from Miami, and then got stuck there in perpetuity.

Edit — or maybe I had a blackout and this is resize-related as well. It would make sense if I shrank the window, so half of the map got stuck outside the window. Never mind then :)

Re: Show HN: Hyperlax.tv – a real-time feed of Instagram's latest Hyperlapse videos

#24

Post by tbird24 »

braaap wrote: post #20
tbird24 wrote: post #2

Really excited to share a personal project I've been working on here. If you check it out, I'd love to know what you think. Enjoy a peek into the lives of others, from locations around the world. Hyperlax is meant to be a bit of an escape, a bit voyueristic, a bit relaxing. I think it's mesmerising. Maybe you will too!

I was transfixed. Really, really good. The music really makes it for me. It is interesting to try and guess where the mystery locations really are. Sometimes this information is included in the hashtags. I got a few right! :)

Thank you so much for checking it out :)

Re: Show HN: Hyperlax.tv – a real-time feed of Instagram's latest Hyperlapse videos

#25

Post by LiquidFlux »

tbird24 wrote: post #19
janfoeh wrote: post #15

Very nice! A minor niggle: the map in the sidebar doesn't react when the window is being resized. Edit: also, the map seems to get stuck: http://i.imgur.com/YOVzJwz.jpg

Gah! You are correct about the map not resizing. Has to do with the library I used, called Datamaps. I could listen for window resize events, but for the MVP I figured it wasn't worth it. Thanks for pointing it out though, I'll get to this. What did you to do get that map stuck in your screenshot? Never seen that before.

The map doesn't seem to show the icons if I load the site at a 2160p resolution, at a smaller resolution closer to 1080p it renders the icons.

Re: Show HN: Hyperlax.tv – a real-time feed of Instagram's latest Hyperlapse videos

#28

Post by tbird24 »

techaddict009 wrote: post #26

Awesome work. Can you share the tech stack you used?

Haha, I can but it will leave you unimpressed. This was my very first coding project. It's a front-end app, so good ol' fashioned HTML/CSS/Javascript. Libraries used were:

- jquery

- Datamaps (for the map)

-ElementQueries.js (to do responsive design for a given element, pretty cool, check it out)

- Bowser.js (to detect browser)

- moment.js (for the "time since")

And I think that's it. LMK if you have any other questions.

Post reply on HN