as previous question, you tell us we can test the pre-certification by https://qual-e.appspot.com/awebp.html.
currently we can see the scrolling issue you had specified.
we also see another issue that focused GIF item will render nothing,white picture only.
is it correct? or have next release?
Cobalt does not support GIF decoding, and there are no scheduled plans to support it.
Related
I use ScrollMagic to trigger animations on each section of a web page. This works great for desktop and for some browsers on mobile.
However there are some mobile browsers (older versions of Safari and Chrome (on ipad)) that don't play these animations until the scrolling event is finished. I know there are ways around that. However instead, I would like to simply turn off these animations when not supported.
Is there a way to detect that with Modernizr? Or would I have to target specific browsers and its versions?
You wouldn't detect parallax animation. That isn't a browser feature, that is something that you can use browser features to accomplish.
In this case you would you be looking to detect if you are reflow the page during a scroll, or if it waits until after the scroll event fires. There is currently no detect for this, and creating one would get pretty greasy.
I believe what you are seeing is the result of the scroll event not firing as you scroll on certain browsers. I cannot think of a way to simulate this with javascript (triggering a scroll event will obviously only trigger one scroll event, so there isn't anything to gain there). As a result, I am not confident that you would ever be able to accurately detect this.
I completely agree with Patrick's answer, but would like to add that it is indeed possible to have immediate scroll events on the mobile versions of chrome and safari, you are talking about.
The issue you're describing is related to all iOS devices before version 8.
Before then the mobile browser engine did not trigger "true" scroll events while scrolling, but only once scrolling had come to a full halt (so after the inertia stopped). Even the execution of javascript was suspended, so you couldn't just run a loop to check the scroll position.
Long story short: There are ways around it using containers for scrolling and requestAnimationFrame.
The easiest way I found to get scroll events for pre iOS8 devices is iScroll.
I would recommend to check out this: http://janpaepke.github.io/ScrollMagic/examples/advanced/mobile_basic.html
and this:
http://janpaepke.github.io/ScrollMagic/examples/expert/mobile_advanced.html
So getting back to your original question: How to detect when you would even need those workarounds.
You'd need to check if the you're on iOS version 7 or lower, which, to my knowledge, can't be done with modernizr, as it is a feature detection library.
So check out this thread to learn more: Detect iOS version less than 5 with JavaScript
I have a web app I'm building in Dashcode, currently every thing is working as advertised. I'm using the browser template and was able to modify it a bit, got the xml working to connect images and their description. Now I want to add a simple OnClick event that sends the image to fullscreen but I can't find any documentation for that. I'm pretty sure this is easily done so I'm missing something here? Any help greatly appreciated.
Tom
Taking over the screen is a bit complicated (if your talking about a full screen experience like youtube), but full screen in the browser window is defiantly possible. The simplest method is to have the click event open a link to the image location. This would load the image in full resolution in the browser window. A more elegant approach would be to load the image url into the source of a image dashcode object. and have that objects visibility only appear overs the whole web app when the Oncick event occurs. If you are talking about a built in function in dashcode to achieve a full screen/browser image, your out of luck.
I was asked this question recently in an interview:
Company logo appears partially on
the new build of browser
Eliminated Server down problem, not network issue
Company Logo which is a JPG : maybe the image rendering broken
What else could be wrong?
I could not think of anything else. Please help. Can someone elaborate?
Thanks.
It could be that the browser software is not correctly dealing with objects that are split into multiple packets - acquiring the first packet(s) of a progressively loaded image and not the remaining ones could result in a partially displayed image.
The new build of the browser most probably changed their css rendering engine, adhered to new standards, etc.
What looks right in the old browser might not look right in the new browser simply because the rendering is changed. This is especially true with IE6 to IE7 and IE7 to IE8.
I'm using JW Player 4.5 on my site and I need to add an event listener for when fullscreen is toggled.
The reason for this is to switch between a low-def version and high-def version. The default video will be the low-def version and when they switch to a fullscreen display, it will change to the high-def version.
According to http://developer.longtailvideo.com/trac/wiki/Player5Events, the ViewEvent.JWPLAYER_VIEW_FULLSCREEN1 event can only be called from Actionscript. I need it to be from Javascript...
Is there any way to achieve this? Can you recommend a better solution?
If I understand you correctly, what you're trying to do is switch from a low-def file to high-def file when the user moves into full screen. For this, you'll want to detect the fullscreen event (rather than send it). For this, you'll want to add a listener for ControllerEvent.RESIZE and look at the fullscreen property. Check out the player events page (http://developer.longtailvideo.com/trac/wiki/Player4Events) for more info.
In terms of doing the actual switch, you'll want to do a load (ViewEvent.LOAD) with the path as the argument. This can be done regardless of the fullscreen state.
Additionally, you'll probably want to seek (ViewEvent.SEEK) with the current position as the argument. I should note that this is only possible using some sort of streaming server (http or RTMP), as there's no way to seek ahead in progressively downloaded files.
However, rather than implement all of this, you could just use our built in bitrate switching (http://www.longtailvideo.com/support/jw-player/jw-flv-player-v4/27/bitrate-switching) (which performs automatic bandwidth detection) or modify the source (http://developer.longtailvideo.com/trac/browser/plugins/hd) of our HD plugin (http://www.longtailvideo.com/addons/plugins/65/HD).
Best,
Zach
Developer, LongTail Video
Anyone know of a Flash file (image) uploader that will force a user to resize and/or crop their image BEFORE uploading it? To then upload it as well.
Basically, I don't want my server processing the image resize/crop. I want to specify a target aspect ratio and have the user resize and crop their image to make it fit.
I've seen cropping uploaders before but they all seem to be server side. I saw a Flex one but I'm not sure it's "mandatory" -- Basically if the user just uploads the image without making edits, then I'd like the Flash to scale and fit the image into set dimensions...Leaving it I guess short in one direction to not stretch.
Anything like this out there?
Thanks!
I have a bounty running with a very similar question, be sure to take a peek - there isn't anything there yet that does client side resizing, though.
Also, SWFUpload is said to support it in the new Beta, but the feature is very sparsely documented right now. You would probably have to work on it to get it running the way you want.
http://www.adylevy.com/index.php/2009/07/22/multiple-files-uploader-with-preview-on-client-side/
there was another one called resize before upload but the site went down. though while I'm updating this and we're on the subject -- I don't see why you'd want to use Flash these days for this task. There are plenty of JavaScript options and now we also have Google's Dart (which builds JavaScript).