I would like to transform my current scrubbar into a youtube like timeline.
Like when you hover the scrubbar on a certain point in time a thumbnail is shown.
Also that point should have a different colour on the scrubbar.
Is this possible or do I need to use another component and how?
Any help will be greatly appreciated!
Google does some extra work when they add a video. They generate those thumbnails. And theirds them ahead of time. That is why you can see thumbnails of sections ov video that have not loaded yet. If you want to make one yourself, you need to generate thumnails of each video you would use. An ide would be to include the timecode into the file name. So for a flv called MyVideo, you would have thumbs for MyVideo001.jpg for one second, etc.
Related
I am looking for a tool or library that will allow me to generate a preview image for an equirectangular panoramic image. I am using the pannellum library [https://pannellum.org] to present panoramas, which works great. What I'd like to add, however, is a way to generate lightweight preview images to display on initial page load. I would like to have a small sized preview image that does not look warped. Does such a tool/library/script exist?
Thank you!
Dave
Some people like to convert panoramas to cube maps, which is a lot easier to google.
I've been looking at https://github.com/denivip/panorama, or also at https://stackoverflow.com/a/43469036/2471983 if you want a pure JavaScript approach (check out that entire question page for lots of info). Both of these will by default create all six cube faces; you can either edit them or just throw out the five extra faces.
Once you have this unprojected image, you can resize it using whatever utility you like.
I am trying to embed a youtube video in my wordpress site and I would like to start it at the beginning but display it at another point for visuals, is this possible? I have looked online and in the youtube api with no luck..hoping Im missing it.
Thanks for any help.
You can always embed the visual and then allow the video to play with the click through from the beginning. You can get the visual to be a pretty high dpi as well so the quality remains in tact.
Youtube only generates a few snapshots (around 1-3 snap images), there is no specific way to get an image at X point of time. It will be either a few seconds from the start, the middle and 1 other spot.
If you need to get the other format of the thumbnails, perhaps this can help
Google Json String Query for Video
As my posterous/twitter photo blog is reportedly going the way of the PC at the end of the month, I'm going to create my own. I don't want the page to take aeons to load, so I want to use small (in file size) images for the thumbnails but then, when a visitor clicks on it to view it full-size, show the "real" image (full-size, both from a screen dimension perspective and as to its file size), in a sort of reverse bait-and-switch.
So I reckon I'll need subfolders like:
Project
Images
Thumbnails
Fullsize
I imagine something like this is done a lot. Is there an accepted/"received" way to "minify" the images to use as thumbnails (some webby type tool), or will I have to save each photo at a smaller size, one by one?
My answer would seem to be the Lightbox jQuery plugin:
http://leandrovieira.com/projects/jquery/lightbox/
http://www.designyourway.net/blog/resources/30-efficient-jquery-lightbox-plugins/
Also, for automating the creation of thumbnails, see Irfanview's Thumbnail Viewer. See http://www.irfanview.com/ and http://dev.fyicenter.com/Interview-Questions/HTML/How_do_I_make_a_thumbnail_for_my_image_s_.html
I am using a Tumblr like button provided by ThinkingStiff on like-button.tumblr.com and am having some problems.
I don't know if this is the right place to ask this question, but I couldn't contact ThinkingStiff through his like-button tumblr so this seemed like my best shot. First of all, I'd like to thank him for his codes on how to add a Like and Reblog button to any theme. I am using them on my blog over at shelteryou.tumblr.com and they are working wonderfully. However, as you can probably tell, the like button is a bit too big for my theme. I was wondering if there was a way to shrink it down to a more suitable size? Thank you in advance!
They use a background-image, so if you want to have a different size, you'd have to change the image resolution (or create a new image) in your favorite image editor. Then upload it to Tumblr (they provide a upload service for theme files only) or make a data URI out of it.
Then change the URL in background-image: url(…) to the new one (the first for the grey image, the second for the red one).
If you need the current images (so you can save them), copy/paste the two data URIs (everything inside the brackets) to your browser address bar.
I have a psd image with me. This image has been created combining multiple images. I want that each of this multiple images must have a seperate alt tag and a hyperlink. When the user clicks on it, he/she should be taken to the that url.
How can I do it. Please suggest me all options like open source or online tools etc.
Take a look here: Medialab's SiteGrinder. This is a PS plugin which transforms your PSD into a working webpage, I use it for prototyping and to figure out px distances and such, there are services out there too, but have a look at this tutorial too.
Hope they help.