Would be interesting to see an accompanying technical write-up (choice of technologies, frameworks, rationale -- what was easy, what was hard etc).
Nice use-case for soundcloud, btw.
Last christmas in SF I wanted to create a "winter vibe" as we were celebrating with the family, and I was looking for videos showing cozy snowfall and winter landscapes. It was surprisingly hard to find something really good. I think it'd be cool if you could select what kind of "window" you want and had a few presets like "Tropical", "Winter landscape", etc.
I personally found the mix of soothing slow music and hyper lapse videos to not be relaxing, I think I'd prefer if the videos were running at normal speed or maybe even in slow motion depending on the video.
http://ratemyapp.com/video/6K_HgG_Xmf8/walkthrough-two-new-a...
I'm in the process of rebuilding it, it's a prototype that ended up in production and I was tasked with rebuilding it on a modern stack; the new version is a fully isomorphic React and Flux (Flummox) application.
Working on it has been great, though it's definitely fired up my imagination and made me want to plan a holiday! We have the slideshow running on a 60" LCD all day at work :)
Slideshows and stills are nice -- but they serve a different purpose. Think of it as a different kind of augmented reality -- putting a "real" window in your windowless office etc.
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!
Though personally i would probably not have used A tag in the navigation, so you don't get the Dashed outline if you click them, since its not a new page that loads, but otherwise I really like it. Bookmarked :)
EDIT: actually the A tags could just get the css rule (Outline: none;)
Very nice idea and implementation though!
Edit: The light-bulb icon didn't make much sense at first (fullscreen mode), looks like it's for toggling the sidebar in non-fullscreen-mode only. Maybe hide it in fullscreen?
Light bulb actually = "dark mode", it hides everything else on the page. I intentionally left it ambiguous to see if people would curiously click on it :)
Thanks for checking it out!
The funny thing is that the video is mp4 but on Firefox with NoScript it shows the same kind of placeholder as Flash does (when allowing instagram.com but not cdninstagram.com). My first reaction was "wow, Flash?!" And I missed the flash in the audio player.
Edit: also, the map seems to get stuck: http://i.imgur.com/YOVzJwz.jpg
What did you to do get that map stuck in your screenshot? Never seen that before.
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 :)
1. Widescreen aspect ratios
2. Volume slider, not just control. I'm listening on headphones at my desk at the lowest volume on OSX and it is still too loud. If I try to go any lower the sound turns off.
2. A few have asked for this, I'll have to build it. It was just an MVP issue frankly.
SHIFT + OPTION + VOLUMEDOWN
Definitely agree on the widescreen aspect ratios though, could make a really cool experience even cooler.
this IS supported
2app.js:188 videos and songs not loaded
app.js:651 Object {duration: 122208325, release_day: null, permalink_url: "http://soundcloud.com/chillcall/sets/chill", genre: null, permalink: "chill"…}
3app.js:188 videos and songs not loaded
app.js:332 [Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object]
app.js:452 https://scontent.cdninstagram.com/hphotos-xfa1/t50.2886-16/11682449_1595073700750452_1384791478_n.mp4
app.js:466 hidden video link: https://scontent.cdninstagram.com/hphotos-xaf1/t50.2886-16/11684410_1604272313181065_1563724192_n.mp4
app.js:309 content initialized
2app.js:188 videos and songs not loaded
app.js:236 video has been paused!
163app.js:188 videos and songs not loadedRegarding the flash issue, you're right, I'm noticing this too. Completely didn't think about that. The "let's go" button waits for the sound to finish loading, but if it never does, you can't start it :/.
I'll look into this, hopefully not too many people are affected.
The playlist is great but I don't always want the video running to listen to it.
edit: to add, just watching the location tab is amazing, really gives an exciting sense of the world buzzing with activity. Plus I just saw where I live and cycle most days!
This reminds me that project Hyperlapse.js on http://hyperlapse.tllabs.io/. They used to have a working site where you could make your own (quick) hyperlapse using Street View's content.
- 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.
Edit: Answered my own question I think, it just returned to play a video from a few minutes ago.