Granted Patent B2

US 12,645,473 · App. 18/629,702 · Granted Jun 2, 2026

Inventors: FNU Sunil Satyanarayan (High Point, NC); Daniel Zaccardelli (Charlotte, NC); Vijaykumar Rajkumar Goyal (East Windsor, NJ); Gayatri Samudrala (Telangana, IN); Srinivasrao Lalam (Robbinsville, NJ)

Assignee: Bank of America Corporation

G06F9/453G06F3/0481G06F3/0484G11B27/031H04N21/4782

Abstract

Claims (129)

1 . A system for generating a dynamic video based on webpage sections, comprising:

a memory configured to store code associated with a website; and

a processor, operably coupled to the memory, and configured to:

detect a set of sections of a first webpage of the website, wherein the set of sections of the first webpage comprises at least one of a chart, a text field, or a graph;

generate a user interface component for a first section from among the set of sections of the first webpage, wherein the user interface component comprises a button;

display the generated user interface component associated with the first section on the first webpage;

detect that a first user interface component associated with a first section of the first webpage is actuated;

in response to detecting that the first user interface component associated with the first section of the first webpage is actuated, add the first section of the first webpage to a first video, wherein the first video is associated with performing a first task on the website;

receive a request to generate the first video; and

in response to receiving the request:

fetch a first code portion associated with the first section of the first webpage from the memory;

generate a first video scene displaying the first section, wherein the first video scene is generated in response to loading the first code portion; and

generate the first video comprising the first video scene.

2 . The system of claim 1 , wherein the processor is further configured to:

detect that a second user interface component associated with a second section of the first webpage is actuated;

in response to detecting that the second user interface component associated with the second section of the first webpage is actuated, add the second section of the first webpage to the first video;

fetch a second code portion associated with the second section of the first webpage from the memory;

generate a second video scene displaying the second section, wherein the second video scene is generated in response to loading the second code portion; and

add the second video scene to the first video.

3 . The system of claim 1 , wherein the processor is further configured to:

detect a second set of sections of a second webpage of the website;

generate a third user interface component for a respective section from among the second set of sections of the second webpage;

display the third generated user interface component associated with the respective section from among the second set of sections;

detect that the third generated user interface component associated with a third section of the second webpage is actuated;

in response to detecting that the third generated user interface component associated with a third section of the second webpage is actuated, add the third section of the second webpage to the first video;

fetch a third code portion associated with the third section of the second webpage from the memory;

generate a third video scene displaying the third section, wherein the third video scene is generated in response to loading the third code portion; and

add the third video scene to the first video.

4 . The system of claim 1 , wherein the processor is further configured to:

determine a navigation path through one or more web pages of the website, wherein the navigation path comprises visiting the first section of the first webpage of the website;

associate the determined navigation path to the first task;

elicit a purpose of a subsequent visit to the website from a user;

receive a user response that indicates the first task; and

in response to receiving the user response that indicates the first task:

fetch updated code portions associated with sections along the determined navigation path on the website;

generate updated video scenes displaying updated statuses of the sections; and

display an updated first video comprising the updated video scenes.

5 . The system of claim 1 , wherein the processor is further configured to:

determine that a first component within the first section of the first webpage is not responsive to a frame size on which the first component is displayed; and

in response to determining that the first component within the first section of the first webpage is not responsive to a frame size on which the first component is displayed:

fetch a responsive element from a code portion associated with the first component; and

update the first video scene to include the responsive element.

6 . The system of claim 1 , wherein the first section from among the set of sections represents dynamic information that is updated over time.

7 . The system of claim 1 , wherein while the first video is playing and when a user interacts with a particular component being displayed on the first video, the first video is modified according to a type of interaction with the particular component.

8 . A method for generating a dynamic video based on webpage sections, comprising:

storing code associated with a website;

detecting a set of sections of a first webpage of the website, wherein the set of sections of the first webpage comprises at least one of a chart, a text field, or a graph;

generating a user interface component for a first section from among the set of sections of the first webpage, wherein the user interface component comprises a button;

displaying the generated user interface component associated with the first section on the first webpage;

detecting that a first user interface component associated with a first section of the first webpage is actuated;

in response to detecting that the first user interface component associated with the first section of the first webpage is actuated, adding the first section of the first webpage to a first video, wherein the first video is associated with performing a first task on the website;

receiving a request to generate the first video; and

in response to receiving the request:

fetching a first code portion associated with the first section of the first webpage from a memory;

generating a first video scene displaying the first section, wherein the first video scene is generated in response to loading the first code portion; and

generating the first video comprising the first video scene.

9 . The method of claim 8 , further comprising:

detecting that a second user interface component associated with a second section of the first webpage is actuated;

in response to detecting that the second user interface component associated with the second section of the first webpage is actuated, adding the second section of the first webpage to the first video;

fetching a second code portion associated with the second section of the first webpage from the memory;

generating a second video scene displaying the second section, wherein the second video scene is generated in response to loading the second code portion; and

adding the second video scene to the first video.

10 . The method of claim 8 , further comprising:

detecting a second set of sections of a second webpage of the website;

generating a third user interface component for a respective section from among the second set of sections of the second webpage;

displaying the third generated user interface component associated with the respective section from among the second set of sections;

detecting that the third generated user interface component associated with a third section of the second webpage is actuated;

in response to detecting that the third generated user interface component associated with a third section of the second webpage is actuated, adding the third section of the second webpage to the first video;

fetching a third code portion associated with the third section of the second webpage from the memory;

generating a third video scene displaying the third section, wherein the third video scene is generated in response to loading the third code portion; and

adding the third video scene to the first video.

11 . The method of claim 8 , further comprising:

determining a navigation path through one or more web pages of the website, wherein the navigation path comprises visiting the first section of the first webpage of the website;

associating the determined navigation path to the first task;

eliciting a purpose of a subsequent visit to the website from a user;

receiving a user response that indicates the first task; and

in response to receiving the user response that indicates the first task:

fetching updated code portions associated with sections along the determined navigation path on the website;

generating updated video scenes displaying updated statuses of the sections; and

displaying an updated first video comprising the updated video scenes.

12 . The method of claim 8 , further comprising:

determining that a first component within the first section of the first webpage is not responsive to a frame size on which the first component is displayed; and

in response to determining that the first component within the first section of the first webpage is not responsive to a frame size on which the first component is displayed:

fetching a responsive element from a code portion associated with the first component; and

updating the first video scene to include the responsive element.

13 . The method of claim 8 , wherein the first section from among the set of sections represents dynamic information that is updated over time.

14 . The method of claim 8 , wherein while the first video is playing and when a user interacts with a particular component being displayed on the first video, the first video is modified according to a type of interaction with the particular component.

15 . A non-transitory computer-readable medium storing instructions that when executed by a processor, cause the processor to:

store code associated with a website;

detect a set of sections of a first webpage of the website, wherein the set of sections of the first webpage comprises at least one of a chart, a text field, or a graph;

generate a user interface component for a first section from among the set of sections of the first webpage, wherein the user interface component comprises a button;

display the generated user interface component associated with the first section on the first webpage;

detect that a first user interface component associated with a first section of the first webpage is actuated;

in response to detecting that the first user interface component associated with the first section of the first webpage is actuated, add the first section of the first webpage to a first video, wherein the first video is associated with performing a first task on the website;

receive a request to generate the first video; and

in response to receiving the request:

fetch a first code portion associated with the first section of the first webpage from a memory;

generate a first video scene displaying the first section, wherein the first video scene is generated in response to loading the first code portion; and

generate the first video comprising the first video scene.

16 . The non-transitory computer-readable medium of claim 15 , wherein the instructions further cause the processor to:

detect that a second user interface component associated with a second section of the first webpage is actuated;

in response to detecting that the second user interface component associated with the second section of the first webpage is actuated, add the second section of the first webpage to the first video;

fetch a second code portion associated with the second section of the first webpage from the memory;

generate a second video scene displaying the second section, wherein the second video scene is generated in response to loading the second code portion; and

add the second video scene to the first video.

17 . The non-transitory computer-readable medium of claim 15 , wherein the instructions further cause the processor to:

detect a second set of sections of a second webpage of the website;

generate a third user interface component for a respective section from among the second set of sections of the second webpage;

display the third generated user interface component associated with the respective section from among the second set of sections;

detect that the third generated user interface component associated with a third section of the second webpage is actuated;

in response to detecting that the third generated user interface component associated with a third section of the second webpage is actuated, add the third section of the second webpage to the first video;

fetch a third code portion associated with the third section of the second webpage from the memory;

generate a third video scene displaying the third section, wherein the third video scene is generated in response to loading the third code portion; and

add the third video scene to the first video.

18 . The non-transitory computer-readable medium of claim 15 , wherein the instructions further cause the processor to:

determine a navigation path through one or more web pages of the website, wherein the navigation path comprises visiting the first section of the first webpage of the website;

associate the determined navigation path to the first task;

elicit a purpose of a subsequent visit to the website from a user;

receive a user response that indicates the first task; and

in response to receiving the user response that indicates the first task:

fetch updated code portions associated with sections along the determined navigation path on the website;

generate updated video scenes displaying updated statuses of the sections; and

display an updated first video comprising the updated video scenes.

19 . The non-transitory computer-readable medium of claim 15 , wherein the instructions further cause the processor to:

determine that a first component within the first section of the first webpage is not responsive to a frame size on which the first component is displayed; and

in response to determining that the first component within the first section of the first webpage is not responsive to a frame size on which the first component is displayed:

fetch a responsive element from a code portion associated with the first component; and

update the first video scene to include the responsive element.

20 . The non-transitory computer-readable medium of claim 15 , wherein the first section from among the set of sections represents dynamic information that is updated over time.

Assignments (1)

Continuity (1)

References Cited (38)