I need a flash application developed to run in a browser that uses the user's microphone to capture audio and simultaneously record mouse click and drags to record simple drawings on top of a jpeg image. This 'recording' should then be able to be played back to hear what the user was saying when he/she was drawing (essentially circling parts of the jpeg image to give instructions):
a) loads a specified jpeg file (800x600) and displays it
b) user presses record button
c) user accepts Flash security alert to start capturing audio from the user's mic
d) user can click and drag mouse to draw on top of the jpeg while talking
e) recording stops in 1 minute or when user presses the 'stop' button (we should be able to extend this recording time later)
f) at a later stage we should be able to implement simple shapes, where the user can click and draw translucent rectangles and ovals in addition to draw freeform with a pencil tool
g) It is important that the playback of the movie is exactly synced - the audio and drawing need to appear as the user recorded it.
The recording is saved as a swf file or if you are simply saving the audio and the drawing as coordinates etc, then another sfw to be able to load this recording and play it back as it was recorded.
This will be put on a website for users to review jpeg files.
We have **Wowza** media server installed on our linux webserver and this is what will need to be used to save the streaming content.
No emphasis on design of the application. It just needs to be developed with the funtionality at this stage. We will implement design later.
Flash plugin v10 can be used and ActionScript 2 or 3 can be used.
Please let me know your approach and any challenges.