Could someone settle this little dispute please.
If I set wmode=transparent on the flash template everything works magically. However, the flash developer says that by doing this the template will be slowed down significantly..
So the questions.
1) How much of an impact does wmode have on performance today?
2) Is there any other way to place HTML on top of flash?
It should be noted the HTML only appears on top of the flash when they click on a video -> rare. The flash only is animated again after the video is closed and the user clicks on a rollover or whatever.
I've done a bunch of websites with transparent flash objects and heavy animations, etc.. I've never noticed any change. I think it should only matter if you had issues with performance to start with (zillions of vectors being animated or something).
Related
On YouTube's player, when you hover on progress-bar and traverse your mouse along, you see a series of thumbnails, as well as time-values. This is great, when you're tying to find a scene that you know of visually, and want its time-value.
Whereas, on videojs player, you see only time-values.
(On X-Finity (Comcast, their fast-forward similarly shows rapid series of thumbnails. But, googling seems to reveal that Videojs doesn't have fast-forward. And, I think I'd prefer YouTube's feature over a fast-forward.)
So, bottom-line question is: How to make Videojs player behave like YouTube's?
(I'm thinking this would be difficult to implement for the end-user, in javascript. Detecting that the slider is being moved is no doubt straight-forward, but code to display thumbnails would be the part that I have NO IDEA
how to accomplish.)
Anyone know how to program this?
BrightCove developed a 'thumbnails' plugin that implements this.
See their example coding here:
https://support.brightcove.com/display-thumbnail-previews-plugin#Example
There is more specific discussion on the subject in this forum here:
How to generate video preview thumbnails for use in VideoJS?
My first cut at implementing the notion is here:
https://weasel.firmfriends.us/Private3-BB/
I've been searching for a way to put a looping animation with alpha over top of web content for a few weeks now. The fact that I can't seem to find anyone asking this question or any answers to it makes me think the solution is so mind-numbingly easy that no one needs to ask it.
For an example of this effect go to bonfirestudios.com
They have used this technique multiple times throughout the website, most notably their logo on the main page. They have an animation loop playing over top of their website content. It could just be a video played with a screen blending mode, but my knowledge of html and css is so limited I'm not sure what I should be looking for.
It seems so simple in concept: play a video (with alpha data) on loop, but I can't find anything (or don't know where/how to look specifically) that explains how to achieve this effect. Notably, there are no video controls or anything to otherwise indicate it is a video that's playing. I've checked their code, but my limited understanding of javascript and the like find it hard to know what I'm looking for.
Any help or direction is greatly appreciated, thank you.
It is a video playing (right-click over the animation and you'll see such option as "save video").
The container format is webM (which can contain VP8 or VP9 video codec). This format is from Google and supports transparency.
The site I'm making uses a tabbed navigation and MooTools to fade the pages in and out. One of the pages has a Flash player embedded on it, and all of the others consist of pure HTML. The problem occurs on the HTML pages -- somehow the Flash player is causing the HTML pages to display oddly. Vertical borders and text will be jagged in the same locations of the top and bottom of the player. I don't have any code to show because it would be quite overwhelming to sift through, but has anyone run into a similar problem and know of a simple fix? Thank you!
My first thought is that this probably has to do with your wmode setting on the flash player.
Quote from http://www.communitymx.com/content/article.cfm?cid=e5141
Window Mode (wmode) - What's It For?
There are three window modes. Windowless mode allows you to take advantage of the transparent movie, absolute positioning, and layering capabilities available in the browser. They are controlled with the wmode parameter in the object tag. The default mode is available by either choosing not to specify any wmode, or by using wmode="window". We'll look at Macromedia's explanation of the three modes and then we'll explore them a bit further individually.
Window: Use the Window value to play a Flash Player movie in its own rectangular window on a web page. This is the default value for wmode and it works the way the classic Flash Player works. This normally provides the fastest animation performance.
Opaque: By using the Opaque value you can use JavaScript to move or resize movies that don't need a transparent background. Opaque mode makes the movie hide everything behind it on the page. Additionally, opaque mode moves elements behind Flash movies (for example, with dynamic HTML) to prevent them from showing through.
Transparent: Transparent mode allows the background of the HTML page, or the DHTML layer underneath the Flash movie or layer, to show through all the transparent portions of the movie. This allows you to overlap the movie with other elements of the HTML page. Animation performance might be slower when you use this value.
Adobe's property listing: http://kb2.adobe.com/cps/127/tn_12701.html
you are using swfobject lib for adding the flash, arent you?
I had a different problem but maybe helps, with a jquery submenu been hidden by a flash movie, and I solved this with CSS z-index property.
Thanks, everybody, for your answers. Flash is definitely the culprit here, since the problem only exists when the embedded Flash player is present. The player is actually created by Kyte, so it's not the standard players that are made through Flash/Dreamweaver. I tried changing the wmode parameter, which useful, but didn't work. And the z-index thing didn't work either. I'll keep trying it, though, because it seems that should work.
So I've been using Flash for awhile, but rarely ever use the authoring tool. I want to create a quick little slideshow in which a user clicks buttons, and assets on the screen fade in an out as you move from slide to slide. I don't want to do this programatically...what's the quickest route to go about doing this, with using some AS3 but primarily relying on CS4's authoring tools? I remember when I first learned flash, years ago, you placed elements on stage and stretched them out over multiple frames. That seems like a lot of work...I'd rather just have, say, 10 total frames, each frame being a step in the slideshow, and each click of the next button going to that next frame, with each frame having its own animations.
I think you should work with framescripts, flash IDE also gives you this possibility to code while you make frame animations. This way you will take the most advantage of working in the IDE.
I'm working on a flash site with lots of video-based section-to-section transitions. The transition videos themselves are only a few seconds long but are fairly weighty (~700kb) as they're very high-resolution; given the number of sections and section-to-section transition combinations (and therefore videos), preloading all of the transitions on initial site load isn't feasible.
What I'd like to do is have a quick load of each transition video on an as-needed basis; e.g., if you're in area A and click navigation for area B, the A->B video loads (only a few seconds' wait for most users) and is then played back. However, I'd also like a quick loader graphic displayed as the transition loads, before it gets played back (something simple like a loadbar, but more than just a spinner or the like, as the sense of definite progress is important).
What's the best way to do this in Actionscript 3? It was relatively straightforward in AS2 (http://livedocs.adobe.com/flash/9.0/main/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&file=00001036.html) but I've yet to see an simple solution for AS3. I'm using standard code-based techniques for FLV playback in AS3 (NetConnection, NetStream, Video objects)--no FLVPlaybackComponents or similar.
Thanks a lot!
It's not much different in AS3. Just use a Timer instead of an interval. Were you having problems converting that code to AS3?
That example on Adobe's website still works, just prepend:
import flash.utils.setInterval;