Handling iPad Shake Gesture - html

I would like to know how to detect the shake gesture on an iPad and make it cause a animation on a digital publication page (ex: image changes). I am using Adobe DPS at the moment and considering MagPlus as well. I am a total newbie to this.
Thanks!

You can do this by using webviews in you magazine. In the webview you can use the HTML5 orientation api to listen to the event. Or you can use a javascript plugin called Shake.js.

Related

Is there a way to control camera exposure (darker/lighter) in ActionScript/Flash control?

Is it possible to control camera exposure compensation from ActionScript?
it is! Therefore you need to use a ANE (Adobe Native Extension).
I found one for iOS here https://code.google.com/p/diadraw-air-camera-native-extension/ and maybe this https://github.com/freshplanet/ANE-ImagePicker (supperts iOS and Android) serves for your purpose as well.
Cheers
As far as I'm aware this sort of finer hardware control needs more access to the camera than flash plugin in a web page will have.
You'd be able to do it with a native extension in an AIR application but not with the flash plugin. Though I haven't seen any for desktop cameras, I imagine the hardware is even more variable than Android and would be a big endeavour. Definitely are a few around for Android/iOS (diadraw and I've done one myself for http://distriqt.com/native-extensions#camera).
But for the flash plugin I think you'll be limited to the controls in flash.media.Camera.

does as3 require the flash player

I am helping to build a video based website. My client wants the website to be viewable on ipads/iphones. Therefore, I absolutely can not require the flash viewer.
One of my developers wants to use AS3 for scripting special features in our player. If AS3 scripting is used, does that mean my users must have the flash plugin?
Thanks!
If it's just about playing videos, then html5 based option would be great. But if the requirement is more complicated and the developer is more comfortable with AS3, then you can have an AIR app re-packaged as iOS app (that's a supported workflow from Adobe).
Yes, the users would have to have the Flash Player installed to view an AS3 flash file (.swf).
But your developers might implement an html5 alternative of the video player for iOS that doesn't require flash (which probably will be missing some of those special features) so the website might still be viewable on iOS devices.
My advice would be to simply ask them if it will work on iPad and iPhone :-)

how to do splash page or index.html first page animation in HTML5

is there any way to do a flash-like animation for the splash screen for iPad app in HTML5.
i have searched a lot for javascript but did not get anything.
The usual alternatives to Flash animation are canvas (which has its own API) and SVG (which is subject to standard DOM manipulation), both of which are supported by iOS Mobile Safari.
Adobe is developing an HTML/Javascript/CSS based alternative to Flash Builder called Adobe Edge, you can download it for free for a limited time for Adobe Labs. It doesn't have nearly as many features as Flash(at least not yet), but it provides enough basic functionality to accomplish what you are asking.

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.

AS3: How to get fullscreen and keyboard input?

Since flash doesn't allow keyboard input while in fullscreen mode I'm wondering if there is a workaround to that?
I have a flash that is going to run fullscreen in a browser and needs different kinds of keyboard input. I have read something about AIR, but I don't fully understand it and would like another way if thats even possible.
Anybody knows?
public function setFullScreen():void
{
this.width = Capabilities.screenResolutionX;
this.height = Capabilities.screenResolutionY;
this.stage.align = StageAlign.TOP_LEFT;
this.stage.scaleMode = StageScaleMode.NO_SCALE;
this.stage.displayState = StageDisplayState.FULL_SCREEN_INTERACTIVE;
}
Use the FULL_SCREEN_INTERACTIVE
This is now possible in Flash Player 11.3+
Simply compile your application to support a minimum version of 11.3.0 and it will work if you use:
stage.displayState = StageDisplayState.FULL_SCREEN_INTERACTIVE;
in your html you must put:
<param name="allowFullScreenInteractive" value="true" />
you will see a prompt when you enter full screen:
you can see an example on this official adobe blog:
http://www.leebrimelow.com/wp-content/uploads/2012/04/overlay.gif
It is not possible to get input key with fullscreen mode within the browser.
Air is only for desktop application so if your application have to work into the browser no Air for you.
If you have to get input into fullscreen mode you can try to make a virtual keyboard (an example) and user will use the mouse to press the keyboard key.
It actually is possible in Flash 10, but only for a few keys. See this page:
Understanding the security changes in Flash Player 10
Flash Player 9 does not allow keyboard
input when displaying content in
full-screen mode. Flash Player 10
changes this, allowing for a limited
number of keys to be usable in
full-screen mode. These include Tab,
the Spacebar, and the (up, down, left,
right) arrow keys.
Another option is to just use the browser's built-in fullscreen capability. All major browsers offer it as far as I know (IE, Firefox, Chrome, etc). Usually it's under View->Fullscreen, hotkey F11. Depending on the browser it will either give you the entire screen, or maybe leave a small bar across the top/bottom. Then you simply need to make your flash application expand to fill the entire HTML page.
Patrick is right. Due to security risks, your going to have a tough time getting your goal met. Adobe AIR is your best solution and will be easy to achieve in your state.
Here is a great video to get your started from Lee Brimelow. http://theflashblog.com/?p=403 (Building AIR Applications in Flash CS3)
Since AIR applications are built right in Flash or Flex, all you will need to do is configure how your application compiles, and you have yourself a Adobe AIR application capable of utilizing the keyboard while running as a cross platform desktop application.
Ahh, AIR is not for browsers? Too bad. Seems like I won't be able to get everything I wish for :p I have functions for the most important things without the keyboard functions, but I would really like them all of course.
I'll look into Silverlight then and see if thats an option.
Thanks guys! :)