away3d with transparent background over html content - actionscript-3

Can I embed flash with away3d inside of it into html and have a transparent background?
All the information I've found refers to the inability due to restrictions of Stage3d.
But i saw working example.
Is there any way to achieve this result? (swf alone)

I think that's an old version(right click it) of Away3D that doesn't run on Stage3D so it can be embedded with wmode=transparent. For the latest Away3D running in hardware mode you need wmode=direct... so it wouldn't work with transparency. If you want to do something simple like the banner on that site you can try an older version from the GIT repository.

Related

How can I overlay html elements over my DirectShow application?

I'm working with a DirectShow application that exports as a Firefox plugin for video streaming.
To the best of my knowledge, it seems as though the plugin is being rendered on a separate window from the web page. I'd like to edit the application to allow html elements over the plugin much like flash allows with wmode='opaque' or 'transparent'. Another option that would work is to pass mouse events through the application (such as mouse move and mouse down).
I've been reading up on put_MessageDrain and put_Owner, but I'm not sure how to apply these to the application or if they will work.
I'm also aware that iframe shimming may work, but since I have access to the source code of the application I'd like to add the functionality directly rather than use a work around. Is iframe shimming my best option? It seems like the easiest option.
The application currently uses Windowless mode and is always on top of everything else on the web page.
The way video is displayed with DirectShow video renderers, you cannot make it transparent without providing your own video renderer filter, or custom allocator/presenter object for one of the standard video renderers. DirectShow renderers display video with DirectDraw or Direct3D surface which stands alone from hosting window and is not interacting with host in a way supposed to get you combined picture with transparent video and something else as well.
I've been reading up on put_MessageDrain and put_Owner
These are for Windowed mode, you seem to use Windowless which assumes that you are providing a hosting window and rectangle to cover opaquely. Renderless, the third mode VMR-7/9 and EVR offer you is the one where you provide allocator/presenter and override the presentation.
Windows SDK (for some you might need to look for an older version, not the latest) provides with samples: Renderless, VMR9Allocator, EVRPresenter which demo the renderless mode.

flash animation alternative

I have clients that ask for animations that will work on ipad. For that it would have to be non flash. They will also want the animations to work in IE. My question is, is there a best practice for this? I am assuming using flash and export with flash html5 export. Sniff out canvas capability and provide a fallback for IE6/7/8 to flash. The reason is its much faster to build complex character animations with the flash IDE timeline and css3 is better performance. Or is it best practice to build everything in something with javascript, like greensock, and build it one timed function after another. Or is there something that will convert flash or canvas animations to javascript for IE users who don't have flash installed and don't support canvas?
Try Adobe Edge.
http://html.adobe.com/edge/animate/
Looks very impressive.

Unity3D Html over 3D flash game

I have 3D game made in Unity3D. After some time have been spent, it works in flash correctly.
Currently i need to find a way to display HTML content over my flash.
wmode=opaque, wmode=transparent have failed, because stage3d, which unity uses to render 3d content, requires wmode=direct.
I have tried other hacks like using iframe, but this works different in all browsers(correct behaviour only under chrome with release flash player)
Now i'm thinking about get screenshot of flash stage from action script, pass this data to javascript, render this on canvas, hide flash, and move custom HTML element over this.
All this looks so sad, am i missing some important information?
if you use flash and want to render the scene in an canvas :).... better use only flash, don't do that :) .. and strange why it doesn't work for you because I often put a div above the flash content and it works.

Capture image from camera into form or html5 canvas

I need to capture an image from a webcam (tethered camera, etc.) into a form or html5 canvas so that I can save the image to the server. Also, I would like to be able to preview the image live in the page.
For example, I have a browser running at a registration check in station. I would like to take a picture of the attendee currently standing in front of the table, and submit that image into the database. Then I can use that image to print the attendee's badge with their picture on it.
I'm using rails and paperclip, though I doubt that matters.
Anyone done this before, or have some ideas how to do it?
There is a plugin for jQuery entitled 'jQuery Webcam Plugin' that provides a friendly and easy way to interact with a webcam. It actually relies on a small flash component (unfortunately), but it does a great job of making the interaction easy - as well as providing functionality to copy imagery direct into an HTML5 canvas.
Again, it's unfortunate that it relies on Flash, but I think any reliable solution is going to need flash at this point in time.
The plugin is available here: http://www.xarg.org/project/jquery-webcam-plugin/
At present, if you want to interact with a web cam from a web page you need to look at using a plug in. Flash has a mature interface to web cams, so it would be my first choice of tool.
There used to be a spec for native web cam support in HTML 5, but it has been spun out into its own, independent, specification. Currently there is no browser support for it outside of experimental Opera builds.
Android >=3.0 (on plenty of tablets and one phone soon) is supposed to support this. Searching for "html media capture" and "device api" will get you a lot more information.
On the not-even-alpha bleeding edge side, there are things like webrtc and the mozilla rainbow plugin.

How to embed a wave file in html (cross platform)

I want to embed a wave file (or mp3) in html. There is no problem for windows platforms. User can install a windows media player plugin. But WMP does not support linux. Is there any way to do that besides using Flash?
You can take a look to a Javascript implemtation (origanilly from Digital Medias).
Here is a demo
But depending on what you want to do, it's generally not a good idea to provide music on website...
What do you mean by "embed a wave file in html"? You want to play an external file of hold that file inline in the html?
I do belive that you want to play an external file, as holding that file inline would be an overkill.
So, to play an external file, why not use a flash player (http://developer.longtailvideo.com/trac) or the new HTML5 element (http://ajaxian.com/archives/its-friday-play-some-drums-html5-style) ? I do belive flash is more lightweight than WMP and is cross-platform.
WMP might not exist on linux, but there are packages available for Firefox on linux that installs avi and mp3 handlers (at least mplayer does this, don't know about other players)
Really nice and easy example published by Google :
http://code.google.com/intl/fr/apis/wave/embed/guide.html
w3schools will usually tell you all you need to know about html authoring