A declarative cross-platform framework for interactive user interfaces is described herein. Commands may define a virtual surface for display in a plurality of streaming applications executing across a plurality of computing platforms. The commands may be expressed in a declarative format that allows the virtual surface to be defined without injecting code into the plurality of streaming applications. The commands may indicate a first position within the virtual surface for display of a display item, and the first position may be expressed based on relative amounts of positional attributes that are relative to total amounts of the positional attributes for the virtual surface in its entirety. The streaming applications may host framework runtime components for respective computing platforms on which the streaming applications execute. The framework runtime components may use the commands to generate respective rendering instructions for rendering the virtual surface on their respective computing platforms.
|
4. A computer-implemented method comprising:
receiving one or more commands associated with a virtual surface for display in an application, wherein the one or more commands indicate an animation that performs a movement in the virtual surface, and wherein the one or more commands identify a first relative amount of a first positional attribute that is relative to a first total amount of the first positional attribute for the virtual surface in its entirety;
generating, based on the one or more commands, rendering instructions for rendering the virtual surface including the animation in a user interface of the application; and
providing the rendering instructions to one or more rendering components that render the virtual surface including the animation in the user interface based on the rendering instructions, wherein the first relative amount indicates a first position at which the movement of the animation is at least one of started, stopped, or redirected.
12. One or more non-transitory computer-readable storage media having stored thereon computing instructions that, upon execution by a computing device, cause the computing device to perform operations comprising:
receiving one or more commands associated with a virtual surface for display in an application, wherein the one or more commands indicate an animation that performs a movement in the virtual surface, and wherein the one or more commands identify a first relative amount of a first positional attribute that is relative to a first total amount of the first positional attribute for the virtual surface in its entirety;
generating, based on the one or more commands, rendering instructions for rendering the virtual surface including the animation in a user interface of the application; and
providing the rendering instructions to one or more rendering components that render the virtual surface including the animation in the user interface based on the rendering instructions, wherein the first relative amount indicates a first position at which the movement of the animation is at least one of started, stopped, or redirected.
1. A computing system comprising:
one or more processors; and
one or more memories having stored therein computing instructions that, upon execution by the one or more processors, cause the computing system to perform operations comprising:
receiving one or more commands associated with a virtual surface for display in a streaming application, wherein the one or more commands indicate an animation that performs a movement in the virtual surface, and wherein the one or more commands include a relative width that is relative to a total width for the virtual surface in its entirety and a relative height that is relative to a total height for the virtual surface in its entirety;
generating, based on the one or more commands, rendering instructions for rendering the virtual surface including the animation in a user interface of the streaming application; and
providing the rendering instructions to one or more rendering components that render the virtual surface including the animation in the user interface based on the rendering instructions, wherein the relative width and the relative height indicate a first position at which the movement of the animation is at least one of started, stopped, or redirected.
2. The computing system of
3. The computing system of
5. The computer-implemented method of
6. The computer-implemented method of
7. The computer-implemented method of
8. The computer-implemented method of
wherein the first positional attribute is width and the first relative amount is a relative width that is relative to a total width of the virtual surface in its entirety, and
wherein the second positional attribute is height and the second relative amount is a relative height that is relative to a total height of the virtual surface in its entirety.
9. The computer-implemented method of
10. The computer-implemented method of
11. The computer-implemented method of
13. The one or more non-transitory computer-readable storage media of
14. The one or more non-transitory computer-readable storage media of
15. The one or more non-transitory computer-readable storage media of
16. The one or more non-transitory computer-readable storage media of
wherein the first positional attribute is width and the first relative amount is a relative width that is relative to a total width of the virtual surface in its entirety, and
wherein the second positional attribute is height and the second relative amount is a relative height that is relative to a total height of the virtual surface in its entirety.
17. The one or more non-transitory computer-readable storage media of
|
This application is related to the following application, which is hereby incorporated by reference in its entirety: U.S. patent application Ser. No. 16/448,310 filed Jun. 21, 2019, entitled “DECLARATIVE CROSS-PLATFORM FRAMEWORK FOR INTERACTIVE USER INTERFACES”.
The widespread use of video streaming has increased rapidly in recent years. A streamer, as used herein, refers to a user that provides video content that is streamed to viewers. In some examples, a streamer may capture video content and transmit the video content to a video streaming service. The video streaming service may then, in turn, transmit the video to a number of viewers. In one specific example, a streamer may be a video game player that captures and transmits video of a game that he or she is playing. In some examples, the video content may be transmitted to viewers and played using live streaming techniques. For example, content video of an event (e.g., video game) may be transmitted to viewers, and at least part of the video content may be played while the event is still occurring (e.g., while the video game is still being played by the streamer), albeit with some small amounts latency between the time that video content is captured by the provider and the time that the video is eventually played to viewers. In some examples, streaming video content may be played on many devices spanning across a variety of different computing platforms, such as computing platforms associated with different operating systems, computing platforms associated with different types of devices (e.g., gaming consoles, smart televisions, phones and other mobile devices, laptops, desktops, etc.), and/or other computing platforms.
The following detailed description may be better understood when read in conjunction with the appended drawings. For the purposes of illustration, there are shown in the drawings example embodiments of various aspects of the disclosure; however, the invention is not limited to the specific methods and instrumentalities disclosed.
A declarative cross-platform framework for interactive user interfaces is described herein. In particular, in some examples, a stream of video content, for example corresponding to a video game, may be transmitted to a number of viewers. The video content may be provided by a streamer, which is a user that provides video content that is streamed to viewers. In some examples, the streamer may transmit the video content to a video streaming service. The video streaming service may then, in turn, transmit the video content to a number of viewers. For example, a streamer may be a video game player that captures and transmits video of a game that he or she is playing. The video streaming service may, in turn, transmit the video of the game to a number of viewers. In some examples, the video content may be transmitted to viewers and played using live streaming techniques. For example, video content of an event (e.g., video game) may be transmitted to viewers, and at least part of the video content may be played while the event is still occurring (e.g., while the video game is still being played by the streamer), albeit with some small amounts latency between the time that video content is captured by the provider and the time that the video is eventually played to viewers.
A video streaming application is an application executing on a viewer's device that displays the streamed video content, such as using a video player component. Some examples of a streaming application may include a client application of the video streaming service, a standard web browser, or another type of streaming application. In some examples, the streaming application may provide a streaming application interface that includes a video player interface in which the streaming video is displayed.
In combination with the video content transmitted by the video streaming service, it may be desirable to display additional content to viewers. In some examples, the additional content may include information about the video game or other video content that is being streamed. In some examples, the additional content may include information that is generated, updated and displayed live in real-time or near real-time, such as to reflect current game or other video content states. Also, in some examples, the additional content may be interactive content that allows the viewer to provide input, such as to vote and/or wager on various events, to purchase various products or services, or to provide other types of input. In some cases, the additional content may include text, images, video, graphics, animations, input controls (e.g., buttons, checkboxes, etc.), and the like. Also, in some cases, the additional content may include live statistics, such as player and/or team statistics (e.g., wins, losses, kills, points, rankings, etc.), inventory, location information, timing information, game object information, and other statistics. Furthermore, in some examples, the additional content may include information about a particular feed or channel on which the video content is transmitted. For example, the additional information may include live statistics or other information about viewers of a particular channel and/or subscribers to a particular player's video feed. Many other types of additional content may be provided in combination with a video content stream. In some examples, by enhancing the interactive nature of content that is presented to the viewer, the additional content may improve the viewer's experience and potentially attract new and more devoted viewers. In some examples, the additional content may be provided third parties other than the video streaming service. By allowing third parties to develop and provide additional content, the range of interactions and experiences made available through such content may, in some cases, be significantly expanded. Additionally, the video streaming service may allow video content providers, such as video game players, to select which additional content is to be displayed in combination with their particular provided video content. For example, in some cases, a video content provider may browse available additional content and select particular additional content to embed on a respective channel, page or other interface on which the provider's video content is displayed.
One challenge related to the display of this additional content is that video content may often be played on many devices spanning across a variety of different computing platforms, such as computing platforms associated with different operating systems, computing platforms associated with different types of devices (e.g., gaming consoles, smart televisions, phones and other mobile devices, laptops, desktops, etc.), and/or other computing platforms. In some cases, additional content, such as described above, may be displayed in a respective additional content interface, such as an interface that wholly or partially overlays the video player interface or an interface that is external to the video player interface (e.g., below the video player interface). In some examples, however, the available tools, processes and/or procedures for creation of user interfaces, as well as the structure and behavior of the user interfaces, may vary between different computing platforms. Additionally, in some examples, the layout and characteristics of the streaming applications and displays themselves may vary between different computing platforms, such as the screen size, resolution, position of the video player, the amount of the screen occupied by the video player, the layout of the video player and other screen contents in different display modes (e.g., portrait vs. landscape), and the like. The variation of these and other characteristics may raise the difficulty and complexity of the user interface generation process for display of additional content. Moreover, in some examples, different computing platforms may have different rules related to user interface generation and/or the streaming applications. For example, some computing platforms may have rules that prevent third parties other than developers of the streaming application from generating and injecting code into the streaming application. Such rules may make it difficult or impossible for third parties to employ certain traditional formats for user interface generation, such as hypertext markup language (HTML), JavaScript, and the like.
To alleviate these and other problems, a declarative cross-platform framework for interactive user interfaces is described herein. In some examples, the framework may be implemented based on platform-independent commands that define a virtual surface for display in a plurality of streaming applications executing across a plurality of computing platforms. The formats for these commands may be exposed to third parties by an administrator of the framework, such as a video streaming service. The commands may be expressed in a declarative format that allows the virtual surface to be defined without injecting code into the streaming applications. In one specific example, the commands may be expressed using a language-independent data format, such as JavaScript Object Notation (JSON). In some examples, the commands may give each virtual surface a unique name and may include identifications of one or more display items, such as widgets (e.g., text, images, video, graphics, animations, input controls, etc.), to include in the virtual surface and one or more properties (e.g., size, position, color, visibility, etc.) of each of the one or more display items.
The framework may be implemented using a number of different framework runtime components corresponding to different respective computing platforms on which the framework is employed. The term computing platform, as used herein, refers to any computing hardware and/or software configurations on which an application executes. In one specific example, a first framework runtime component might execute on a first computing platform for a first operating system common to phones and other mobile devices, a second framework runtime component might execute on a second computing platform for a second operating system also common to phones and other mobile devices, a third framework runtime component might execute on a third computing platform for gaming consoles, smart televisions and related devices, and a fourth framework runtime component might execute on a fourth computing platform for web browsers. In some examples, because framework commands may be expressed in a declarative format without code, the runtime components may be executable on a wide variety of host computing devices, even including many of those with limited processing and/or memory capacity. Each framework runtime component may ingest the platform-independent commands that define the virtual surface and use those commands to generate respective rendering instructions for rendering the virtual surface in a user interface of a streaming application. The respective rendering instructions may be platform-specific, such that they are wholly or partially different from one another across different platforms. In some examples, the rendering instructions may employ native user interface toolkits of a respective target platform and/or cross-platform widget libraries for rendering of the virtual surface and its contents. In some examples, the streaming applications may manage the virtual surfaces and register them with the runtime components. The shape, size and positioning of the virtual surfaces may be inconsequential to the framework and may vary between different platforms.
In some examples, dynamic experiences can be created by integrating server-side logic that either reacts to user input or pushes updates asynchronously. For example, in some cases, a display item may have an associated action property that indicates actions to perform in response to user input to the display item in the virtual surface. In some examples, the actions may include opening of a uniform resource locator (URL) or other link, issuing a notification of the user input to the host streaming application, providing a state of one or more other display items when the user input is received, performing a modification of the virtual surface (e.g., adding, removing, or changing a display item in the virtual surface, running an animation, etc.). The indication of these actions in the platform-independent commands may allow for an interactive user experience to be defined using the declarative framework. For example, when a user votes in a poll, the framework may be instructed to provide, to the streaming application, an indication of the vote including a state of a checkbox (e.g., checked or unchecked) along with an indication of the text that is included in the poll. The streaming application may then forward this information to a third party or other entity for processing of the results and any potential follow-up actions.
One way in which a virtual surface and its contents may be rendered across a variety of different computing platforms and devices is by making the layout and positions of display items relative to the virtual surface as a whole. For example, in some cases, platform-independent commands may express a position of a display item based on relative amounts of positional attributes that are relative to total amounts of the positional attributes for the virtual surface as a whole. In some examples, the position attributes may include an X-dimension (or width) and/or a Y-dimension (or height) in an XY coordinate system. Also, in some examples, the relative amounts may be expressed as mathematical functions with respect to the total amounts, such as percentages, ratios, or fractions of the total amounts. For example, a position of a display item may be expressed using a percentage (or other relative amount) of a total width and/or a total height of a virtual surface that includes the display item. In one specific example, a coordinate system may originate from a top left corner of a virtual surface. In this example, to display an item halfway down the left edge of the virtual surface, the position of the item may be expressed as (0.0w)×(0.5h). In this case, the (0.0w) refers to zero width (corresponding to the left edge of the virtual surface), and the (0.5h) refers to half of the height (corresponding to halfway down the virtual surface). As another example, to display an item halfway down the right edge of the virtual surface, the position of the item may be expressed as (1.0w)×(0.5h). In this case, the (1.0w) refers to the total width (corresponding to the right edge of the virtual surface), and the (0.5h) refers to half of the height (corresponding to halfway down the virtual surface).
In some examples, the video content may include video of a live event, such as a video game, sporting event, news event, or other live event. In one specific example, streamer 100 may be a video game player and may provide video captured from a video game that he or she is playing. In some examples, the video content may be transmitted along with corresponding audio content, such as video game audio output, which may also be played by the video streaming applications 120A-D. Also, in some examples, the video content may be transmitted to the video streaming applications 120A-D and played using live streaming techniques. For example, video content of an event (e.g., a video game) may be transmitted to the video streaming applications 120A-D, and at least part of the video content may played by the video streaming applications 120A-D while the event is still occurring (e.g., while the video game is still being played by one or more game players), albeit with some small amounts of latency between the time that the video is captured by the streamer 100 and the time that the video is eventually played by the video streaming applications 120A-D. In some examples, streamer 100 may capture video using screen capture software, one or more cameras, and/or other video capture components.
A video streaming application 120A-D is an application executing on a viewer's device that displays the streamed video content, such as using a video player component. As set forth above, some examples of a video streaming application 120A-D may include a client application of the video streaming service 110, a standard web browser, or another type of streaming application. In some examples, a video streaming application 120A-D may provide a streaming application interface that includes a video player interface in which the streaming video is displayed. In the example of
In the example of
In some examples, each of the framework runtime components 130A-D may receive identical platform-independent commands 150. Thus, in some examples, the platform-independent commands 150 may be common across all computing platforms on which the streamed video content is played. The platform-independent commands 150 may be expressed in a declarative format that allows the virtual surface to be defined without injecting code into the streaming applications. In some examples, because the platform-independent commands 150 may be expressed in a declarative format without code, the framework runtime components 130A-D may be executable on a wide variety of host computing devices, even including many of those with limited processing and/or memory capacity. In one specific example, the platform-independent commands 150 may be expressed using a language-independent data format, such as JavaScript Object Notation (JSON). Some specific example formats and properties of the platform-independent commands 150 are described in detail below. In the example of
In some examples, the platform-independent commands 150 may create user interfaces by defining virtual surfaces for display within the video streaming applications 120A-D. As used herein, the term virtual surface (also referred to herein as an abstract surface) is a user interface that is capable of being displayed (potentially with different size, shape, position, and/or other characteristics) in a plurality of computing platforms. The virtual surfaces are screen areas within which the video streaming applications 120A-D delegate rendering to the framework runtime components 130A-D. In some examples, the platform-independent commands 150 may give each virtual surface a unique name and may include identifications of one or more display items, such as widgets (e.g., text, images, video, graphics, animations, input controls, etc.), to include in the virtual surface and one or more properties (e.g., size, position, color, visibility, etc.) of each of the one or more display items. Referring now to
It is noted that different computing platforms may manage the virtual surfaces using best practices and user paradigms of their target devices. This means that, although the commands for creating a virtual surface may be the same across different platforms, the size, shape, positioning and other properties of the resulting rendered virtual surfaces may differ across different platforms. In particular, it is noted that the example virtual surface 220A shown in
In addition to the size, shape and position, other aspects of a virtual surface may also differ between computing platforms. For example, in some cases, a user may control showing and hiding of the virtual surfaces 220A and 220B in computing platforms 140A and 140B using a dedicated controller button. By contrast, in a different computing (e.g., computing platform 140C), showing and hiding of the virtual surface could be controlled using an icon displayed within the virtual surface. As another example, in another different computing (e.g., computing platform 140D), the showing and hiding of the virtual surface could be performed using an icon in landscape mode, while the virtual surface could be displayed permanently while in portrait mode. In some examples, the shape, size and positioning of the virtual surfaces may be inconsequential to the framework and may be fully managed by the host streaming application/computing platform.
Another example of a virtual surface that may be rendered to include additional content is shown in
Thus, as described above, virtual surfaces may be registered and defined using platform-independent commands 150. One example format for registering a new virtual surface (also referred to herein as an abstract surface) is shown below:
In some examples, all available display items/widgets may support one or more common properties, while individual display items/widgets may also support additional widget-specific properties. In some examples, the common properties supported by all widgets may include properties such as position, size, background color, visible, padding and identifier. The position property may have a relative X dimension value and a relative Y dimension value that are relative to the widget's parent interface. Some examples of relative positions are described in greater detail below. The size property may have a width value and a height value that indicate the widget's size. The background color property may include a value that indicates background color for a widget, such as a hexadecimal encoded red-green-blue (RGB) with optional alpha channel. The visible property may have a value that indicates widget visibility (e.g., shown or hidden). The padding property may have a value, such as four integers, that represent the padding, in points, to be added around a widget to the top, left, bottom and right. In some examples, a single integer can be provided which will apply to all dimensions. The identifier property may have a value that serves to uniquely identify a widget within a particular virtual surface.
As set forth above, one example widget is a space widget (i.e., a widget that includes no content), which can be used for spacing or to display a color through its “background-color” property. For example, a red rectangle can be constructed with the following definition:
“space”:
Another example widget is a text widget, which may be used to display text. In some examples, in addition to the common properties described above, a text widget may include widget-specific properties, such as value (e.g., the string to display), multiline (e.g., an indication of whether the text should reflow to be truncated), lines (e.g., an indication of a number of lines for displaying text), color (e.g., an indication of text color), alignment (e.g., text alignment, such as right left, center or justified), font size, font family, text shadow color, text format (e.g., bold, italic, etc.), and others. Another example widget is an image widget, which may be used to display an image. In some examples, in addition to the common properties described above, an image widget may include widget-specific properties, such as an image uniform resource locator (URL), which includes a URL (or other location) from which to retrieve the image for display. Another example widget is a button widget, which may be used to capture user interaction. In some examples, in addition to the common properties described above, a button widget may include widget-specific properties, such as label (e.g., the string to display), style (e.g., an indication to display a round border around the button), lines (e.g., an indication of a number of lines for displaying text), color (e.g., an indication of text color), text alignment, and text format. Another example widget is a toggle widget, such as an on/off switch. In some examples, in addition to the common properties described above, a toggle widget may include widget-specific properties, such as state (e.g., an indication of whether the toggle is on or off). Another example widget is a checkbox widget. In some examples, in addition to the common properties described above, a checkbox widget may include widget-specific properties, such as state (e.g., an indication of whether the checkbox is checked). Another example widget is a text field widget, which may be used to capture text/information from the user. In some examples, in addition to the common properties described above, a text field widget may include widget-specific properties, such as text (e.g., the text input in the widget), and hint (e.g., the placeholder text to display when the text field is empty). Another example widget is a stars rating widget, which shows feedback in the format of stars. In some examples, in addition to the common properties described above, a stars rating widget may include widget-specific properties, such as value (e.g., the number of stars to display, such as in 0.5 increments), star fill color, and star border color. Another example widget is a custom graphics widget. In some examples, in addition to the common properties described above, a custom graphics widget may include widget-specific properties, such as a value property, which may allow the custom graphics to be defined, for example using a format such as scalable vector graphics (SVG).
In some examples, the framework described herein may allow user interfaces to be created by using and combining containers. In some cases, vertical containers and horizontal containers may be employed, both of which may align widgets in a single column or row, respectively. In some examples, the platform-independent commands 150 may specify values for various container properties, such as alignment (e.g., right, top, center, fill, left, bottom), spacing, guides (e.g. relative size of each widget, for example in percentages of the container), background color, stretch (e.g., the direction in which to extend the container, for example left or right), and content (e.g., the widgets to be managed by the container). In some examples, using the fill alignment may stretch the container in its respective direction (e.g., across an entire column of a vertical container or across an entire row of a horizontal container). Also, in some examples, using the stretch property may cause the container to be extended over the other axis. For example, use of a vertical stretch property in a horizontal container may cause extension over a vertical axis, while use of a horizontal stretch property in a vertical container may cause extension over a horizontal axis. Additionally, in some examples, adding multiple widgets to a container may stack them in the container's natural order (e.g., over a column for vertical containers or over a row for horizontal containers, in accordance with the specified alignment). Moreover, stretching a container with multiple widgets may cause all widgets in the container to be extended in the manner described above for the stretch property. The guides property may be used when multiple widgets are present in a container with fill alignment. The guides may define the proportion of each widget in the container. In some examples, the values for the guides property may include an array of integers representing a respective percentage for each widget, with all values adding up to one hundred percent. In some cases, the last value in the array may be optional and may be calculated. For example, specifying a guides property using the notation “guides”: [“30”, “70”] may cause a first widget to occupy 30 percent of a row or column and a second widget to occupy the remaining 70 percent of a row or column.
In some examples, when the same combination of widgets is used repeatedly, the combination of these widgets may be defined in the platform-independent commands 150 using a composite widget. Use of the composite widget may improve efficiency and reduce complexity, such as by removing the need to re-define the combination of widgets each time that they are re-used. Separating data from layout allows the video streaming applications to produce these composite widgets much more efficiently, especially if the definition is being generated remotely. An example of a composite widget 510 is shown in
In some examples, the composite widget 510 may be re-used for each different product that is shown in a user interface. In the example of
In some examples, a command to define a composite widget 510 may have the following example format:
In some examples, a user interface on a virtual surface may be dynamically changed, such as by issuing exec commands, for example using the format shown below:
The available subcommands may include, for example, delete, set, clear, add, and run. The delete subcommand (del) may be used to delete widgets from a virtual surface, for example using the following format: “del”: <widget-name>|[<widget-name>, <widget-name>, . . . ]. The set subcommand may be used to change a widget's property, for example using the format shown below:
The clear subcommand may be used to remove all widgets from a container, for example using the format shown below:
The add subcommand may be used to insert new widgets into a container, for example using the format shown below:
The run subcommand may be used to trigger an animation optionally running a set of commands after the animation is done. When provided, a debug argument may cause the path of the animation to be displayed on the screen while the animation is running. A target property defines a view which will serve as a container for the animation. If a target property is not provided, the animation may run in the entire container. A delay property may be used to delay animations, such as to give the impression that different paths are being taken by different images being animated. Below is an example format for the run subcommand:
In some examples, the framework described herein may provide a library of animations that can be triggered via a command, such as an exec command. For example, the library may include built-in animations, such as a reveal/hide animation (e.g., sets either width or height to zero and back to an original value), a 180 degree toggle animation (e.g., rotates a widget 180 degrees), and a toggle visibility animation (e.g., show/hide a widget using a default platform animation). New animations can be defined with an anim exec subcommand. User-defined animations may specify paths that a widget will traverse within a specified time period, such as at constant and/or varying speeds. An example format for defining an animation is shown below:
The repeat command may define a subpath to be traced multiple times. An example format for the repeat command is shown below:
In some examples, coordinates may be expressed relative to a virtual surface or parent widget, for example to allow the entire path to dynamically adapt to changes in the video streaming application state, such as the orientation on a mobile application. The variables w (width) and h (height) are available and may be used to construct expressions whenever a coordinate is required. For example, to start a path from the center of the screen, the following notation may be used: {“start”: “0.5*w×0.5*h”}. Referring now to
Referring now to
In some examples, widgets may support an action property that allows various specified actions to be performed in response to user input. Referring now to
Action 1272 is for notifying the host video streaming application 1220 of the state of other widgets when the user input 1210 is received. In order to specify the action 1272, widget identifiers for the other widgets may be provided in an optional array to this element. For example, when the vote button widget is selected, the command below may cause the state of three other widgets (checkbox001, text001, and text 002) to be provided to the video streaming application 1220:
Action 1273 is for opening a URL in response user input to a widget, for example using a platform's preferred mechanism. If the platform is not capable of opening URL's, this action may be silently ignored. Action 1274 is for modifying a virtual surface in response to user input to a widget, such as by using the delete, set, clear, add, and run subcommands described above. As described above, the delete subcommand (del) may be used to delete widgets from a virtual surface. The set subcommand may be used to change a widget's property. The clear subcommand may be used to remove all widgets from a container. The add subcommand may be used to insert new widgets into a container. An exec block may be provided allowing for modifications to the abstract surface to happen in response to user input 1210. Action 1275 is for running an animation in response to user input to a widget, such as using the animation techniques described in detail above. In some examples, a combination of all actions 1270 can be registered in a single action block.
The framework runtime may manage two categories of state: context and rendering. An example command to alter state is shown below:
As described in detail above, upon receipt of the platform-independent commands, different framework runtime components on different respective computing platforms may use the platform-independent commands to generate respective rendering instructions for rendering the virtual surface on their respective computing platforms. In particular, as shown in
At operation 1316, it is determined whether any modifications to the virtual surface are received. For example, as described in detail above, a user interface on a virtual surface may be dynamically changed, such as by issuing exec commands. The modifications may be achieved using the delete, set, clear, add, and run subcommands described above. As described above, the delete subcommand (del) may be used to delete widgets from a virtual surface. The set subcommand may be used to change a widget's property. The clear subcommand may be used to remove all widgets from a container. The add subcommand may be used to insert new widgets into a container. If modifications are received, then, at operation 1318, the virtual surface is modified in accordance with the received modifications.
At operation 1320, it is determined whether user input is detected to a display item in the virtual surface. For example, as described above, an action property may be defined for a display item/widget in the platform-independent commands that causes the framework runtime components to perform one or more actions when user input to the display item/widget is detected. If user input is detected, then, at operation 1322, one or more responsive actions may be performed. As described above, the responsive actions may include, for example, opening a URL, notifying the host streaming application that the user input was received for the widget and optionally providing an indication of states of other related widgets, modifying the virtual surface (e.g., including any of the modifications described above for operations 1316-1318), and running an animation. As shown, the process may continually cycle through operations 1316-1322, such as to receive and respond to modifications and/or user input at any given time.
As also shown in
In addition to the first positional attribute, first position may be expressed optionally further based in part on one or more other relative amounts of one or more other positional attributes. For example, the first position may be further expressed based in part on a second relative amount of a second positional attribute that is relative to a second total amount of the second positional attribute for the virtual surface in its entirety. Thus, in some examples, the first and second positional attributes may include width and height. In one specific example, the first positional attribute is width and the first relative amount is a relative width that is relative to a total width of the virtual surface in its entirety, while the second positional attribute is height and the second relative amount is a relative height that is relative to a total height of the virtual surface in its entirety. Some examples of this is are shown in
In some examples, the first relative amount may be expressed as a mathematical function with respect to the first total amount, such as a percentage, a ratio, or a fraction of the first total amount. As described above, the display item may be displayed as part of an animation. As also described above, the first position may a starting position of the animation or an ending position of the animation. The one or more commands may further indicate at least one of a duration, a repetition, or a delay associated with the animation.
At operation 1412, rendering instructions are generated for rendering the virtual surface including the display item in a user interface of the streaming application. The rendering instructions may be generated based on the one or more commands received at operation 1410. For example, as described in detail above, upon receipt of the platform-independent commands, different framework runtime components on different respective computing platforms may use the platform-independent commands to generate respective rendering instructions for rendering the virtual surface, including display items within the virtual surface, on their respective computing platforms. In some examples, the rendering instructions may employ native user interface toolkits of a respective target platform and/or cross-platform widget libraries for rendering of the virtual surface and its contents. Specifically, the first rendering instructions may include instructions to render the widgets and/or toolkit elements in accordance with values of properties that may be specified in the commands received at operation 1410, such as those described in detail above and not repeated here. The size, shape, position and other features of the virtual surface may vary between computing platforms.
At operation 1414, the rendering instructions are provided to one or more rendering components that render the virtual surface including the display item in the user interface based on the rendering instructions. For example, the first rendering instructions may be provided to one or more user interface toolkits that are native to a host computing platform, such as for rendering interface elements that are native to the host computing platform. Additionally, the first rendering instructions may be provided to one or more cross-platform widget libraries. These and other components may then render the virtual surface and its contents in the user interface based on the rendering instructions The display item is displayed at the first position expressed based at least in part on the first relative amount. A specific example of this is shown in
In some examples, because the size, shape and other characteristics of a virtual surface may differ between different computing platforms (and/or between different screen orientations, such as platform and landscape, within the same computing platform), the actual resulting coordinates at which a widget is rendered may therefore differ between different computing platforms and/or screen orientations (even when being rendered based on the same relative positions). For example, in the scenario described above, an animation may have a relative start position of “0x0.5*h”, which refers to the left edge of the virtual surface at the vertical center. Now suppose that the same virtual surface is rendered in a first computing platform with a height of ten coordinate points and is also rendered in a second computing platform with a height of twenty coordinate points. In this example, in the virtual surface for the first computing platform, the animation start point may be five coordinate points down from the top of the virtual surface (which is half of the height of ten coordinate points). By contrast, in the virtual surface for the second computing platform, the animation start point may be ten coordinate points down from the top of the virtual surface (which is half of the height of twenty coordinate points). In some examples, the respective framework runtime components may determine the actual resulting coordinate points at which a widget is rendered within their corresponding respective computing platforms. In particular, in some cases, the respective framework runtime components may determine the total measurements (e.g., total width, total height, etc.) for a particular virtual surface within their corresponding respective computing platforms, such as by requesting or otherwise obtaining the measurement information from toolkits, widget libraries, and/or other rendering components. The framework runtime components may then determine the actual resulting coordinate points for a widget based on the specified relative positions and the total measurements for the virtual surface. For example, in the scenario described above, the framework runtime components for the first computing platform may determine that the animation start point for the first computing platform is five coordinate points down from the top of the virtual surface (which is half of the height of ten coordinate points). Additionally, the framework runtime components for the second computing platform may determine that the animation start point for the second computing platform is ten coordinate points down from the top of the virtual surface (which is half of the height of twenty coordinate points). Upon making these determinations, the framework runtime components may instruct the toolkits and/or widget libraries to render the animations at the respective determined coordinate points for their respective computing platforms.
Moreover, in some examples, the framework runtime components may also monitor various control components for signals that cause a display to be reoriented, such as from portrait to landscape (or vice versa), as these re-orientations may cause the size, shape and other characteristics of the virtual surface to change. Upon determining an occurrence of such a reorientation, the framework runtime components may determine new total measurements for the reoriented virtual surface (e.g., new total width, new total height, etc.) and may accordingly recalculate new resulting widget positions based on the relative positions and the new total measurements. For example, if a display reorientation causes the height of a virtual surface to change from ten coordinate points to six coordinate points, then the framework runtime components may determine that a widget with a relative position of “0x0.5*h” should be moved from five coordinate points down from the top of the virtual surface (which is half of the previous height of ten coordinate points) to three coordinate points down from the top of the virtual surface (which is half of the new height of six coordinate points).
It is noted that, while many of the above examples in
An example system for transmitting and providing data will now be described in detail. In particular,
Each type or configuration of computing resource may be available in different sizes, such as large resources—consisting of many processors, large amounts of memory and/or large storage capacity—and small resources—consisting of fewer processors, smaller amounts of memory and/or smaller storage capacity. Customers may choose to allocate a number of small processing resources as web servers and/or one large processing resource as a database server, for example.
Data center 85 may include servers 76a and 76b (which may be referred herein singularly as server 76 or in the plural as servers 76) that provide computing resources. These resources may be available as bare metal resources or as virtual machine instances 78a-d (which may be referred herein singularly as virtual machine instance 78 or in the plural as virtual machine instances 78).
The availability of virtualization technologies for computing hardware has afforded benefits for providing large scale computing resources for customers and allowing computing resources to be efficiently and securely shared between multiple customers. For example, virtualization technologies may allow a physical computing device to be shared among multiple users by providing each user with one or more virtual machine instances hosted by the physical computing device. A virtual machine instance may be a software emulation of a particular physical computing system that acts as a distinct logical computing system. Such a virtual machine instance provides isolation among multiple operating systems sharing a given physical computing resource. Furthermore, some virtualization technologies may provide virtual resources that span one or more physical resources, such as a single virtual machine instance with multiple virtual processors that span multiple distinct physical computing systems.
Referring to
Communication network 73 may provide access to computers 72. User computers 72 may be computers utilized by users 70 or other customers of data center 85. For instance, user computer 72a or 72b may be a server, a desktop or laptop personal computer, a tablet computer, a wireless telephone, a personal digital assistant (PDA), an e-book reader, a game console, a set-top box or any other computing device capable of accessing data center 85. User computer 72a or 72b may connect directly to the Internet (e.g., via a cable modem or a Digital Subscriber Line (DSL)). Although only two user computers 72a and 72b are depicted, it should be appreciated that there may be multiple user computers.
User computers 72 may also be utilized to configure aspects of the computing resources provided by data center 85. In this regard, data center 85 might provide a gateway or web interface through which aspects of its operation may be configured through the use of a web browser application program executing on user computer 72. Alternately, a stand-alone application program executing on user computer 72 might access an application programming interface (API) exposed by data center 85 for performing the configuration operations. Other mechanisms for configuring the operation of various web services available at data center 85 might also be utilized.
Servers 76 shown in
It should be appreciated that although the embodiments disclosed above discuss the context of virtual machine instances, other types of implementations can be utilized with the concepts and technologies disclosed herein. For example, the embodiments disclosed herein might also be utilized with computing systems that do not utilize virtual machine instances.
In the example data center 85 shown in
In the example data center 85 shown in
It should be appreciated that the network topology illustrated in
It should also be appreciated that data center 85 described in
In at least some embodiments, a server that implements a portion or all of one or more of the technologies described herein may include a computer system that includes or is configured to access one or more computer-accessible media.
In various embodiments, computing device 15 may be a uniprocessor system including one processor 10 or a multiprocessor system including several processors 10 (e.g., two, four, eight or another suitable number). Processors 10 may be any suitable processors capable of executing instructions. For example, in various embodiments, processors 10 may be embedded processors implementing any of a variety of instruction set architectures (ISAs), such as the x86, PowerPC, SPARC or MIPS ISAs or any other suitable ISA. In multiprocessor systems, each of processors 10 may commonly, but not necessarily, implement the same ISA.
System memory 20 may be configured to store instructions and data accessible by processor(s) 10. In various embodiments, system memory 20 may be implemented using any suitable memory technology, such as static random access memory (SRAM), synchronous dynamic RAM (SDRAM), nonvolatile/Flash®-type memory or any other type of memory. In the illustrated embodiment, program instructions and data implementing one or more desired functions, such as those methods, techniques and data described above, are shown stored within system memory 20 as code 25 and data 26.
In one embodiment, I/O interface 30 may be configured to coordinate I/O traffic between processor 10, system memory 20 and any peripherals in the device, including network interface 40 or other peripheral interfaces. In some embodiments, I/O interface 30 may perform any necessary protocol, timing or other data transformations to convert data signals from one component (e.g., system memory 20) into a format suitable for use by another component (e.g., processor 10). In some embodiments, I/O interface 30 may include support for devices attached through various types of peripheral buses, such as a variant of the Peripheral Component Interconnect (PCI) bus standard or the Universal Serial Bus (USB) standard, for example. In some embodiments, the function of I/O interface 30 may be split into two or more separate components, such as a north bridge and a south bridge, for example. Also, in some embodiments some or all of the functionality of I/O interface 30, such as an interface to system memory 20, may be incorporated directly into processor 10.
Network interface 40 may be configured to allow data to be exchanged between computing device 15 and other device or devices 60 attached to a network or networks 50, such as other computer systems or devices, for example. In various embodiments, network interface 40 may support communication via any suitable wired or wireless general data networks, such as types of Ethernet networks, for example. Additionally, network interface 40 may support communication via telecommunications/telephony networks, such as analog voice networks or digital fiber communications networks, via storage area networks such as Fibre Channel SANs (storage area networks) or via any other suitable type of network and/or protocol.
In some embodiments, system memory 20 may be one embodiment of a computer-accessible medium configured to store program instructions and data as described above for implementing embodiments of the corresponding methods and apparatus. However, in other embodiments, program instructions and/or data may be received, sent or stored upon different types of computer-accessible media. Generally speaking, a computer-accessible medium may include non-transitory storage media or memory media, such as magnetic or optical media—e.g., disk or DVD/CD coupled to computing device 15 via I/O interface 30. A non-transitory computer-accessible storage medium may also include any volatile or non-volatile media, such as RAM (e.g., SDRAM, DDR SDRAM, RDRAM, SRAM, etc.), ROM (read only memory) etc., that may be included in some embodiments of computing device 15 as system memory 20 or another type of memory. Further, a computer-accessible medium may include transmission media or signals such as electrical, electromagnetic or digital signals conveyed via a communication medium, such as a network and/or a wireless link, such as those that may be implemented via network interface 40.
A network set up by an entity, such as a company or a public sector organization, to provide one or more web services (such as various types of cloud-based computing or storage) accessible via the Internet and/or other networks to a distributed set of clients may be termed a provider network. Such a provider network may include numerous data centers hosting various resource pools, such as collections of physical and/or virtualized computer servers, storage devices, networking equipment and the like, needed to implement and distribute the infrastructure and web services offered by the provider network. The resources may in some embodiments be offered to clients in various units related to the web service, such as an amount of storage capacity for storage, processing capability for processing, as instances, as sets of related services and the like. A virtual computing instance may, for example, comprise one or more servers with a specified computational capacity (which may be specified by indicating the type and number of CPUs, the main memory size and so on) and a specified software stack (e.g., a particular version of an operating system, which may in turn run on top of a hypervisor).
A compute node, which may be referred to also as a computing node, may be implemented on a wide variety of computing environments, such as commodity-hardware computers, virtual machines, web services, computing clusters and computing appliances. Any of these computing devices or environments may, for convenience, be described as compute nodes.
A number of different types of computing devices may be used singly or in combination to implement the resources of the provider network in different embodiments, for example computer servers, storage devices, network devices and the like. In some embodiments a client or user may be provided direct access to a resource instance, e.g., by giving a user an administrator login and password. In other embodiments the provider network operator may allow clients to specify execution requirements for specified client applications and schedule execution of the applications on behalf of the client on execution platforms (such as application server instances, Java′ virtual machines (JVMs), general-purpose or special-purpose operating systems, platforms that support various interpreted or compiled programming languages such as Ruby, Perl, Python, C, C++ and the like or high-performance computing platforms) suitable for the applications, without, for example, requiring the client to access an instance or an execution platform directly. A given execution platform may utilize one or more resource instances in some implementations; in other implementations, multiple execution platforms may be mapped to a single resource instance.
In many environments, operators of provider networks that implement different types of virtualized computing, storage and/or other network-accessible functionality may allow customers to reserve or purchase access to resources in various resource acquisition modes. The computing resource provider may provide facilities for customers to select and launch the desired computing resources, deploy application components to the computing resources and maintain an application executing in the environment. In addition, the computing resource provider may provide further facilities for the customer to quickly and easily scale up or scale down the numbers and types of resources allocated to the application, either manually or through automatic scaling, as demand for or capacity requirements of the application change. The computing resources provided by the computing resource provider may be made available in discrete units, which may be referred to as instances. An instance may represent a physical server hardware platform, a virtual machine instance executing on a server or some combination of the two. Various types and configurations of instances may be made available, including different sizes of resources executing different operating systems (OS) and/or hypervisors, and with various installed software applications, runtimes and the like. Instances may further be available in specific availability zones, representing a logical region, a fault tolerant region, a data center or other geographic location of the underlying computing hardware, for example. Instances may be copied within an availability zone or across availability zones to improve the redundancy of the instance, and instances may be migrated within a particular availability zone or across availability zones. As one example, the latency for client communications with a particular server in an availability zone may be less than the latency for client communications with a different server. As such, an instance may be migrated from the higher latency server to the lower latency server to improve the overall client experience.
In some embodiments the provider network may be organized into a plurality of geographical regions, and each region may include one or more availability zones. An availability zone (which may also be referred to as an availability container) in turn may comprise one or more distinct locations or data centers, configured in such a way that the resources in a given availability zone may be isolated or insulated from failures in other availability zones. That is, a failure in one availability zone may not be expected to result in a failure in any other availability zone. Thus, the availability profile of a resource instance is intended to be independent of the availability profile of a resource instance in a different availability zone. Clients may be able to protect their applications from failures at a single location by launching multiple application instances in respective availability zones. At the same time, in some implementations inexpensive and low latency network connectivity may be provided between resource instances that reside within the same geographical region (and network transmissions between resources of the same availability zone may be even faster).
As set forth above, content may be provided by a content provider to one or more clients. The term content, as used herein, refers to any presentable information, and the term content item, as used herein, refers to any collection of any such presentable information. A content provider may, for example, provide one or more content providing services for providing content to clients. The content providing services may reside on one or more servers. The content providing services may be scalable to meet the demands of one or more customers and may increase or decrease in capability based on the number and type of incoming client requests. Portions of content providing services may also be migrated to be placed in positions of reduced latency with requesting clients. For example, the content provider may determine an “edge” of a system or network associated with content providing services that is physically and/or logically closest to a particular client. The content provider may then, for example, “spin-up,” migrate resources or otherwise employ components associated with the determined edge for interacting with the particular client. Such an edge determination process may, in some cases, provide an efficient technique for identifying and employing components that are well suited to interact with a particular client, and may, in some embodiments, reduce the latency for communications between a content provider and one or more clients.
In addition, certain methods or process blocks may be omitted in some implementations. The methods and processes described herein are also not limited to any particular sequence, and the blocks or states relating thereto can be performed in other sequences that are appropriate. For example, described blocks or states may be performed in an order other than that specifically disclosed, or multiple blocks or states may be combined in a single block or state. The example blocks or states may be performed in serial, in parallel or in some other manner. Blocks or states may be added to or removed from the disclosed example embodiments.
It will also be appreciated that various items are illustrated as being stored in memory or on storage while being used, and that these items or portions thereof may be transferred between memory and other storage devices for purposes of memory management and data integrity. Alternatively, in other embodiments some or all of the software modules and/or systems may execute in memory on another device and communicate with the illustrated computing systems via inter-computer communication. Furthermore, in some embodiments, some or all of the systems and/or modules may be implemented or provided in other ways, such as at least partially in firmware and/or hardware, including, but not limited to, one or more application-specific integrated circuits (ASICs), standard integrated circuits, controllers (e.g., by executing appropriate instructions, and including microcontrollers and/or embedded controllers), field-programmable gate arrays (FPGAs), complex programmable logic devices (CPLDs), etc. Some or all of the modules, systems and data structures may also be stored (e.g., as software instructions or structured data) on a computer-readable medium, such as a hard disk, a memory, a network or a portable media article to be read by an appropriate drive or via an appropriate connection. The systems, modules and data structures may also be transmitted as generated data signals (e.g., as part of a carrier wave or other analog or digital propagated signal) on a variety of computer-readable transmission media, including wireless-based and wired/cable-based media, and may take a variety of forms (e.g., as part of a single or multiplexed analog signal, or as multiple discrete digital packets or frames). Such computer program products may also take other forms in other embodiments. Accordingly, the present invention may be practiced with other computer system configurations.
Conditional language used herein, such as, among others, “can,” “could,” “might,” “may,” “e.g.” and the like, unless specifically stated otherwise, or otherwise understood within the context as used, is generally intended to convey that certain embodiments include, while other embodiments do not include, certain features, elements, and/or steps. Thus, such conditional language is not generally intended to imply that features, elements and/or steps are in any way required for one or more embodiments or that one or more embodiments necessarily include logic for deciding, with or without author input or prompting, whether these features, elements and/or steps are included or are to be performed in any particular embodiment. The terms “comprising,” “including,” “having” and the like are synonymous and are used inclusively, in an open-ended fashion, and do not exclude additional elements, features, acts, operations and so forth. Also, the term “or” is used in its inclusive sense (and not in its exclusive sense) so that when used, for example, to connect a list of elements, the term “or” means one, some or all of the elements in the list.
While certain example embodiments have been described, these embodiments have been presented by way of example only and are not intended to limit the scope of the inventions disclosed herein. Thus, nothing in the foregoing description is intended to imply that any particular feature, characteristic, step, module or block is necessary or indispensable. Indeed, the novel methods and systems described herein may be embodied in a variety of other forms; furthermore, various omissions, substitutions and changes in the form of the methods and systems described herein may be made without departing from the spirit of the inventions disclosed herein. The accompanying claims and their equivalents are intended to cover such forms or modifications as would fall within the scope and spirit of certain of the inventions disclosed herein.
Patent | Priority | Assignee | Title |
11539770, | Mar 15 2021 | XILINX, Inc. | Host-to-kernel streaming support for disparate platforms |
11770591, | Aug 05 2016 | SPORTSCASTR, INC | Systems, apparatus, and methods for rendering digital content streams of events, and synchronization of event information with rendered streams, via multiple internet channels |
11871088, | May 16 2017 | SportsCastr, Inc. | Systems, apparatus, and methods for providing event video streams and synchronized event information via multiple Internet channels |
Patent | Priority | Assignee | Title |
10194189, | Sep 23 2013 | Amazon Technologies, Inc | Playback of content using multiple devices |
10440436, | Jun 26 2015 | Amazon Technologies, Inc | Synchronizing interactive content with a live video stream |
6310601, | May 12 1998 | International Business Machines Corporation | Resizing images to improve network throughput |
6442755, | Jul 07 1998 | Rovi Guides, Inc; TV GUIDE, INC ; UV CORP | Electronic program guide using markup language |
8022951, | Nov 27 2001 | SAMSUNG ELECTRONICS CO , LTD | Node structure for representing 3-dimensional objects using depth image |
9420027, | Apr 27 2015 | WOWZA MEDIA SYSTEMS, LLC | Systems and methods of communicating platform-independent representation of source code |
9973819, | Jun 26 2015 | Amazon Technologies, Inc | Live video stream with interactive shopping interface |
20040268299, | |||
20070157234, | |||
20070157260, | |||
20080216153, | |||
20090138922, | |||
20090158374, | |||
20090276805, | |||
20100020104, | |||
20100257559, | |||
20100321389, | |||
20110069940, | |||
20130047150, | |||
20130173765, | |||
20140035945, | |||
20140210714, | |||
20150382052, | |||
20160012053, | |||
20160217110, | |||
20160342312, | |||
20160357358, | |||
20160381427, | |||
20170006322, | |||
20170180793, | |||
20170180795, | |||
20170337321, | |||
20180121028, | |||
20180176272, | |||
20180295424, | |||
20200004954, |
Executed on | Assignor | Assignee | Conveyance | Frame | Reel | Doc |
Jun 20 2019 | KOSMISKAS, MARIO | TWITCH INTERACTIVE, INC | ASSIGNMENT OF ASSIGNORS INTEREST SEE DOCUMENT FOR DETAILS | 049549 | /0826 | |
Jun 21 2019 | Twitch Interactive, Inc. | (assignment on the face of the patent) | / |
Date | Maintenance Fee Events |
Jun 21 2019 | BIG: Entity status set to Undiscounted (note the period is included in the code). |
Date | Maintenance Schedule |
Apr 06 2024 | 4 years fee payment window open |
Oct 06 2024 | 6 months grace period start (w surcharge) |
Apr 06 2025 | patent expiry (for year 4) |
Apr 06 2027 | 2 years to revive unintentionally abandoned end. (for year 4) |
Apr 06 2028 | 8 years fee payment window open |
Oct 06 2028 | 6 months grace period start (w surcharge) |
Apr 06 2029 | patent expiry (for year 8) |
Apr 06 2031 | 2 years to revive unintentionally abandoned end. (for year 8) |
Apr 06 2032 | 12 years fee payment window open |
Oct 06 2032 | 6 months grace period start (w surcharge) |
Apr 06 2033 | patent expiry (for year 12) |
Apr 06 2035 | 2 years to revive unintentionally abandoned end. (for year 12) |