blur

FFmpeg: How to convert vertical video with black sides, to video 16:9, with blurred background sides

心已入冬 提交于 2019-11-27 18:02:45
How to make this by using FFmpeg? Example without FFmpeg: Adobe After Effects Sony Vegas Pro I solved! ffmpeg -i input.mp4 -lavfi '[0:v]scale=ih*16/9:-1,boxblur=luma_radius=min(h\,w)/20:luma_power=1:chroma_radius=min(cw\,ch)/20:chroma_power=1[bg];[bg][0:v]overlay=(W-w)/2:(H-h)/2,crop=h=iw*9/16' -vb 800K output.webm Input: https://www.youtube.com/watch?v=17uHCHfgs60 Output: http://www.youtube.com/watch?v=CgZsDLfzrTs The accepted answer here takes forever to execute because it is doing so much unnecessary computation. We don't need to blur the pixels which we definitely know that will be out of

jQuery figuring out if parent has lost 'focus'

微笑、不失礼 提交于 2019-11-27 17:00:10
问题 I'm stuck on figuring out the logic to make a drop down menu keyboard accessible. The HTML is structured as such (extra class names used for clarity): <ul> <li class="primaryMenuItem"> <a href="">Link 1</a> <ul class="popUpMenu"> <li><a href="">Sub Link 1</a></li> <li><a href="">Sub Link 2</a></li> </ul> </li> <li class="primaryMenuItem"> <a href="">Link 2</a> <ul class="popUpMenu"> <li><a href="">Sub Link 1</a></li> <li><a href="">Sub Link 2</a></li> </ul> </li> </ul> Link 1 and Link 2, when

Different behavior of blur event in different browsers

五迷三道 提交于 2019-11-27 14:56:20
问题 Consider this example where I have 2 input fields: <input id="a" /> <input id="b" style="display: none" /> And consider the following JavaScript, which is an attempt to do this: Show #b only when #a has focus and hide #b whenever #a loses focus, except when #a loses its focus to #b . $("#a").focus(function() { $("#b").show(); }); $("#a, #b").blur(function() { $("#b").hide(); }); $("#b").focus(function(){ $("#b").show(); }); $("#a").focus(function() { $("#b").show(); }); $("#a, #b").blur

How to implement a box or gaussian blur on iOS

早过忘川 提交于 2019-11-27 10:21:36
I want to be able to take an image and blur it relatively quickly (say in 0.1 sec). Image size would almost never be larger than 256 x 256 px. Do I have to loop thru every pixel and average them with neighbors or is there a higher-level way that I could do this? PS : I am aware that multiple box blurs can approximate a gaussian blur. I found a really fast pretty crappy way for iOS3.2+ apps UIView *myView = [self view]; CALayer *layer = [myView layer]; [layer setRasterizationScale:0.25]; [layer setShouldRasterize:YES]; This rasterizes the view down to 4x4 pixel chunks then scales it back up

CSS3 / HTML 5 / PNG blur content behind element

天大地大妈咪最大 提交于 2019-11-27 10:02:48
问题 I'm trying to blur the content behind a fixed position header so that the content behind it has the user scrolls is blurred when behind this div. I used to achieve this with simple opacity in CSS but this does not blue the content behind the DIV, merely imposes a translucent panel in front of it. Is there a simple way even if its a cheat of achieving what I am after. Whether by using a PNG background image or in CSS. Take a look at the way iOS7 does this http://www.apple.com/ios/ios7/features

JQuery.validate - one rule on blur only; the rest should be normal?

故事扮演 提交于 2019-11-27 09:39:01
I've worked on a fiddle to show the simple validation that I'm trying to do for my user ID field: Make it required (validate as aggressively as possible) Set a minimum length (validate as aggressively as possible) Set a maximum length (validate as aggressively as possible) Run an AJAX call to ensure user ID doesn't already exist ( I want to only run this on blur ) I'm not using the validate() - remote rule because I wanted to have a custom object returned instead of just a simple string. If that's possible with remote and it only calls the rule on blur, then I can try for that. (All of my AJAX

iOS 7 dynamic blur effect like in Control Center

两盒软妹~` 提交于 2019-11-27 09:05:29
问题 I'm trying to make a controller that will be similar to Control Center in iOS7. From WWDC session #226 I've learnt how to get blurred image with different effects UIGraphicsBeginImageContextWithOptions(image.size, NULL, 0); [view drawViewHierarchyInRect:rect]; UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext(); UIGraphicsEndImageContext(); lightImage = [newImage applyLightEffect]; So, in other words, we just capture some image (make screenshot), perform blur effect and use this

Gaussian Blur onHover Using jQuery

北慕城南 提交于 2019-11-27 08:29:56
I am wondering if there is some way to apply a gaussian blur onto a div using jQuery (or CSS that jQuery can modify). I have looked into blur(), but at least with Safari, it doesn't seem that it accomplishes what I'm looking for. If possible, I want to use fadeIn on the effect, so it blurs gradually. Thanks for any help! Mickel Be aware that Blur is when a DOM-element, such as textboxes (inputs etc.) loses focus, and should not be mixed with the kind of blur you are talking about (gaussian/motion blur). There is no good cross-browser solution for this problem. You can, however, blur images by

PHP/GD : Better Gaussian blur

纵然是瞬间 提交于 2019-11-27 07:53:20
I want to blur an image with GD library, unfortunately the GAUSSIAN_BLUR effect that GD gives isn't enough and i want something being more blurrish <?php $im = imagecreatefrompng($_GET['image']); if($im && imagefilter($im, IMG_FILTER_GAUSSIAN_BLUR)) { header('Content-Type: image/png'); imagepng($im); } else { echo 'fail'; } imagedestroy($im); I want something like this or at least near it. JKirchartz You can try convolution: $gaussian = array(array(1.0, 2.0, 1.0), array(2.0, 4.0, 2.0), array(1.0, 2.0, 1.0)); imageconvolution($image, $gaussian, 16, 0); $gaussian is a matrix, so mathematically

using a div to blur an image behind it? [duplicate]

耗尽温柔 提交于 2019-11-27 07:53:07
This question already has an answer here: How to use CSS (and JavaScript?) to create a blurred, “frosted” background? 9 answers Is it possible to code a div to enable it to blur whatever image is under it? something like this: Could this be done somehow with -webkit maybe? Dre Not with CSS on its own, but you can pull a similar effect off with Canvas and the StackBlurforCanvas library. See this UPDATE: Looks like backdrop-filter was recently introduced to Webkit nightly, so eventually we'll be able to do this with CSS only. Yay! Unfortunately this can't be done purely using CSS. Although