Documentation

Widgets.us.custom.sinclair.nhl.Game

us.custom.sinclair.nhl.game displays relevant data of a NHL 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, goals per game, opponent goals per game, and leaders, and an odds tab with moneyline, over/under, spread, and win probability,
  • in live match: a play by play tab detailing all events grouped by periods, and with a list of goalscorers, a game tracker tab with visualizations of the current situation, a box score tab with player stats, and a shot chart tab with a shot chart,
  • in post-match: a play by play tab detailing all events grouped by periods, and with a list of goalscorers, a game tracker tab with visualizations of the current situation, a box score tab with player stats, a shot chart tab with a shot chart, 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.nhl.game" data-sr-match-id="18717858"></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.nhl.game', {matchId: 18717858});
</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.nhl.game', {matchId: 18717858, onItemClick: function(type, obj){alert(JSON.stringify(obj));}});
</script>
<div id="sr-widget"></div>