Jquery :: Stop Flash From Flickering?
May 5, 2011I have embedded flash in my html pages but upon refresh, it flickers, is there anyway to stop this?
View 2 RepliesI have embedded flash in my html pages but upon refresh, it flickers, is there anyway to stop this?
View 2 RepliesI have a ball moving around the screen, position updated on ENTER_FRAME. My problem is that there is a considerable amount of flicker going on. I have thought about using something like TweenLite to move the ball but as the position is being updated frame-to-frame I don't think that will work.[code]...
View 2 RepliesIs there any way to play, stop or gotoAndPlay(anyframe) from JQuery?
View 2 Replies[code]...
How to stop the motion of a Flash Player by clicking a link?
I have 2 divs each containing SWFObjects. Here's the jquery that shows/hides my Divs:
$(document).ready(function(){
$("#DIV2").hide();
$('#button1').bind('click', function() {
[Code]...
But I need my video in DIV2 to STOP PLAYING when it's hidden, and start from the beginning when you show it again. From what I read, I need to remove it from the DOM...but I don't understand how to re-add it. I've seen suggestions for detach(); but can't figure out where my AppendTo() would go.
I use the "flashembed" feature of the jQuery tools within a site that is using scrollTo as well. The embeded swf file is my banner and right now it is running continiously. When I scroll to another hash it keeps running in the back and makes the scrolling a little bumby.
how to stop the swf file from playing while the scrollTo script is running?
How can I display alternate HTML with the jquery.swfobject plugin for browsers without Flash? I'm unable to find any documentation or examples showing how to do this.
Here is a snippet of my code:
<script type="text/javascript" language="Javascript" src="jquery.1.4.2.js"></script>
<script type="text/javascript" language="Javascript"
[Code]....
I am a web designer and I do like to hand code using jquery however, I think it would be much faster to use gui applications like flash to create animations especially on the fly as well as support for writing and editing source code.
View 1 RepliesI'm alreadu using jquery library on site.What are pros and cons to use jQuery SWFObject plugin over origional swfobject
jQuery SWFObject plugin
http:[url].....
I'm using the HTML5 JW Player. It sizes the HTML5 video correctly, but shrinks the Flash fallback player; here's an example page: Test Page
If you view that page in IE, you'll notice that on panel 5, the video is smaller than the space it's supposed to occupy. On Firefox, it works fine because it's using the OGG video in its HTML5 video player.Is there a way to resize the Flash video via JavaScript/jQuery to fit the same space as the HTML5 video?
I have a SWF movie inside of a jQuery UI tab, and the problem I'm having is that the SWF gets reloaded everytime I click away from the tab onto another tab, and then click back. I can inspect the DOM and see that the div containing the SWF is still in the DOM when I click away, so I don't know why this it seems to reload it when I click back to the tab.[code]...
View 2 RepliesI am using the VideoJS HTML5 video player (http://videojs.com) on a WordPress site I'm developing. The player launches in a modal window, and it works great for the most part, but the Flowplayer flash fallback for IE isn't behaving as I want.
When the user closes the modal box, playback should stop/pause. This works fine in HTML5, but not with Flowplayer. I've had a look at Flowplayer documentation but can't seem to get their suggested code to work. I've tried several variations, with no luck and cannot find a working example on the net.
It may be worth noting that VideoJS is called from WordPress, using VideoJS WP plugin.
The snippet below shows what I think it should work, where $f is the flow player selector, but I've tried other ways.
jQuery(function( $ ){
$(document).ready(function(){
$('.bClose').click(function(){
[Code].....
I've been play around with Clippy and I having problems configuring it without compiling it myself.I noticed on Github that they use use Clippy for repo urls but when you mouse over it it doesn't show the standard "Copy to clipboard" text. With the design I am working at at the moment I would really like to emulate this but can't seem to work out how they've done it. Looking at the Github source the swf they use also shows the text on mouse over so I assume they haven't customised the Clippy swf itself.Does anyone who has used clippy before know what trick they might use?
View 1 RepliesI just trying to learn basic flash programming skills, now I got a program that load an image from my local machine, and show it with uiloader component, code is something like:
var myImage:String = "picture.png"
var request:URLRequest = new URLRequest(myImage);
uiLoader.load(request);
It's working fine, but when dynamically change the picture, I notice a flicker while loading, there is any way to avoid this flicker? i mean, like double-buffering or so.
I'm having a problem with youtube video embedding;
In some places on my site (like news etc.) video is normally displayed and can be watched, while in others (forum topics mainly) it flickers whenever I mouseover it (making a new HTTP request to YouTube, as I can see in Firebug).
It definitelly has something to do with CSS rendering; when I disable JS nothing changes but disabling CSS causes it to work properly.
Firefox version: 3.6.12
Flash version: 10.1.82.76
The code I'm using for embedding:
<object type="application/x-shockwave-flash" width="390" height="293" data="http://www.youtube.com/v/pIxVoDNbujM?ft=18">
<param name="allowFullScreen" value="true"></param>
[Code]....
Edit: OMG, it works properly when I'm logged out... Now nothing is clear to me as CSS is the same for users and guests, there are just few minor differences in markup...
Coming from a more'traditional' C++ background so more used to dealing with low level API's rather than something like the flash.display API.How does one avoid screen tearing/flickering in the display API?Even with a high framerate like 60 fps I'm experiencing some rather nasty flickering/tearing between frames.Take the simplistic example below, where the children of the Sprite are merely instances of Shape and never change.
private function onEnterFrame(event:Event):void
{
var t:Number = (getTimer() - time) / 1000;
time = getTimer();
The problem is when you rollover with your cursor in certain areas and in certain ways you can cause this strange flickering effect to happen.where it keeps trying to go back to the over state and then the out states repeatedly).
View 5 RepliesI was wondering how to achieve the native scrollbar effect which TheFWA (thefwa.com) has managed to do pretty well (I am not a fan of Flex scrollbars).and implemented the technique, as I am calling a JS function through ExternalInterface every time, when the flash object changes size. This JS function simply resizes the div which holds the flash object, which creates the native bars.Unfortunately, when I resize quite rapidly (from 800 to 1800 height, for instance) the flash object simply gets warped for several milliseconds (as if it hasn't changed its size, but simply got pulled in all directions). After these milliseconds, things get back to normal, but the whole situation is really visually annoying.
Originally I thought that it's simply a timing issue, but after a bunch of attempts to set a delay, the effect was the same ... just delayed.How can I resolve that? I know it's technically possible. Just take a look at TheFWA, and see how smoothly flash and the browser are communicating with each other to make the native scroll bars work, without any flickering, or mismeasurement
I have a problem with a flash image gallery that I created and have now posted to my website.
When the flash movie is viewed on it's own you can click the main images and you are taken to a product page. However when the flash movie is integrated into the website, the links are random at best and for the most part dont work.
Take a look:
1. Standalone flash gallery
2. Embedded in webpage
I thought that the scrolling marquee to the left of the page might be causing a problem but the problem doesn't go away when I remove this.
in my mxml file I have images declared like this:
<mx:Image x="0" y="0" source="assets/bigpicture.png" id="picture1"/>
and at some event I do:
picture1.source = "assets/bigpicture2.png";
However this results in flex removing the picture, and when it has loaded it will show it again.
How can I make the mx:image make so that it will continue to show the image until the new image has been loaded?
working on making a flash program that loads about 1000 jpegs and then plays them like a movie. Have all the buttons and stuff working but the time it takes for an image to load is so high that the movie can't be played at 30 fps. I've tried multiple ways of fixing this
using 1 scrollpane and changing its source ever 30 ms. This one is the worst but simplest. Flickers cause strobing and it is unwatchable.
used 2 scrollpanes that were duplicates of each other until I had to load. I would then make that one invisible, load it , then make it visible. Then load the background one. Works but same problem as the first at high speeds, just less severe. used 1 scrollpane per image . This works great, except that it fails miserably on any more than 100 of them due to the number of objects.Currently using action script 3, but will change if its not possible in that.
Also, I want to be able to zoom in and then scroll around the window hence the scrollpanes, but if that's not possible its a sacrifice I'm willing to make
I've looked high and low for an answer to this and I'm hoping someone has an answer, or at least a tip on how to avoid it.I'm loading a static HTML file into a container via the jQuery load() method. This static HTML file has a script which loads a swf. When I load that particular file, I get the white screen of death (WSOD) and the page explodes and everyone in the room dies a horrible death.I've had this happen also when using the jQuery wrap methods (wrap, wrapOuter, etc.) when a swf is present.It seems manipulating the DOM with a container that has a swf object causes this. Does anyone have a solution or a way that I can prevent it happening?
View 1 RepliesI'm setting up a page that uses a flash menu to load html pages into a div container by the following call:
on (release){
getURL("javascript:getPage('test.html')");
}
The loading works fine, but some of my pages had specific jquery scripts and that's where I've struck out so far. I assumed all I needed to do was transfer the script importations, css stylesheets and the jquery functions to my main document, but it won't work.
I also tried importing the html as a the complete html, which works on it's own, but not when imported into the main document. Most recently I heard I should try shifting the jquery function calls to the end of the loaded document, to after the content, My scripts work, just not when imported, so I suppose my question is how can I make the main- and imported documents play nice with each other? What say you we make this a jump-start tutorial for all us noobs to reference?
I would like to have a website with a frame type all around it. I would then like everything outside the frame to flicker sort of like a TV.
Like a SCI-FI type flicker where a signal is being transmitted and broken up.
I created two swf's, A and B. A is a blank swf, totally. B is has one button on it. Now neither of the swf's has code, animation or any action in it. I open A and B separately in two different Safari windows. When I keep the button on SWF B in pressed state, the finger cursor flickers. Now if I close the window with SWF A and try it again, the mouse hand cursor doesn't flicker. Therefore this happens when two or more swf's are opened in different browser windows.
P.S >> Im using Mac OS X 10.4.11 Intel
I have about 6 buttons that have an over state and hit state. I have actionscript that has them going to a url when on the hit state and on roll over it is showing a text label. All of that is working. The issue that I am having is that for 3 of the buttons, they flicker when you roll over them. These are built and coded exactly the same as the others that are working. where I should look for the breakdown? It seems strange that there is a inconsistency unless it is the order of the buttons or something like that.
View 1 RepliesI have a basic rollover function for my button, which seems to work, but whenever the mouse is moved to the right (but remaining inside the movieclip) the MOUSE_OUT function starts happening, and then when the mouse is stopped moving, the MOUSE_OVER code re-activates. I have no other movieclips in front of it, but it is masked using actionscript. I don't understand why it's doing this, because the mouse never goes outside the area of the movieclip, so the MOUSE_OUT function shouldn't activate. The movieclip doesn't change side or shape at all, it just changes colour.
[Code]...
Let me sum up the game the best I can real quick and then get to the problem. I cannot upload any code because I am under contract. I also know the code is working 100% correct. The game I am working on will have "X" number of large images. The "X" images will then be broken down into smaller images. I have around 3,000 images, all in the Flash Library, classes are named correctly, the files are named and sized correctly, etc. The game works perfectly on images 1-66. When I get to image number 67, the game SWF starts flickering from scene 1 to scene 2 and then back to scene 1 for a non-stop loop. No matter what image I use for #67, the swf flickers. My FLA is around 300MB and my SWF is 102MB.
So, does anyone have any ideas on why adding a 67th image would make the SWF freak out? Could it be some type of file size issue, graphics card issue, virus, etc? I've tried it on multiple computers both PC and MAC.
In Flex4, I use an Image control. After every 10 seconds, i am changing the image programatically using Timer. But when the image changes, flickering occurs. Is there any method to prevent this?
View 1 RepliesI wanted to pass on an experience that I had in the hopes that nobody else will have a late night like I had last night. I'm working on a flex app and in part of it I have a loader that loads a SWF vector image and adds it as a child to a sprite. No event listeners were added to either the sprite or the loader, but other children at the same level as the sprite and nowhere near the location of the sprite had event listeners. No big deal, right?
I started to notice that if I loaded the image from my local drive, it was fine but as soon as I loaded it from a remote source, it would flicker as soon as my mouse hovered over it.Again, no event listeners were applied to either of these two items.I figured out that even though there were no event listeners, the loader was stealing the MOUSE_OVER which was causing a seemingly unrelated event listener to fire, thus moving sprites and causing the flickering.The solution that I found was to forcibly add a mouseChildren = false to the parent sprite and POOF! No more flickering.