Dynamic webpage image
A system for converting formatting of display object, including a logic (e.g., a computing device) that can be operable to traverse and record a part of source code or binary data related to a first visible item displayed on a visual output device. The logic can then convert a first data type or data structure that includes the recorded part of source code or binary data to a second data type or data structure that still includes the recorded part of source code or binary data, where the second data type or data structure is related to a second visible item displayable on the visual output device.
1. A method, comprising:
traversing, by a web browser, a part of a document object model (DOM) related to a first plurality of visible items displayed by the web browser on a visual output device via a page view of a webpage;
recording, into respective JAVASCRIPT objects, the part of the DOM related to the first plurality of visible items;
merging the respective JAVASCRIPT objects into a collective JAVASCRIPT object;
converting the collective JAVASCRIPT object to a multimedia object that includes at least the recorded part of the DOM, wherein the multimedia object is compatible with a corresponding multimedia player, and wherein the conversion of the collective JAVASCRIPT object to the multimedia object includes:
converting the collective JAVASCRIPT object to a JAVASCRIPT OBJECT NOTATION (JSON) string;
loading the JSON string to the multimedia player via a multimedia player interface object;
referencing an asset corresponding to the JSON string in response to loading the JSON string to the multimedia player; and
communicating, via the multimedia player interface object, the asset corresponding with the JSON string to a display object;
generating the multimedia object based, at least in part, on the display object; and
controlling a rendering of a second plurality of visible items, on a display, within the page view according to at least the multimedia object.
2. The method of claim 1 , further comprising displaying the second plurality of visible items on the visual output device.
3. The method of claim 1 , wherein the second plurality of visible items initially has an appearance and position similar to the first plurality of visible items.
4. The method of claim 1 , wherein the multimedia object is a FLASH object.
5. The method of claim 4 , wherein the multimedia player is a FLASH player.
6. The method of claim 1 , wherein the multimedia object further includes animation data.
7. The method of claim 1 , wherein the multimedia object further includes audio/video data.
8. A method for generating an image of at least part of a webpage, wherein the image comprises a similar interactivity and a similar appearance as the at least part of the webpage, the method comprising:
traversing parts of a document object model (DOM) related to the least parts part of the webpage, wherein the at least part of the webpage is a visible item;
recording, into respective JAVASCRIPT objects, the parts of the DOM related to the at least part of the webpage;
merging the respective JAVASCRIPT objects into a collective JAVASCRIPT object;
converting the collective JAVASCRIPT object, which includes the recorded parts of the DOM, to a multimedia object that includes animation data and the recorded parts of the DOM, wherein converting the collective JAVASCRIPT object to the multimedia object includes:
converting the collective JAVASCRIPT object to a JAVASCRIPT OBJECT NOTATION (JSON) string;
loading the JSON string to a multimedia player of a web browser via a multimedia player interface object;
referencing an asset corresponding to the JSON string in response to loading the JSON string to the multimedia player;
communicating, via the multimedia player interface object, the asset corresponding with the JSON string to a display object;
generating the multimedia object based, at least in part, on the display object; and
controlling a rendering of the image, on a display, within the webpage according to at least the multimedia object.
9. The method of claim 8 , further comprising displaying the image on a visual output device displaying the webpage.
10. The method of claim 8 , wherein the image comprises an initial position similar to the at least part of the webpage.
11. The method of claim 8 , wherein the multimedia object is a FLASH object.
12. The method of claim 11 , wherein the multimedia player is a FLASH player.
13. The method of claim 8 , wherein the multimedia object further includes vector graphic data.
14. The method of claim 8 , wherein the multimedia object further includes audio/video data.
15. A dynamic screen shot system comprising:
a memory configured to store a document object model (DOM) included on a webpage;
an electronic processor configured to communicate with the memory, and further configured to:
traverse a part of the DOM related to a first plurality of visible items displayed by a web browser on a visual output device via a page view of the webpage;
record, into respective JAVASCRIPT objects, the part of the DOM related to the first plurality of visible items;
merge the respective JAVASCRIPT objects into a collective JAVASCRIPT object;
convert the collective JAVASCRIPT object to a multimedia object that includes animation data and multimedia data, the recorded part of the DOM, and is compatible with a corresponding multimedia player, wherein the electronic processor is configured to convert the collective JAVASCRIPT object to the multimedia object by:
converting the collective JAVASCRIPT object to a JAVASCRIPT OBJECT NOTATION (JSON) string;
loading the JSON string to the multimedia player via a multimedia player interface object;
referencing an asset corresponding to the JSON string in response to loading the JSON string to the multimedia player;
direct the multimedia player interface object to communicate the asset associated with the JSON string to a display object;
generating the multimedia object based, at least in part, on the display object; and
control a rendering of a second plurality of visible items, on a display, within the page view according to at least the multimedia object.
16. The system of claim 15 , wherein the electronic processor is further configured to control a display of the second plurality of visible items on the visual output device.
17. The system of claim 15 , wherein the second plurality of visible items initially has an appearance and position similar to the first plurality of visible items.
18. The system of claim 15 , wherein the multimedia object is a FLASH object.
19. The system of claim 18 , wherein the multimedia player is a FLASH player.
20. The system of claim 15 , wherein the multimedia object further includes vector graphic data.