Google created new project based on javascripts. http://hyperlapse.tllabs.io/
Engine creating timelapse video but not generating it as visible video file.
How to get it? Only save from screen by desktop video grabbers?
Ok, I found a way, but its complex.
fist things first though, it wasn't actually made by Google, but by T+L labs using the Google Maps API and JavaScript.
Now, to the interesting part:
You're right when you say that there is no pre-made way to save the output video, so you have to mess around with the source code (to remove the overlays) before using screen capture.
What you will need:
Google Chrome
Screen capture software
Windows Live movie maker
Steps:
First, create your hyper lapse like you normally would.
Once you are ready to export, open 'inspect element' (in most browsers the default key is 'F12')
A window with lots of text should pop up. drag the edge out to enlarge the window.
Move your mouse down over the coloured text. As you do this, different parts of the page should highlight themselves in blue one at a time.
What you are seeing is an automatic system; when you hover your mouse over the code for an object on the site, the browser highlights it for you!
Move the mouse around until you find the section that highlights the scroll-bar at the bottom of the page.
Click once to select it, then press delete. The scroll-bar should vanish.
Repeat steps 6-7 for all the other things on top of the hyper lapse itself.
You should now have a clear space to record!
Finally, before you record, press 'F11' to maximise the window, removing the navigation bar at the top.
Activate your screen capture and record the hyper lapse through (Note: make sure the mouse cursor is off-screen whilst you capture)
Press 'F11' again to regain the navigation bar, and then 'F5' to refresh the page and get the removed objects back.
Use Windows Live movie maker to edit the capture down to the correct section, then export as a high quality film.
You're done!
Related
In Google Chrome, whenever a folder is clicked, it is rendered according to the folder on the screen.
In other words, look at the picture below!
The mouse cursor does not appear in this video.
But the mouse doesn't move, it just stays in place.
Automatically wraps when clicked!
This is very inconvenient and non-user experience. it's so painful
It's really difficult to edit one by one
How can I get rid of this feature (or bug)?
If you hit "Download" a new bar appears and gives you the options: "1080p, 720p, 480p, 320p". I am trying to copy the link for 1080p.
If you left click on 1080p it starts downloading regularly. If you right click on 1080p it's as if you right clicked anywhere on the page.
Here is what it looks like.
I opened up developer tools and looked thru the Elements & Network tabs but I cannot find any links.
This is what Elements looks like.
Once you actually hit 1080p a link appears but it disappears.
This is what the url looks like.
Can someone explain how I would capture this link?
Obviously there is a (java)script which will be triggered if you click on that button which downloads that video. A way to (among other things) prevent what you are trying to do...
Let me explain the situation.
I need to copy a lot of instances of a text inside a project of PhpStorm. So, I perform a 'Find in Path' action and a floating window appears with the matching results.
Now my problem is that after copying once from the floating window, if I click on another app window, then PhpStorm's main window/PhpStorm itself go to background, then if I want to copy text from the floating window again, I can not use any keyboard shortcut, I can not modify any line in the floating window because PhpStorm stays in background/inactive-mode even if I click on its floating window.
If I click anywhere in the PhpStorm except the main top-white bar of PhpStorm, then the floating window disappear, which causes me to perform the search again.
It is reducing my productivity a lot. Is there any way to make the PhpStorm active or bring it foreground when clicking its floated search window?
Please see the screenshot:
Is there any way to make the PhpStorm active or bring it foreground when clicking its floated search window?
You are approaching the problem from the a bit wrong angle. There is a better solution than fighting the focus/foreground state.
There is a button in the bottom right corner of "Find in Path" window ("Open in Find" it says on your screenshot) -- click it and it will open search results in traditional / standard Search Results tool window (with grouping by folders/files, preview area etc)... so no floating and no auto closing on clicking somewhere.
P.S. Lots of people forgetting that results shown in this new "Find in Path" dialog/popup is still just a preview (TOP 100 matches only). Super functional (you can edit and stuff) but still preview only. This mainly applies to those who remember the way how this dialog (back then it was dialog window) looked before redesign (now it's more of a popup).
Because of the way how it is all presented now (results occupy majority of the popup space) people somehow automatically forgetting about "traditional" way of searching (clicking actual "Find" button to get search working) and focusing only on what they see on a screen right now.
This new "Find in Path" dialog/popup adds a lot of convenience for sure (you typed search text and results are straight away before your eyes). At the same time quite often you may see/hear "it does not show me all results" frustrated comments (as it shows top 100 .. and a single file may have 100+ hits in some cases) and alike. JetBrains needs to improve UX a bit in this area for sure.
I have a webpage that shows an image gallery for the current week, and I have a top bar navigation "prev" and "next" links to cycle through the galleries. Currently clicking on the links causes a whole page refresh. I think the user experience would be smoother if, when we click "next" we animate a slide-in of the next page content from right to left, and vice versa, if we click "prev" we animate the previous week of results from left to right (similar to how page transitions work in a mobile app when you swipe). Note, I do not need to detect actual swipe gestures and I think jquery mobile markup is overkill.
To preload the data that will be sliding in I can make an ajax call, or even have the data preloaded in json for me to construct the replacement html off screen. I will use html5 window history push state to change the url to the actual location we will be navigating to. The only thing I haven't been able to find is to do the actual animation. I have looked into carousels, but none of them quite do what I want. Is there an existing library that handles just the animation of page transition, having that slight recoil bounce effect?
Thanks.
EDIT: I just found jquery.animate which I think might do the trick.
There are any number of jQUery based image gallery libraries that you might want to choose from. If you can't find one to transition between different galleries teh way you want to, it should not be a problem to use jQuery to asynchronously load new galleries and then animate them into place.
I have a very simple Chrome extension which produces a bubble pop-out in the top-right of the screen. In the bubble I present the mobile version of our site.
Currently when the extension icon is clicked the bubble pops out and the mobile homepage loads. The user can click around within the bubble and use the mobile site as they wish.
However, once the user clicks outside the bubble is closes. Clicking again repeats the above process.
I wondered if there was a way to make the bubble pop-up/out persistent? So, instead of it disappearing when the user clicks elsewhere it stays loaded until the user clicks the extension icon again. This way the button acts as an on/off switch rather than a single event trigger.
Is this possible, and would someone mind directing me to the code which would help me do this?
As stated in the FAQs, this is not possible. However, chrome.windows.create may meet your needs.