System for creating an interactive video using a markup language

A non-transitory computer-readable medium comprising a logic for creating an interactive video using a markup language, the logic, when executed by one or more processors, instructing the one or more processors to:

• receive a video request, the video request comprising a set of source scene IDs arranged in a predetermined ordering, wherein:
• the set of source scene IDs are associated with a set of source scenes;
• each source scene comprises a set of instructions comprising:
• Hypertext Markup Language (HTML) instructions associated with web content;
• and
• animation instructions for animations associated with the web content;
• retrieve the set of source scenes associated with the set of the source scene IDs;
• generate, for each of the set of source scenes, a video scene in the form of an HTML page based on the set of instructions associated with a source scene, wherein:
• generating a video scene comprises:
• generating HMTL code based on the HTML instructions;
• and
• embedding code associated with the animation instructions into the generated HTML code;
• and
• the video scene comprises one or more interactive HTML elements and one or more animations associated with the one or more interactive HTML elements;
• generate a scene collection, the scene collection comprising the video scenes for each of the set of source scenes, wherein the video scenes in the scene collection are arranged based on the predetermined ordering;
• and
• process the video scenes in the scene collection by mapping the video scene to a timeline, wherein processing the video scenes comprises generating a series of HTML pages based on the generated HTML code;
• and
• render the video scenes in the scene collection.

A method for creating an interactive video using a markup language, comprising:

• receiving a video request, the video request comprising a set of source scene IDs arranged in a predetermined ordering, wherein:
• the set of source scene IDs are associated with a set of source scenes;
• each source scene comprises a set of instructions comprising:
• Hypertext Markup Language (HTML) instructions associated with web content;
• and
• animation instructions for animations associated with the web content;
• retrieving the set of source scenes associated with the set of the source scene IDs;
• generating, for each of the set of the source scenes, a video scene in the form of an HTML page based on the set of instructions associated with a source scene, wherein:
• generating a video scene comprises:
• generating HTML code based on the HTML instructions;
• and
• embedding code associated with the animation instructions into the generated HTML code;
• and
• the video scene comprises one or more interactive HTML elements and one or more animations associated with the one or more interactive HTML elements;
• generating a scene collection, the scene collection comprising the video scenes for each of the set of source scenes, wherein the video scenes in the scene collection are arranged based on the predetermined ordering;
• and
• processing the video scenes in the scene collection by mapping the video scene to a timeline, wherein processing the video scenes comprises generating a series of HTML pages based on the generated HTML code;
• and
• rendering the video scenes in the scene collection.