Any way to run JS after swf is finished playing? - javascript

I'm working on a project where a SWF will play (as sort of a splash), followed by JS. After the video plays, the navigation and content will appear, and the video will fade out. I'm just wondering what would be the best way to accomplish this? Play the video first and then load everything via ajax behind the scenes? The goal is to be as seamless as possible and I am having a flash asset provided to me by the client. I have zero experience with flash outside of simply embedding.

The Flash asset can call a JavaScript method via ExternalInterface when it's done.
However, the use of Flash for splash screens is something generally hated by users. I would recommend against it unless it's an intro they specifically click a "Show Intro" button to show (as opposed to always showing with a Skip Intro to skip).

Related

Using jquery to load and play a flash file

I have a client that has one of those overlay flash videos that "walks out" on screen and talks and then leaves. While I know this is very dated and we have explained this, the client insists on having it.
How do I load and play an animation on a button click using jquery?

How to keep audio playing while navigating through pages?

I am making a website for my friends band. I would like to know if its possible (apart from using Ajax) to keep audio playing after clicking on a link to another page on the site?
I currently have it set up using Ajax to reload the content, but I am having a few issues with it, and I'd rather not deal with the bother unless I really have to.
If not possible, is there a way to minimise the disruption (pausing then playing again) while navigating? It would be possible for the new page to continue playing the track from where the last page stopped, but I would like to minimise the pause. Or, on this subject, is it possible to keep certain page elements loaded after changing the URL (without using # urls), like facebook does (as in, you click on it, but the banner never disappears during loading)
Thanks for any help :)
Use Ajax to load content and History API’s pushState() to alter URL without page reload.
For consistent behavior across browsers, consider using a wrapper library like History.js.
Sites like Facebook use JavaScript/AJAX for these kind of things. If you don't want to use it, you can use frames (not recommended). Divide the page in two frames: the player and the website itself. This way you can easily turn it off too, just open the site without frames.
Good luck!
Of course you could also pop up the player in another window/tab.
(For now) It won't be possible without frames or javascript.
It might be troublesome to implement it differently than via AJAX, however you can either use IFrames, where the music would be played in the main one and the content is displayed in the child on or you can always make it a Flash webpage.
Build it in Wordpress and use the AnythingSlider plugin to have the pages shift within the main page. This way you can have tabbed navigation and never leave the actual page. No need to write too much code. The AnythingSlider uses html for the slides.
You can also not use wordpress and just use the AnythingSlider code.
http://css-tricks.com/anythingslider-jquery-plugin/
and
http://wordpress.org/extend/plugins/anythingslider-for-wordpress/
and
http://css-tricks.com/examples/AnythingSlider/

Remove video when it is completed

I am looking to have a video start when a page loads, but once the video has completed, to hide the video (remove the layer possibly). I saw it on a yoga site a few years ago where a video message from the owner appeared over top the content when the page loaded but then dissapeared after the video was done. Not even sure where to begin looking for something like this.
This is something that needs to be handled at the player level. Many flash players or frameworks allow you to register for an event. One event might be on video complete. First get this working. You may not be able to do this from javascript. For example, adobe's strobe player requires you to write a swf plugin which would be loaded in the flash player. Not trivial.
After you have registered it, you can easily close the window by executing some javascript function.
Let me know if you have more questions.

How to detect time on a playing Flash video

I have a video playing on my page. I want to show and hide some div's when the video reaches a certain point. Lets say hide something on 10th second and show it again on 20th second.
I can easily do it in HTML5 with video tag and currentTime attribute but for IE I have to create the same functionality and I think with flash based videos (from YouTube or something like that).
Is there a way to detect the current time of a video playing on my website, embeded from YouTube, Metacafe or any other video sharing site?
I know I could detect it in flash and make it run some JavaScript function but I don't have flash nor have the skills to do it in AS3.
Is it possible to do it from JavaScript level or does any video sharing website out there provides this kind of functionality for their videos?
You could look into using flowplayer, it exposes events for meta data and timing.
You can use ExternalInterface to communicate between flash and js. So inside the flash app, when the video reaches the defined time, you can trigger a call to js function, doing whatever you need with the divs.
Since you will need to receive a stream and you need to detect a specific point in the video I thing you have read this inside flash.

making a video play continuously even when changing html page with javascript and without frames

I would like to have a video play continuouly even when html page changes.The new google videos page works this way. My page utilizes javascript.
You can only continue to play video if you are changing portions of the DOM, not if the location of the page changes.
What about reloading parts of the page with AJAX.
Then you avoid a reload which would stop the video playing.
I think you want to check into AJAX (Asynchronous JavaScript and XML). This allows you to manipulate parts of the page (in general, the entire HTML DOM) using callbacks to the server via JavaScript. This is exactly what YouTube/Google Videos use to allow voting/feedback while still watching the video, since any page reload forces the browser to stop playback of the video and restart.
Depending on which web framework you are using, there are various different choices for AJAX libraries out there. Microsoft have create their own [ASP.NET AJAX]](http://www.asp.net/ajax/) for example, which is now very mature.

Categories