Chalkboard/Animation User Control for ASP.NET page

Chalkboard animation recorder (actual video of application attached) This user control will be embedded into a C# .net website, need this user control built using something that doesn't require plugins (I have already developed this user control myself in Silverlight, but dont like that its not cross browser compatible). This user control will be embedded into a C#.NET website for users to record the motion of the icons and draw onto the viewable area and playback. Within the viewable frame the green icons are movable around the frame and also the user can draw on the frame (customizable icons, background image, pencil size, user control size - all using some kinda config). The motion should be recorded frame by frame, a similar looking user control for playback, and another for editing previously recorded animations is also required. The motion data will be stored in a MS Sql Server database so that when replay is needed, it can be loaded and played back and also editable. Any icon can move independently or together for any length of time as recorded. The viewable frame is also like a chalk board where you can draw on per frame. User can also text into a textbox for each frame independently. My thinking: User starts off with arranging the icons in the initial start position desired. Click the Record button to start recording, at this point, grey out record button. When an icon is moved, record the motion, all pencil drawings and text entered into text boxes are also stored. To records the next frame, press the next button to increase frame counter, which should be in between the prev and next button. In this frame, move the icons as desired. If two or more icons are moved in the same frame, means that the icons are moving simultaneously together. Using the pencil tool draw on motion area and capture this pencil drawing too. If the next button is clicked, once again increase frame counter and clear out old frame pencil drawings. If needed, use eraser tool to erase drawings, separate delete motion button to reset the motion in that frame if the user made a mistake while recording. When stop button is pressed, store all the motion data and pencil drawings into the database. Requirements: 1) A recorder, 2) A player, 3) An editor The attached video file is the actual application already built using Silverlight, I want it such that we don't need any plugin software, suggestion is to use HTML5, Javascript etc. Currently, I am storing the icon locations, drawings and text in classes and then serializing those classes storing them as JSON in SQL Server. Feel free to suggest a better way to record/store the data and overall program the user control. I am a developer myself and can work with you on the design and coding. Please read the requirements and watch the short 3 minute demo of whats required before you bid. Thanks