Documentation

Widgets.us.custom.sinclair.nba.Game

us.custom.sinclair.nba.game displays relevant data of a NBA game. It features a scoreboard and various tabs depending on the the game state (pre-match, live, post-match):

  • in pre-match: a preview tab with match news, points per game, opponent points per game, and leaders, and an odds tab with moneyline, over/under, spread, and win probability,
  • in live match: a box score tab with player stats, a game tracker tab with visualizations of the current situation, and a play by play tab detailing all plate appearances grouped by inning halves,
  • in live match: a play by play tab detailing events grouped by halves, a game tracker tab with visualizations of the current situation, and a box score tab with statistics,
  • in post-match: a play by play tab detailing events grouped by halves, a game tracker tab, a box score tab with statistics, a recap tab if there's a recap available, and an odds tab.

For the widget to render you need to provide matchId, other properties are optional.

new Game(props)

Parameters
Name Type Description
props object
Properties
Name Type Argument Description
matchId number

Match id.
onItemClick function <optional>

Function/event handler. Emits uniqueTeamId on team click or touch, and playerId on player click or touch.
Examples

HTML/Declarative

<div class="sr-widget" data-sr-widget="us.custom.sinclair.nba.game" data-sr-match-id="15329980"></div>
<script type="application/javascript" src="https://widgets.media.sportradar.com/uscommon/widgetloader" data-sr-language="en_us" async></script>

JS/Programmatic

<script>
    (function(a,b,c,d,e,f,g,h,i){a[e]||(i=a[e]=function(){(a[e].q=a[e].q||[]).push(arguments)},i.l=1*new Date,i.o=f,
    g=b.createElement(c),h=b.getElementsByTagName(c)[0],g.async=1,g.src=d,g.setAttribute("n",e),h.parentNode.insertBefore(g,h)
    )})(window,document,"script","https://widgets.media.sportradar.com/uscommon/widgetloader","USW", {
        language: 'en_us'
    });
    USW('addWidget', '#sr-widget', 'us.custom.sinclair.nba.game', {matchId: 15329980});
</script>
<div id="sr-widget"></div>

JS/Example of using Event Handlers

<script>
    (function(a,b,c,d,e,f,g,h,i){a[e]||(i=a[e]=function(){(a[e].q=a[e].q||[]).push(arguments)},i.l=1*new Date,i.o=f,
    g=b.createElement(c),h=b.getElementsByTagName(c)[0],g.async=1,g.src=d,g.setAttribute("n",e),h.parentNode.insertBefore(g,h)
    )})(window,document,"script","https://widgets.media.sportradar.com/uscommon/widgetloader","USW", {
        language: 'en_us'
    });
    USW('addWidget', '#sr-widget', 'us.custom.sinclair.nba.game', {matchId: 15329980, onItemClick: function(type, obj){alert(JSON.stringify(obj));}});
</script>
<div id="sr-widget"></div>