I have this little problem.
My client wanted two distinct swf on a web page: a viewer on top and a slideshow of images at bottom.
Clicking a link on the slideshow make the viewer load a movie, by means of LocalConnection api.
The slideshow has a default, so when the page is loaded a default movie start.
This works nice on all browser. The only problem I have is on firefox. When screen resolution is too low, or the monitor is too small (netbook) the slideshow remain hidden until scrolling. Therefore at page loading it doesn't start and the main viewer don't get instructed on playing the default video.
As soon as I scroll the page, and the slideshow swf display on page, it starts and everything works fine.
Do you know if there are any solution to this ?
I cannot change the design, I must have two distinct swf, they come from a library he has, and I am trying to reuse components.
thanks
Leonardo
You have to show at least 1px of the swf. AFAIK this is the only way to load swf in FF 3.6+
Is the default always the same? You could have some error handling in the slideshow that would load the default if the connection is not there or the slideshow to load is undefined. It's a guess but it might solve your first run issue.
Related
I have a webapp written in HTML5.
The Home page contains a <video> tag.
The video is correctly played when I load the page for the first time, and if I use controls (pause, play, fullscreen) too.
In order to maintain the webapp always in the fullscreen view, I used only one html page, and when a button (or an anchor) is clicked, I hide the container div (representing the content of the logical "home page"), and show the selected one, when the "home" button is played I show again the original container div.
Originally, the video continued playing when I clicked a button to pass to another virtual page, so I pause it by jquery.
The problem is: only on iPad, when I come back to the first container (that means the home page), the video is no more available, I can't see the poster and the video itself, and the div is black screen.
Some notes I hope could restrict the problem:
The video is statically loaded in a <video> tag and source
attribute.
I've tried to start with an empty src and load it by
jQuery (as explained in many tutorials and in stackoverflow too), it's the same.
The same if I try to create a playlist in
which I select different videos and load the selected one in the
<video> tag using Javascript.
I also tried to reload the page with jQuery, but doesn't work.
The constant beahviours are the following:
Every technique I tried to implement is working well on PC with
Firefox and on the Mac with Safari.
The problem on the iPad appears only when I try to come back to the initial page.
I'm not convinced the problem depends on the technique of show/hide I used, but on the iPad behaviour. I've read some other ways to maintain the webapp in fullscreen view, but apply only to <a> tags (such as this:), I need div stylized as buttons (and managed in jQuery) too.
Thanks if someone can help
I think if you use flowplayer is better it is good implementaton that it work on IPhone and Andriod, it is free.
I'm building a small site that displays images and sound based on a slider. It loads the images to the carousel (I'm using Slick). But I'm running into an issue with Chrome and only Chrome. Once I move the slider, new images don't load in the carousel unless I scroll with the slider a few times. I've tested it locally, and I uploaded everything to my server to try it. I got a friend to try it out and it didn't work for him, either.
Here's the site. Warning that it's a pretty heavy load, so I wouldn't open it on mobile: http://kschenk.com/whyte-night.
Nothing comes up in the console, and I don't have any plugins installed. The only hint I get that something is broken is that Chrome keeps spinning and "Processing Request." It works in Safari, Firefox, and even Internet Explorer.
I'm open to any help and can provide any info necessary.
Some stuff that might be useful:
each increment in the slider loads a ~5Mb audio file, streamed using html5 audio tags
each increment in the slider removes the images from the carousel and adds 10 new ones at about 1-2Mb each, which are lazy-loaded
I've tried two different sliders now, this one (Slick) and Owl Carousel. The issue was there for both.
Thank you!
Alright, I figured it out! Figured I'll post the answer in case someone else finds this topic in the future (I hate unanswered questions as much as you, future solution seeker).
So Google Chrome allows max 6 connections per server. Apparently most other browsers, do, too, but some of them don't respect it. That's why it worked in Safari and Firefox. I was loading many image and audio files, so it would hang when I tried to stream all my audio. Something would mess up.
I solved it partly by putting my images on a subdomain. But then only 6 of 8 of my audio files loaded. I found out from Googling around that the 6 connections per server also counts subdomains as a separate server. That's why putting my images on one helped. But I still needed to get my audio files!
So I made two new subdomains, "audio" and "audio2". I put 4 of my audio files on each and load them like I did before, just changing the subdomain depending on the file I'm looking for. It works, because now I only have 4 connections open per server.
I guess it works slightly differently with audio streaming through the HTML5 audio tags. Since not a lot of people use audio on their sites, there's not that many topics on this online.
Your Image is Showing Right, if your chrome is not responding, so then reset your chrome browser and check it out...
you might also consider to make the images a bit smaller: if you choose save for web in photoshop you get down from 1.2MB to 360KB... does the image really need to be 1800x1195px? You might choose a smaller image-version based on browser-window-sizes: good for the user and good for your server :-)
I need to be able to continue rendering a SWF file whilst it is off screen or minimized. Taken from the adobe website: "This is an automatic feature in Flash Player since version 10.1. Flash Player minimizes processing when SWF content goes off-screen."
I have extensively searched around for a solution on this. One solution suggested was to use the HTML parameter "hasPriority" and set it to true which will ensure some things are not paused. SWF content will stop rendering regardless of this when off screen or hidden.
Does anyone know if it is possible to disable this automatic feature so my SWF will continue to render off screen?
Thanks in advance for any help.
The flash virtual machine is specifically designed so that, while viewing flash in the browser, the VM is paused when the instance of the player loses window focus. This is necessary functionality in order to... well.. keep flash from utterly destroying your computer, forcing it catch ablaze and send it to the computer underworld. Just imagine what would happen if you had 3-4 flash sites open and rendering off screen on your tablet. It would die a horrible death. You cannot override this functionality.
Is it possible to have flash animation work uninterrupted on my site (in some overlay at the border of the browser) while user browses my site pages?
The only way I see is to put animation onto <frame> but the geometry of such layout is very limited.
Are there any solutions here?
Framing is really your only option here. You will lose everything when the user navigates to another page.
I have the same flash file uploaded to two servers. It seems to work perfectly fine on one (IE, Firefox and Chrome) but on the other it works only on Firefox, not even chrome.
The thing is I guess the flash file does load, but until I right click and click play, the file does not start playing.
Could this have anything to do with the server (yahoo small business)
Whether or not a flash file autoplays depends on the HTML code used to embed it - specifically the play parameter (full info here). So the difference you're seeing is not the two servers, but two slightly different HTML pages.
With that said, however, the "play" parameter is only a default behavior - like a suggestion. If you put a play() command in the first frame of the Flash content, then whatever is in the HTML will be ignored, and your SWF will start out playing regardless of how it gets embedded.